:root{--bg-primary:#eaf0f0;--bg-secondary:#e2eaea;--bg-card:#fff;--bg-card-hover:#f4f8f8;--bg-sidebar:#f5f9f9;--bg-elevated:#f0f6f6;--bg-input:#f4f8f8;--overlay-1:#0b1f220a;--overlay-2:#0b1f221a;--accent-teal:#0e8c8c;--accent-teal-bg-soft:#16a5a50f;--accent-teal-bg-light:#16a5a514;--accent-teal-bg:#16a5a51f;--accent-teal-bg-strong:#16a5a526;--accent-teal-border-light:#16a5a540;--accent-teal-border:#16a5a559;--accent-orange:#f5a623;--accent-orange-dark:#e08c0e;--accent-orange-bg-light:#f5a62314;--accent-orange-bg:#f5a6231f;--accent-orange-bg-strong:#f5a62326;--accent-orange-border:#f5a62340;--accent-orange-border-strong:#f5a62359;--accent-green:#22c55e;--accent-green-text:#0e7a3a;--accent-green-bg:#22c55e0f;--accent-green-bg-strong:#22c55e29;--accent-green-border:#22c55e4d;--accent-red:#ef4444;--accent-red-text:#c0392b;--accent-red-bg:#ef44441a;--accent-red-bg-strong:#ef444426;--accent-red-border:#ef444440;--accent-red-border-strong:#ef444459;--accent-amber:#fbbf24;--accent-amber-text:#b45309;--accent-blue:#3b82f6;--accent-blue-text:#2563eb;--accent-purple:#8b5cf6;--accent-purple-text:#7c3aed;--text-primary:#0b1f22;--text-secondary:#26383c;--text-tertiary:#43575b;--text-muted:#6a8185;--text-faint:#91a6a9;--border:#dbe5e5;--border-light:#e7efef;--border-strong:#c7d6d6;--gradient-teal:linear-gradient(135deg, #16a5a5 0%, #0d8585 100%);--gradient-orange:linear-gradient(135deg, #f5a623 0%, #e08800 100%);--gradient-brand:linear-gradient(135deg, #16a5a5 0%, #f5a623 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #f6fafa 100%);--shadow-sm:0 1px 2px #0b2e330f;--shadow-md:0 4px 16px #0b2e3317;--shadow-lg:0 16px 40px #0b2e3326;--radius-xs:3px;--radius-sm:6px;--radius-md:8px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:99px;--spacing-xs:4px;--spacing-sm:8px;--spacing:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px;--font-sans:"Plus Jakarta Sans", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--sidebar-width:256px}:root[data-theme=dark]{--bg-primary:#050f11;--bg-secondary:#0a1d21;--bg-card:#0d2125;--bg-card-hover:#163439;--bg-sidebar:#071619;--bg-elevated:#163439;--bg-input:#112a2f;--overlay-1:#ffffff0d;--overlay-2:#ffffff29;--accent-teal:#2bc4c4;--accent-orange:#f2a63c;--accent-green:#40d38e;--accent-green-text:#86efac;--accent-red-text:#fca5a5;--accent-blue-text:#93c5fd;--accent-purple-text:#c4b5fd;--accent-amber-text:#fcd34d;--text-primary:#e8f2f1;--text-secondary:#d3e5e4;--text-tertiary:#aec1c2;--text-muted:#8ba1a2;--text-faint:#6f8a8c;--border:#1b363b;--border-light:#244a50;--border-strong:#2f6068;--gradient-card:linear-gradient(180deg, #0d2125 0%, #0a1d21 100%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 10px #0000006b;--shadow-lg:0 30px 80px #0000008c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.login-page{background:var(--bg-primary);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.login-brand{text-align:center;background:radial-gradient(circle at 20% 0,#16a5a52e,#0000 50%),radial-gradient(circle at 100% 100%,#f5a62321,#0000 55%),linear-gradient(135deg,#0b2e33 0%,#061419 100%);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:56px 48px;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 80%);mask-image:radial-gradient(#000 35%,#0000 80%)}.login-brand-mark{z-index:1;position:relative}.login-brand-eyebrow-min{z-index:1;color:var(--accent-orange);letter-spacing:.6px;text-transform:uppercase;background:#f5a6231a;border:1px solid #f5a62347;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:11.5px;font-weight:700;display:inline-flex;position:relative}.login-brand-eyebrow-dot{background:var(--accent-orange);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite login-pulse;box-shadow:0 0 0 4px #f5a6232e}@keyframes login-pulse{0%,to{opacity:1}50%{opacity:.5}}.login-brand-footer{z-index:1;text-align:center;color:var(--text-muted);font-size:11.5px;position:absolute;bottom:24px;left:0;right:0}.login-panel{background:var(--bg-secondary);justify-content:center;align-items:center;padding:48px 56px;display:flex;overflow-y:auto}.login-form-wrap{width:100%;max-width:420px}.login-form-mark-mobile{justify-content:center;margin-bottom:28px;display:none}.login-form-title{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:800}.login-form-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:14px;line-height:1.5}.login-error{background:var(--accent-red-bg);border:1px solid var(--accent-red-border);border-radius:var(--radius);color:var(--accent-red-text);align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:12.5px;display:flex}.login-form .form-group{margin-bottom:16px}.login-form .form-label{color:var(--text-secondary);letter-spacing:.2px;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.login-form-input-wrap{position:relative}.login-form-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.login-form .form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);padding:11px 14px 11px 38px;font-family:inherit;font-size:14px;transition:all .15s}.login-form .form-input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px var(--accent-teal-bg);outline:none}.login-form-toggle-pwd{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-form-toggle-pwd:hover{background:var(--bg-card);color:var(--text-primary)}.login-submit{background:linear-gradient(135deg, var(--accent-teal) 0%, #0d8585 100%);color:#fff;border-radius:var(--radius);cursor:pointer;letter-spacing:.2px;border:0;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-size:14px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 4px 14px #16a5a540}.login-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #16a5a559}.login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=1100px){.login-brand{padding:48px 36px}.login-panel{padding:40px 36px}}@media (width<=900px){.login-page{grid-template-columns:1fr;min-height:auto}.login-brand{gap:16px;min-height:200px;padding:28px 20px 24px}.login-brand-footer{margin-top:8px;position:static}.login-panel{padding:28px 22px 40px}.login-form-wrap{max-width:480px;margin:0 auto}.login-form-mark-mobile{display:flex}}@media (width<=480px){.login-brand{padding:22px 16px 18px}.login-panel{padding:22px 16px 32px}.login-form-title{font-size:22px}.login-form-subtitle{font-size:13px}}