:root{--bg:#0b0f14;--bg-2:#151c24;--surface:#1c26329e;--surface-2:#141c26d9;--border:#bed7eb24;--border-strong:#bed7eb3d;--text:#f1f5f9;--text-2:#aab7c5;--text-3:#6e7c8c;--accent:#3b82f6;--accent-soft:color-mix(in srgb, var(--accent) 18%, transparent);--accent-glow:color-mix(in srgb, var(--accent) 55%, transparent);--danger:#ef4444;--warn:#f59e0b;--ok:#22c55e;--r-sm:10px;--r:14px;--r-lg:18px;--shadow:0 10px 30px #00000073;--shadow-sm:0 6px 16px #00000059}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--text);background:radial-gradient(1200px 600px at 50% -10%, var(--accent-soft), transparent 60%), radial-gradient(900px 500px at 100% 100%, #3b82f60f, transparent 60%), var(--bg);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Inter,system-ui,sans-serif;font-size:15px;line-height:1.35;transition:background .5s;overflow-x:hidden}button{color:inherit;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:15px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input,select,textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select{color:var(--text);appearance:auto;background:#ffffff0d}input[type=date],input[type=time],input[type=datetime-local]{color:var(--text);background:#ffffff0d}option{color:#f1f5f9;background:#151b26}:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, #fff);outline-offset:1px}@keyframes pulse{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 2px var(--accent-glow)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);padding:14px;position:relative}.card+.card{margin-top:10px}.card-accent{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 0 0 1px var(--accent-glow), var(--shadow-sm)}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.col{flex-direction:column;gap:6px;display:flex}.label{color:var(--text-2);font-size:12.5px}.value{font-size:20px;font-weight:600}.value-sm{font-size:15px;font-weight:600}.muted{color:var(--text-2)}.dim{color:var(--text-3);font-size:12.5px}.h1{letter-spacing:-.3px;margin:0;font-size:22px;font-weight:600}.h2{margin:0;font-size:16px;font-weight:600}.divider{background:var(--border);height:1px;margin:10px 0}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:14.5px;font-weight:500;transition:transform .12s,border-color .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 80%, #fff));color:var(--btn-text,#fff);box-shadow:0 0 18px var(--accent-glow);border-color:#0000}.btn-block{width:100%}.btn-sm{border-radius:10px;padding:9px 12px;font-size:13.5px}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:11px;outline:none;padding:12px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--text-3)}.pill{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:999px;padding:6px 11px;font-size:12.5px;display:inline-flex}.pill.active{color:var(--btn-text,#fff);background:color-mix(in srgb, var(--accent) 26%, transparent);border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.tabs{border:1px solid var(--border);background:#ffffff08;border-radius:12px;gap:6px;padding:4px;display:flex}.tabs .tab{color:var(--text-2);background:0 0;border:0;border-radius:9px;flex:1;padding:9px}.tabs .tab.active{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--btn-text,#fff)}.badge{border-radius:8px;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.badge-danger{color:var(--danger);background:#ef44442e}.badge-warn{color:var(--warn);background:#f59e0b2e}.badge-ok{color:var(--ok);background:#22c55e2e}