:root{--bg:#f3f7ff;--panel:#fff;--text:#1d2b4f;--muted:#6b7a99;--accent:#2e90fa;--accent-2:#22c55e;--border:#dbe5ff;--shadow:rgba(15,23,42,.08)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,Apple Color Emoji,Segoe UI Emoji;background:radial-gradient(900px 600px at 20% 0,rgba(46,144,250,.18),transparent 60%),radial-gradient(800px 550px at 85% 10%,rgba(34,197,94,.14),transparent 65%),var(--bg);color:var(--text)}.container{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:520px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:0 20px 50px var(--shadow)}.title{margin:0 0 6px;font-size:22px}.subtitle{margin:0 0 22px;color:var(--muted);font-size:15px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.label{font-size:13px;color:var(--muted);font-weight:600}.input{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#f9fbff;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:rgba(46,144,250,.6);box-shadow:0 0 0 4px rgba(46,144,250,.15)}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.button{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(46,144,250,.25)}.button:disabled{opacity:.6;cursor:not-allowed}.status{font-size:13px;color:var(--muted)}.error{color:#ef4444}.success{color:var(--accent-2)}.modal-backdrop{position:fixed;inset:0;background:rgba(9,21,51,.35);display:grid;place-items:center;z-index:50}.modal-card{width:100%;max-width:520px;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 30px 60px rgba(15,23,42,.12)}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.modal-icon{width:56px;height:56px;border-radius:18px;background:rgba(34,197,94,.12);display:grid;place-items:center}.modal-icon svg{width:28px;height:28px;fill:var(--accent-2)}.modal-title{margin:0;font-size:22px}.modal-subtitle{margin:6px 0 0;color:var(--muted);font-size:14px}.modal-message{margin:18px 0 26px;color:var(--text);font-size:15px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end}.modal-button{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;border:none;padding:12px 22px;border-radius:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.modal-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(34,197,94,.25)}