*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;min-height:100vh;background:radial-gradient(circle at top left,#1e3a8a,#0f172a 60%)}.page-container{width:100%;display:flex;justify-content:center;align-items:center}.card{width:100%;max-width:420px;background:#ffffffe6;backdrop-filter:blur(12px);border-radius:20px;padding:32px;box-shadow:0 25px 60px #0006;transition:all .3s ease}.card:hover{transform:translateY(-3px)}.title{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:6px}.subtitle{font-size:14px;color:#64748b;margin-bottom:24px}.form-group{display:flex;flex-direction:column;margin-bottom:18px}label{font-size:13px;font-weight:600;margin-bottom:6px;color:#334155}input{padding:12px 14px;border-radius:12px;border:1px solid #cbd5e1;font-size:14px;outline:none;transition:all .2s ease}input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.btn-primary{width:100%;margin-top:10px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:12px;border-radius:12px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 25px #2563eb66}.error{font-size:12px;color:#dc2626;margin-top:4px}.actions-end{display:flex;justify-content:flex-end}.btn-secondary{background:#e2e8f0;color:#0f172a}.btn-secondary:hover{background:#cbd5e1}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.actions{display:flex;gap:12px;flex-wrap:wrap}.page-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px 16px}.card{width:100%;background:#ffffffeb;backdrop-filter:blur(12px);border-radius:20px;padding:24px;box-shadow:0 25px 60px #00000059}.title{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:8px}.subtitle{color:#64748b;line-height:1.6}.form-group{display:flex;flex-direction:column;margin-bottom:16px}label{font-size:13px;font-weight:700;color:#334155;margin-bottom:8px}input,select{width:100%;height:52px;padding:0 16px;border-radius:16px;border:1px solid #dbe4f0;background:#f8fafcf2;color:#0f172a;font-size:.96rem;outline:none}input:focus,select:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f621}.error{color:#dc2626;font-size:12px;margin-top:6px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.btn-primary{border:none;border-radius:14px;padding:12px 18px;background:linear-gradient(135deg,#2563eb,#1d4ed8 55%,#1e40af);color:#fff;font-size:.96rem;font-weight:700;cursor:pointer}