:root{--navy: #1a3a5c;--blue: #4a90c4;--blue-mid: #2d6ca3;--blue-light: #6aafe0;--blue-lighter: #9fcbee;--cyan: #00b4d8;--ok: #0f7a3d;--bad: #c02626;--warn: #9a6212;--font-display: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: "Space Mono", "JetBrains Mono", ui-monospace, monospace;--r: 16px;--r-sm: 11px;--r-xs: 8px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 36, 58, .08);--shadow: 0 4px 16px rgba(16, 36, 58, .1);--shadow-lg: 0 12px 32px rgba(16, 36, 58, .16);--t: .16s ease;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-8: 3rem;--bg: #eef2f8;--surface: #ffffff;--surface-2: #f5f8fc;--border: #dde5ef;--text: #16243a;--muted: #647488;--primary: var(--blue);--primary-strong: var(--navy);--on-primary: #ffffff;--topbar: #1a3a5c;--on-topbar: #eaf3fb;--accent-soft: rgba(0, 180, 216, .12);--ring: rgba(74, 144, 196, .4);--theme-color: #1a3a5c}:root[data-theme=dark]{--bg: #0c1420;--surface: #141f2d;--surface-2: #1a2836;--border: #24384c;--text: #e9eff6;--muted: #8ba0b5;--primary: #6aafe0;--primary-strong: #6aafe0;--on-primary: #0c1420;--topbar: #0a111c;--on-topbar: #cfe0ef;--accent-soft: rgba(0, 180, 216, .16);--ring: rgba(106, 175, 224, .45);--theme-color: #0a111c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0c1420;--surface: #141f2d;--surface-2: #1a2836;--border: #24384c;--text: #e9eff6;--muted: #8ba0b5;--primary: #6aafe0;--primary-strong: #6aafe0;--on-primary: #0c1420;--topbar: #0a111c;--on-topbar: #cfe0ef;--accent-soft: rgba(0, 180, 216, .16);--ring: rgba(106, 175, 224, .45);--theme-color: #0a111c}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-display);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.5px;line-height:1.2}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{min-height:100%;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.6rem 1rem;border:1px solid transparent;border-radius:var(--r-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:background var(--t),border-color var(--t),transform var(--t),opacity var(--t);white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--blue-mid)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-subtle{background:var(--surface-2);color:var(--text)}.btn-subtle:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--bad);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.spinner{display:flex;align-items:center;gap:var(--sp-3);color:var(--muted);padding:var(--sp-6);justify-content:center}.spinner-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:var(--sp-8) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.empty-icon{font-size:2.5rem;color:var(--primary);opacity:.7}.empty h3{color:var(--text)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--avatar-bg, var(--primary));color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.toast-stack{position:fixed;bottom:var(--sp-5);right:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);z-index:1000;max-width:min(92vw,380px)}.toast{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:var(--r-sm);padding:.7rem .9rem;box-shadow:var(--shadow);animation:toast-in .2s ease}.toast-ok{border-left-color:var(--ok)}.toast-bad{border-left-color:var(--bad)}.toast span{flex:1;font-size:.9rem}.toast-close{background:none;border:none;color:var(--muted);cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.app-topbar{display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);height:60px;background:var(--topbar);color:var(--on-topbar);flex-shrink:0}.app-topbar .brand{display:flex;align-items:center}.app-topbar .spacer{flex:1}.topbar-btn{background:transparent;border:none;color:var(--on-topbar);width:38px;height:38px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.topbar-btn:hover{background:#ffffff1f}.page{flex:1;padding:var(--sp-5);max-width:1100px;width:100%;margin:0 auto}.modal-backdrop{position:fixed;inset:0;background:#0a111c8c;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:900;animation:fade-in .15s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:90vh;overflow:auto;animation:modal-pop .18s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.modal-head h2{font-size:1.1rem}.modal-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.1rem}.modal-body{padding:var(--sp-5)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}