@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0f12;--bg2: #13161b;--bg3: #1a1e25;--bg4: #20252e;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.11);--text: #e2e8f0;--text2: #8b95a3;--text3: #4a5568;--red: #e53e3e;--red-dim: rgba(229,62,62,.12);--cyan: #38bdf8;--cyan-dim: rgba(56,189,248,.1);--green: #34d399;--yellow: #fbbf24;--radius: 8px;--radius-sm: 5px}body{background:var(--bg);font-family:DM Sans,system-ui,sans-serif;color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}.btn{font-family:DM Sans,sans-serif;font-weight:600;font-size:.875rem;cursor:pointer;border-radius:var(--radius-sm);padding:9px 18px;transition:all .15s;border:1px solid transparent;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;line-height:1}.btn-primary{background:var(--cyan);color:#0a1628;border-color:var(--cyan);font-weight:700}.btn-primary:hover{background:#7dd3fc}.btn-secondary{background:var(--bg3);color:var(--text);border-color:var(--border2)}.btn-secondary:hover{background:var(--bg4);border-color:#ffffff29}.btn-ghost{background:transparent;color:var(--text2);border-color:var(--border)}.btn-ghost:hover{background:var(--bg3);color:var(--text)}.btn-danger{background:transparent;color:#fc8181;border-color:#e53e3e33}.btn-danger:hover{background:var(--red-dim);color:var(--red);border-color:#e53e3e66}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-xs{padding:4px 9px;font-size:.75rem}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}@media (min-width:768px){.card{padding:22px}}.input-wrap{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.input-label{font-size:.82rem;font-weight:500;color:var(--text2)}.input{background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:DM Sans,sans-serif;font-size:.92rem;padding:10px 13px;border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s;width:100%;-webkit-appearance:none}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #38bdf81a}.input::placeholder{color:var(--text3)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.72rem;font-weight:500;border:1px solid var(--border);color:var(--text2);background:var(--bg3)}.badge-cyan{color:var(--cyan);background:var(--cyan-dim);border-color:#38bdf82e}.badge-red{color:#fc8181;background:var(--red-dim);border-color:#e53e3e2e}.badge-green{color:var(--green);background:#34d39914;border-color:#34d3992e}.badge-yellow{color:var(--yellow);background:#fbbf2414;border-color:#fbbf242e}.divider{height:1px;background:var(--border);margin:20px 0}.divider-text{display:flex;align-items:center;gap:10px;color:var(--text3);font-size:.8rem;margin:18px 0}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}