:root{--bg:#f5f7fb;--surface:#fff;--surface-muted:#f0f3f9;--border:#d9e0eb;--border-strong:#b9c6da;--text:#10203a;--muted:#5f6f8a;--accent:#2e6bff;--accent-soft:#dfe8ff;--success:#1f9f68;--warning:#d58a12;--danger:#d44343;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow:0 10px 24px #10203a14}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(100%,420px)}.stack-md{gap:12px;display:grid}.field-label{color:var(--muted);font-size:.88rem;font-weight:600}.field-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:10px 12px}.field-input:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 24%, transparent);outline-offset:1px}.app-frame{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{color:#dce7ff;background:#0f2140;border-right:1px solid #ffffff1a;padding:24px 16px}.brand{letter-spacing:.3px;margin-bottom:20px;font-weight:700}.sidebar-nav{gap:6px;display:grid}.sidebar-nav a{border-radius:var(--radius-sm);color:#dce7ff;padding:8px 10px}.sidebar-nav a:hover{background:#ffffff14}.app-main{grid-template-rows:auto 1fr;min-width:0;display:grid}.app-topbar{z-index:2;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;padding:14px 22px;display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:10px;display:flex}.content-area{padding:22px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:18px}.btn-primary,.btn-secondary,.btn-ghost{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:9px 12px;font-weight:600;transition:all .14s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-secondary{background:var(--surface-muted);color:var(--text);border-color:var(--border)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{cursor:default;opacity:.66}.badge-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.badge-accent,.badge-success,.badge-warning,.badge-danger,.badge-soft{border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:600}.badge-accent{color:#1e4cbc;background:var(--accent-soft)}.badge-success{color:#11673f;background:color-mix(in srgb, var(--success) 18%, white)}.badge-warning{color:#9f6508;background:color-mix(in srgb, var(--warning) 22%, white)}.badge-danger{color:#a32323;background:color-mix(in srgb, var(--danger) 20%, white)}.badge-soft{color:var(--muted);background:var(--surface-muted)}.alert-success,.alert-warning,.alert-danger{border-radius:var(--radius-sm);border:1px solid;padding:10px 12px;font-size:.9rem}.alert-success{border-color:color-mix(in srgb, var(--success) 36%, var(--border));background:color-mix(in srgb, var(--success) 12%, white)}.alert-warning{border-color:color-mix(in srgb, var(--warning) 36%, var(--border));background:color-mix(in srgb, var(--warning) 12%, white)}.alert-danger{border-color:color-mix(in srgb, var(--danger) 36%, var(--border));background:color-mix(in srgb, var(--danger) 12%, white)}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:10px}.modal-overlay{background:#10203a6b;place-items:center;display:grid;position:fixed;inset:0}.modal-panel{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);width:min(100%,560px);box-shadow:var(--shadow);padding:20px}.toast-region{gap:8px;display:grid;position:fixed;bottom:16px;right:16px}.toast-item{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow);padding:10px 12px}.muted{color:var(--muted);margin:0}@media (max-width:900px){.app-frame{grid-template-columns:1fr}.app-sidebar{display:none}}