@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #0b0b0c;--page-bg: #050506;--surface: #141416;--surface-2: #1c1c1f;--surface-3: #26262a;--text: #f5f5f7;--text-secondary: #a1a1a6;--text-emphasis: #bcd6f2;--accent: #0a84ff;--on-accent: #ffffff;--accent-pastel: #a7c7ea;--on-accent-pastel: #10233a;--icon-accent: #6ea8de;--hairline: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--ok: #5aa17a;--ok-weak: rgba(90, 161, 122, .13);--warn: #d8a657;--warn-weak: rgba(216, 166, 87, .14);--danger: #e5534b;--danger-weak: rgba(229, 83, 75, .14);--danger-border: rgba(229, 83, 75, .34);--r-8: 8px;--r-12: 12px;--r-16: 16px;--r-24: 24px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fw-body: 500;--fw-medium: 600;--fw-title: 600;--fs-caption: 12px;--fs-body: 14px;--fs-title: 18px;--fs-display: 24px;--dur-fast: .12s;--dur-base: .2s;--ease-spring: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--page-bg);color:var(--text);font:var(--fw-body) var(--fs-body) / 1.5 var(--font);-webkit-font-smoothing:antialiased}#app{min-height:100dvh}input,select,textarea,button{font-family:inherit;font-size:16px}.container{width:100%;max-width:960px;margin:0 auto;padding:24px 16px 64px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-16);padding:16px}.btn{border:none;border-radius:var(--r-12);cursor:pointer;height:44px;padding:0 18px;font:var(--fw-title) 14px var(--font);background:transparent;color:var(--text);transition:opacity var(--dur-fast) var(--ease-spring),background var(--dur-fast) ease}.btn-primary{background:var(--accent-pastel);color:var(--on-accent-pastel)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn:disabled{cursor:default;opacity:.55}.field{display:block;margin-bottom:14px}.field>span{display:block;font:var(--fw-medium) var(--fs-caption) var(--font);color:var(--text-secondary);margin-bottom:6px}.field input,.field select{width:100%;height:46px;padding:0 12px;border-radius:var(--r-12);background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.field .hint{display:block;margin-top:6px;font:var(--fw-body) var(--fs-caption) var(--font);color:var(--text-secondary)}.muted{color:var(--text-secondary)}.alert{border-radius:var(--r-12);padding:10px 14px;font:var(--fw-medium) 13px var(--font);margin-bottom:14px}.alert-error{background:var(--danger-weak);border:1px solid var(--danger-border);color:var(--danger)}.alert-ok{background:var(--ok-weak);border:1px solid var(--ok);color:var(--ok)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font:var(--fw-medium) 11px var(--font)}.badge-active{background:var(--ok-weak);color:var(--ok)}.badge-off{background:var(--surface-3);color:var(--text-secondary)}