:root{--bg: #0f0f1a;--surface: #1a1a2e;--surface2: #222238;--surface3: #2a2a45;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.15);--text: #f0efff;--text2: #a8a7c4;--text3: #6b6a8a;--accent: #7c6fff;--accent-soft: rgba(124,111,255,.15);--accent-glow: rgba(124,111,255,.3);--green: #4ade80;--green-soft: rgba(74,222,128,.12);--amber: #fbbf24;--amber-soft: rgba(251,191,36,.12);--red: #f87171;--red-soft: rgba(248,113,113,.12);--teal: #2dd4bf;--teal-soft: rgba(45,212,191,.12);--radius: 16px;--radius-sm: 10px;--transition: .18s ease;--shadow: 0 4px 24px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition)}button:active{transform:scale(.97)}input,select,textarea{font-family:inherit;color:var(--text);background:var(--surface3);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;width:100%;outline:none;transition:border-color var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text3)}select option{background:var(--surface2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.btn-primary{background:var(--accent);color:#fff;padding:14px 24px;border-radius:var(--radius-sm);font-size:15px;font-weight:500;letter-spacing:.01em}.btn-primary:hover{background:#9080ff}.btn-ghost{background:transparent;color:var(--text2);padding:10px 16px;border-radius:var(--radius-sm);font-size:14px}.btn-ghost:hover{background:var(--surface3);color:var(--text)}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;animation:fadeIn .15s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;padding:24px 20px 40px;width:100%;max-height:92dvh;overflow-y:auto;animation:slideUp .22s ease}.modal-handle{width:36px;height:4px;background:var(--border-hover);border-radius:100px;margin:0 auto 20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;color:var(--text2);font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}