:root{--ink: #14121c;--ink-soft: #1f1b2e;--surface: #ffffff;--surface-muted: #f5f3fb;--line: #e7e3f3;--violet: #6d28d9;--violet-bright: #8b5cf6;--spring: #3ddc84;--amber: #ffb020;--text: #1c1830;--text-muted: #6b6486;--text-invert: #f7f5ff;--danger: #e5484d;--ok: #30a46c;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--shadow: 0 18px 40px -22px rgba(40, 20, 90, .45);--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--surface-muted);-webkit-font-smoothing:antialiased}.login-screen{min-height:100%;display:grid;grid-template-columns:1.1fr .9fr;background:var(--ink)}@media (max-width: 860px){.login-screen{grid-template-columns:1fr}.login-stage{display:none}}.login-stage{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 20% 0%,rgba(139,92,246,.35),transparent 60%),radial-gradient(90% 60% at 90% 100%,rgba(61,220,132,.18),transparent 55%),var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:56px}.wordmark{font-family:var(--font-display);font-weight:700;font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-.04em;color:var(--text-invert)}.wordmark .bounce{display:inline-block;color:var(--spring);animation:bounce 1.4s cubic-bezier(.34,1.56,.64,1) .2s both}.wordmark .os{display:block;font-size:.28em;letter-spacing:.42em;color:var(--violet-bright);margin-top:14px;font-weight:500}@keyframes bounce{0%{transform:translateY(-120%) scaleY(.7);opacity:0}55%{transform:translateY(0) scaleY(1.08);opacity:1}72%{transform:translateY(-18%) scaleY(.96)}to{transform:translateY(0) scaleY(1)}}@media (prefers-reduced-motion: reduce){.wordmark .bounce{animation:none}}.stage-tagline{color:#f7f5ffb3;font-size:17px;max-width:32ch;line-height:1.5}.stage-foot{color:#f7f5ff66;font-size:13px;letter-spacing:.04em}.trampoline-line{height:2px;width:64px;background:var(--spring);border-radius:2px;margin:22px 0}.login-form-wrap{background:var(--surface);display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:360px}.login-card h1{font-family:var(--font-display);font-size:26px;letter-spacing:-.02em;margin-bottom:6px}.login-card .sub{color:var(--text-muted);margin-bottom:28px;font-size:14px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.field input{width:100%;height:46px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--r-md);font-size:15px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--violet-bright);box-shadow:0 0 0 4px #8b5cf626}.btn-primary{width:100%;height:48px;border:none;border-radius:var(--r-md);background:var(--violet);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .12s,background .15s}.btn-primary:hover{background:var(--violet-bright)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.form-error{background:#e5484d14;color:var(--danger);border:1px solid rgba(229,72,77,.25);border-radius:var(--r-sm);padding:10px 12px;font-size:13px;margin-bottom:16px}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100%}.sidebar{background:var(--ink);color:var(--text-invert);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.sidebar .brand{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.03em;padding:6px 12px 20px}.sidebar .brand span{color:var(--spring)}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);color:#f7f5ffb8;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:var(--violet);color:#fff}.nav-section{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f7f5ff59;padding:18px 12px 6px}.main{display:flex;flex-direction:column}.topbar{height:64px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar .unit-pill{font-size:13px;font-weight:600;color:var(--violet);background:var(--surface-muted);border:1px solid var(--line);padding:6px 12px;border-radius:999px}.topbar .user-chip{display:flex;align-items:center;gap:10px;font-size:14px}.topbar .user-chip button{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:13px;font-family:inherit}.topbar .user-chip button:hover{color:var(--danger)}.content{padding:32px}.page-title{font-family:var(--font-display);font-size:24px;letter-spacing:-.02em;margin-bottom:4px}.page-sub{color:var(--text-muted);font-size:14px;margin-bottom:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow)}.muted{color:var(--text-muted);font-size:14px;line-height:1.6}.loading-screen{min-height:100%;display:grid;place-items:center;color:var(--text-muted);font-family:var(--font-display)}