:root,[data-theme=amber]{--bg-base:#000;--bg-surface:#0a0a0a;--bg-card:#121212;--bg-elevated:#1c1c1c;--bg-hover:#262626;--border:#f5c2421a;--border-bright:#f5c24238;--brand:#f5c242;--brand-dark:#d49c1f;--brand-light:#ffd66b;--brand-glow:#f5c24233;--brand-glow2:#f5c2420f;--burgundy:#7b2d26;--burgundy-light:#a03a30;--burgundy-dark:#5d1f1f;--burgundy-glow:#7b2d2640;--blue:var(--brand);--blue-dark:var(--brand-dark);--blue-glow:var(--brand-glow);--blue-glow2:var(--brand-glow2);--indigo:#c77e2b;--text-1:#f4ead7;--text-2:#bba890;--text-3:#8a7560;--green:#7ab554;--green-glow:#7ab5541f;--yellow:#f5a623;--yellow-glow:#f5a6231f;--red:#c84538;--red-glow:#c845381f;--purple:#b47bc9;--purple-glow:#b47bc91f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--sidebar-w:268px;--topbar-h:64px;--radius:10px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #00000073;--shadow-xl:0 24px 64px #0009;--shadow-glow:0 0 24px var(--brand-glow);--topbar-bg:#0a0a0ac7;--overlay-bg:#000000d1;--modal-shadow-color:#0009}[data-theme=black]{--bg-base:#000;--bg-surface:#060606;--bg-card:#0c0c0c;--bg-elevated:#1a1a1a;--bg-hover:#262626;--border:#ffffff1a;--border-bright:#ffffff38;--brand:#f5f5f5;--brand-dark:#b8b8b8;--brand-light:#fff;--brand-glow:#ffffff26;--brand-glow2:#ffffff0a;--burgundy:#dc2626;--burgundy-light:#ef4444;--burgundy-dark:#991b1b;--burgundy-glow:#dc262638;--blue:var(--brand);--blue-dark:var(--brand-dark);--blue-glow:var(--brand-glow);--blue-glow2:var(--brand-glow2);--indigo:#a3a3a3;--text-1:#fff;--text-2:#a3a3a3;--text-3:#737373;--green:#4ade80;--green-glow:#4ade801f;--yellow:#facc15;--yellow-glow:#facc151f;--red:#ef4444;--red-glow:#ef44441f;--purple:#a78bfa;--purple-glow:#a78bfa1f;--topbar-bg:#060606d1;--overlay-bg:#000000e0;--modal-shadow-color:#000000b3}[data-theme=slate]{--bg-base:#0f1419;--bg-surface:#161b22;--bg-card:#1c2128;--bg-elevated:#242a33;--bg-hover:#2d343f;--border:#7d94a51f;--border-bright:#7d94a538;--brand:#2ea8b3;--brand-dark:#1f8088;--brand-light:#5bc0ca;--brand-glow:#2ea8b333;--brand-glow2:#2ea8b30f;--burgundy:#6a737d;--burgundy-light:#8b95a1;--burgundy-dark:#4a535d;--burgundy-glow:#6a737d40;--blue:var(--brand);--blue-dark:var(--brand-dark);--blue-glow:var(--brand-glow);--blue-glow2:var(--brand-glow2);--indigo:#6a737d;--text-1:#e6edf3;--text-2:#8b949e;--text-3:#6e7681;--green:#5eaf6e;--green-glow:#5eaf6e1f;--yellow:#d9a24c;--yellow-glow:#d9a24c1f;--red:#be5a52;--red-glow:#be5a521f;--purple:#9180bc;--purple-glow:#9180bc1f;--topbar-bg:#0f1419c7;--overlay-bg:#000000bf;--modal-shadow-color:#0000008c}[data-theme=midnight]{--bg-base:#0a0f1f;--bg-surface:#0f162e;--bg-card:#141c39;--bg-elevated:#1d2747;--bg-hover:#283358;--border:#d4af3714;--border-bright:#d4af372e;--brand:#d4af37;--brand-dark:#a88928;--brand-light:#e8c760;--brand-glow:#d4af372e;--brand-glow2:#d4af370d;--burgundy:#4a5b8a;--burgundy-light:#6a7ca8;--burgundy-dark:#2f3d63;--burgundy-glow:#4a5b8a40;--blue:var(--brand);--blue-dark:var(--brand-dark);--blue-glow:var(--brand-glow);--blue-glow2:var(--brand-glow2);--indigo:#4a5b8a;--text-1:#e8eaf0;--text-2:#9fa8c5;--text-3:#6f7a99;--green:#6fa876;--green-glow:#6fa8761f;--yellow:#d4af37;--yellow-glow:#d4af371f;--red:#b85c50;--red-glow:#b85c501f;--purple:#8a7bc4;--purple-glow:#8a7bc41f;--topbar-bg:#0a0f1fc7;--overlay-bg:#050812d1;--modal-shadow-color:#000000a6}[data-theme=nordic]{--bg-base:#f4f1ed;--bg-surface:#faf8f4;--bg-card:#fff;--bg-elevated:#ede9e2;--bg-hover:#e0dace;--border:#52473a1f;--border-bright:#52473a38;--brand:#5b7c99;--brand-dark:#3f5d78;--brand-light:#7b9bb6;--brand-glow:#5b7c9929;--brand-glow2:#5b7c990f;--burgundy:#b8624a;--burgundy-light:#d17f66;--burgundy-dark:#944a35;--burgundy-glow:#b8624a2e;--blue:var(--brand);--blue-dark:var(--brand-dark);--blue-glow:var(--brand-glow);--blue-glow2:var(--brand-glow2);--indigo:#6e5d9e;--text-1:#2a2520;--text-2:#5e574e;--text-3:#8b847a;--green:#4f8b5a;--green-glow:#4f8b5a24;--yellow:#c19533;--yellow-glow:#c1953324;--red:#b8624a;--red-glow:#b8624a24;--purple:#6e5d9e;--purple-glow:#6e5d9e24;--shadow-sm:0 1px 2px #52473a0f;--shadow-md:0 4px 12px #52473a1a;--shadow-lg:0 12px 32px #52473a24;--shadow-xl:0 24px 64px #52473a2e;--topbar-bg:#faf8f4d9;--overlay-bg:#2a252066;--modal-shadow-color:#52473a33}[data-theme=blue]{--bg-base:#0a0d14;--bg-surface:#111827;--bg-card:#161d2d;--bg-elevated:#1e2a3e;--bg-hover:#283449;--border:#6366f11a;--border-bright:#6366f138;--brand:#3b82f6;--brand-dark:#1d4ed8;--brand-light:#60a5fa;--brand-glow:#3b82f633;--brand-glow2:#3b82f60f;--burgundy:#6366f1;--burgundy-light:#818cf8;--burgundy-dark:#4338ca;--burgundy-glow:#6366f140;--blue:var(--brand);--blue-dark:var(--brand-dark);--blue-glow:var(--brand-glow);--blue-glow2:var(--brand-glow2);--indigo:#6366f1;--text-1:#f1f5f9;--text-2:#94a3b8;--text-3:#64748b;--green:#10b981;--green-glow:#10b9811f;--yellow:#f59e0b;--yellow-glow:#f59e0b1f;--red:#ef4444;--red-glow:#ef44441f;--purple:#a855f7;--purple-glow:#a855f71f}[data-theme=green]{--bg-base:#0a1410;--bg-surface:#0f1b16;--bg-card:#142621;--bg-elevated:#1e332d;--bg-hover:#2a4239;--border:#7ab5541a;--border-bright:#7ab55438;--brand:#7ab554;--brand-dark:#5a8a3f;--brand-light:#9bd66e;--brand-glow:#7ab55433;--brand-glow2:#7ab5540f;--burgundy:#c9a876;--burgundy-light:#e5c99a;--burgundy-dark:#a88a5f;--burgundy-glow:#c9a87640;--blue:var(--brand);--blue-dark:var(--brand-dark);--blue-glow:var(--brand-glow);--blue-glow2:var(--brand-glow2);--indigo:#c9a876;--text-1:#f0ebd8;--text-2:#a8b89c;--text-3:#7a8a6e;--green:#9bd66e;--green-glow:#9bd66e24;--yellow:#e0b848;--yellow-glow:#e0b84824;--red:#c84538;--red-glow:#c8453824;--purple:#c9a876;--purple-glow:#c9a87624}[data-theme=purple]{--bg-base:#0e0b14;--bg-surface:#15101d;--bg-card:#1e1729;--bg-elevated:#2c2240;--bg-hover:#3a2d55;--border:#d946a01a;--border-bright:#d946a038;--brand:#d946a0;--brand-dark:#b83591;--brand-light:#f472c0;--brand-glow:#d946a033;--brand-glow2:#d946a00f;--burgundy:#8b5cf6;--burgundy-light:#a78bfa;--burgundy-dark:#7c3aed;--burgundy-glow:#8b5cf640;--blue:var(--brand);--blue-dark:var(--brand-dark);--blue-glow:var(--brand-glow);--blue-glow2:var(--brand-glow2);--indigo:#8b5cf6;--text-1:#f1e8f5;--text-2:#b8a8c4;--text-3:#8b7894;--green:#34d399;--green-glow:#34d39924;--yellow:#fbbf24;--yellow-glow:#fbbf2424;--red:#ef4444;--red-glow:#ef444424;--purple:#a78bfa;--purple-glow:#a78bfa24}[data-theme=light]{--bg-base:#f5f5f4;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#f4f4f5;--bg-hover:#e7e5e4;--border:#00000014;--border-bright:#00000029;--brand:#2563eb;--brand-dark:#1d4ed8;--brand-light:#3b82f6;--brand-glow:#2563eb29;--brand-glow2:#2563eb0f;--burgundy:#dc2626;--burgundy-light:#ef4444;--burgundy-dark:#b91c1c;--burgundy-glow:#dc26262e;--blue:var(--brand);--blue-dark:var(--brand-dark);--blue-glow:var(--brand-glow);--blue-glow2:var(--brand-glow2);--indigo:#4338ca;--text-1:#18181b;--text-2:#52525b;--text-3:#71717a;--green:#16a34a;--green-glow:#16a34a1f;--yellow:#ca8a04;--yellow-glow:#ca8a041f;--red:#dc2626;--red-glow:#dc26261f;--purple:#9333ea;--purple-glow:#9333ea1f;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001a;--shadow-xl:0 24px 64px #00000026;--topbar-bg:#ffffffd1;--overlay-bg:#0f172a73;--modal-shadow-color:#00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--bg-base);color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:inherit}::selection{background:var(--brand-glow);color:var(--brand-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#f5c2422e;border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#f5c24252}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-brand{0%,to{box-shadow:0 0 0 0 var(--brand-glow)}50%{box-shadow:0 0 0 8px #f5c24200}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes orbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes loginCardIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-container{background:var(--bg-base);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";background:linear-gradient(90deg, transparent, var(--brand) 30%, var(--brand) 70%, transparent);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:22px 20px 20px;display:flex}.brand-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{letter-spacing:.12em;background:linear-gradient(135deg, var(--brand-light) 0%, var(--brand-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.92rem;font-weight:800}.brand-sub{color:var(--text-3);letter-spacing:.3em;margin-top:3px;font-size:.62rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:14px 10px;display:flex;overflow-y:auto}.nav-section-label{letter-spacing:1.8px;color:var(--text-3);text-transform:uppercase;padding:14px 12px 6px;font-size:.65rem;font-weight:700}.nav-item,.nav-item-btn{border-radius:var(--radius);color:var(--text-2);text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:.88rem;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:flex;position:relative}.nav-item:hover,.nav-item-btn:hover{background:var(--bg-elevated);color:var(--text-1)}.nav-item.active,.nav-item-open{background:var(--brand-glow2);color:var(--brand-light);border-left-color:var(--brand)}.nav-item.active .nav-icon,.nav-item.active .nav-icon-sym{color:var(--brand)}.nav-icon,.nav-icon-sym{text-align:center;width:20px;color:var(--text-3);flex-shrink:0;font-size:1.05rem}.nav-label{flex:1}.nav-arrow{color:var(--text-3);font-size:.7rem}.nav-sub,.nav-submenu{flex-direction:column;gap:1px;padding:2px 0 4px 28px;display:flex}.nav-item-sub,.nav-subitem{color:var(--text-3);border-left:2px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:7px 12px;font-size:.83rem;transition:background .2s,color .2s;display:flex}.nav-item-sub:hover,.nav-subitem:hover{background:var(--bg-elevated);color:var(--text-1)}.nav-item-sub.active,.nav-subitem.active{color:var(--brand-light);background:var(--brand-glow2);border-left-color:var(--brand)}.nav-sub-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sidebar-footer{border-top:1px solid var(--border);padding:14px}.sidebar-footer-user{border-radius:var(--radius);background:var(--bg-elevated);align-items:center;gap:10px;padding:10px;display:flex}.footer-avatar{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);width:32px;height:32px;color:var(--bg-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.footer-info{flex-direction:column;flex:1;display:flex}.footer-name{color:var(--text-1);font-size:.8rem;font-weight:600}.footer-role{color:var(--text-3);font-size:.7rem}.footer-logout{color:var(--text-3);background:0 0;border:none;border-radius:4px;padding:4px;font-size:1rem;transition:color .2s}.footer-logout:hover{color:var(--burgundy-light)}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;display:flex;position:relative}.topbar-left{flex-direction:column;display:flex}.page-title{color:var(--text-1);font-size:1.1rem;font-weight:700;line-height:1.2}.breadcrumb{color:var(--text-3);margin-top:2px;font-size:.72rem}.topbar-right{align-items:center;gap:14px;display:flex}.topbar-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-2);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:all .2s;display:flex;position:relative}.topbar-btn:hover{background:var(--bg-hover);border-color:var(--brand);color:var(--brand-light);transform:translateY(-1px)}.notif-badge{background:var(--burgundy);color:#fff;width:16px;height:16px;box-shadow:0 0 0 2px var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.topbar-divider{background:var(--border);width:1px;height:28px}.user-profile{align-items:center;gap:10px;display:flex}.user-info{text-align:right;flex-direction:column;display:flex}.user-name{color:var(--text-1);font-size:.82rem;font-weight:600}.user-role{color:var(--text-3);font-size:.68rem}.avatar{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);width:36px;height:36px;color:var(--bg-base);box-shadow:0 0 0 2px var(--brand-glow);border-radius:50%;justify-content:center;align-items:center;font-size:.74rem;font-weight:800;display:flex}.content-area{background:var(--bg-base);flex:1;padding:28px;overflow-y:auto}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex;position:relative}.page-header:after{content:"";background:linear-gradient(90deg, var(--brand) 0%, var(--brand-dark) 100%);border-radius:99px;width:60px;height:2px;position:absolute;bottom:-1px;left:0}.page-header-left h1{color:var(--text-1);letter-spacing:-.3px;font-size:1.5rem;font-weight:800}.page-header-left p{color:var(--text-3);margin-top:6px;font-size:.83rem;line-height:1.5}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:9px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:translateY(0)!important}.btn-primary{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);color:var(--bg-base);border-color:var(--brand-dark);font-weight:700;box-shadow:0 4px 14px #f5c24240}.btn-primary:hover{background:linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #f5c24266}.btn-ghost{background:var(--bg-elevated);color:var(--text-2);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--brand-light);border-color:var(--brand)}.btn-success{background:var(--green-glow);color:var(--green);border-color:#7ab5544d}.btn-success:hover{border-color:var(--green);background:#7ab55438}.btn-danger{background:linear-gradient(135deg, var(--burgundy) 0%, var(--burgundy-dark) 100%);color:#fce8e5;border-color:var(--burgundy-dark);box-shadow:0 4px 14px var(--burgundy-glow)}.btn-danger:hover{background:linear-gradient(135deg, var(--burgundy-light) 0%, var(--burgundy) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #7b2d2680}.btn-sm{padding:5px 12px;font-size:.78rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:28px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;padding:22px;transition:all .25s;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, var(--brand) 0%, var(--brand-dark) 100%);opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.kpi-card:after{content:"";background:linear-gradient(90deg, transparent, var(--brand-light), transparent);opacity:.3;width:50%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.kpi-card:hover{border-color:var(--brand);box-shadow:var(--shadow-lg), 0 0 0 1px var(--brand-glow);transform:translateY(-3px)}.kpi-card:hover:before{opacity:1}.kpi-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.05rem;display:flex}.kpi-icon.blue{background:var(--brand-glow);color:var(--brand)}.kpi-icon.green{background:var(--green-glow);color:var(--green)}.kpi-icon.yellow{background:var(--yellow-glow);color:var(--yellow)}.kpi-icon.red{background:var(--red-glow);color:var(--red)}.kpi-icon.purple{background:var(--purple-glow);color:var(--purple)}.kpi-title{color:var(--text-3);text-transform:uppercase;letter-spacing:1.2px;font-size:.74rem;font-weight:700}.kpi-value{color:var(--text-1);letter-spacing:-1px;margin-bottom:10px;font-size:2.1rem;font-weight:800;line-height:1}.kpi-trend{align-items:center;gap:5px;font-size:.78rem;font-weight:500;display:flex}.trend-up{color:var(--green)}.trend-down{color:var(--burgundy-light)}.trend-neutral{color:var(--text-3)}.panels-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .2s;overflow:hidden}.panel:hover{border-color:var(--border-bright)}.panel-header{border-bottom:1px solid var(--border);background:linear-gradient(#f5c24205 0%,#0000 100%);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.panel-title{color:var(--text-1);padding-left:12px;font-size:.98rem;font-weight:700;position:relative}.panel-title:before{content:"";background:var(--brand);border-radius:99px;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.panel-body{padding:0}.data-table{border-collapse:collapse;width:100%}.data-table thead tr{border-bottom:2px solid var(--brand)}.data-table th{text-align:left;color:var(--brand);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;background:var(--brand-glow2);padding:13px 18px;font-size:.72rem;font-weight:700}.data-table td{color:var(--text-2);border-bottom:1px solid var(--border);padding:14px 18px;font-size:.86rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--bg-elevated)}.data-table td strong{color:var(--text-1);font-weight:600}.badge{letter-spacing:.3px;white-space:nowrap;border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge-pending{background:var(--yellow-glow);color:var(--yellow);border-color:#f5a62340}.badge-active{background:var(--brand-glow2);color:var(--brand);border-color:#f5c24240}.badge-success{background:var(--green-glow);color:var(--green);border-color:#7ab55440}.badge-danger{color:#e89a8f;background:#7b2d262e;border-color:#a03a3059}.badge-purple{background:var(--purple-glow);color:var(--purple);border-color:#b47bc940}.priority{align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:inline-flex}.priority-urgent{color:var(--burgundy-light)}.priority-high{color:var(--yellow)}.priority-normal{color:var(--brand)}.priority-low{color:var(--text-3)}.empty-state{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 32px;display:flex}.empty-icon{opacity:.4;font-size:3rem}.empty-title{color:var(--text-2);font-size:1rem;font-weight:600}.empty-desc{text-align:center;max-width:300px;font-size:.83rem}.station-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.station-card:hover{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand-glow)}.station-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.station-name{align-items:center;gap:10px;display:flex}.station-num{background:var(--brand-glow);width:28px;height:28px;color:var(--brand);border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.stock-warning-card{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 18px;transition:background .15s;display:flex}.stock-warning-card:hover{background:var(--bg-elevated)}.stock-warning-card:last-child{border-bottom:none}.stock-info{flex:1}.stock-name{color:var(--text-1);font-size:.88rem;font-weight:600}.stock-code{color:var(--text-3);font-size:.72rem}.stock-bar-wrap{flex:2}.stock-bar-labels{color:var(--text-3);justify-content:space-between;margin-bottom:4px;font-size:.7rem;display:flex}.stock-bar-bg{background:var(--bg-elevated);border-radius:99px;height:6px;overflow:hidden}.stock-bar-fill{border-radius:99px;height:100%;transition:width .4s}.stock-bar-fill.danger{background:linear-gradient(90deg, var(--burgundy), var(--burgundy-light))}.stock-bar-fill.warning{background:linear-gradient(90deg, var(--brand-dark), var(--brand))}.stock-bar-fill.ok{background:linear-gradient(90deg, var(--green), #9bd66e)}.modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius-lg);width:100%;max-height:90vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.25s slideUp;display:flex;position:relative;overflow:hidden}.modal-box:before{content:"";background:linear-gradient(90deg, var(--brand-dark) 0%, var(--brand) 50%, var(--brand-dark) 100%);height:4px;position:absolute;top:0;left:0;right:0}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex}.modal-title{color:var(--text-1);letter-spacing:-.2px;font-size:1.05rem;font-weight:700}.modal-close{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-3);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:all .2s;display:flex}.modal-close:hover{background:var(--burgundy-glow);color:var(--burgundy-light);border-color:var(--burgundy-light)}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:8px;padding:16px 24px 20px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group-full{grid-column:1/-1}.form-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;font-size:.74rem;font-weight:700}.form-input,.form-select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-1);border-radius:var(--radius);outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-input:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-glow2);background:var(--bg-hover)}.form-input::placeholder{color:var(--text-3)}.form-input:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed}.form-select option{background:var(--bg-card);color:var(--text-1)}.search-input{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-1);border-radius:var(--radius);outline:none;padding:7px 14px;font-family:inherit;font-size:.82rem;transition:all .2s}.search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow2)}.search-input::placeholder{color:var(--text-3)}.perm-preview{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:4px;padding:14px 16px}.perm-preview-title{color:var(--brand);letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:700}.perm-preview-list{flex-wrap:wrap;gap:6px;display:flex}.perm-chip{background:var(--brand-glow2);color:var(--brand);border:1px solid #f5c24233;border-radius:99px;padding:3px 10px;font-size:.72rem;font-weight:600;transition:all .15s}.perm-chip:hover{background:var(--brand-glow);border-color:var(--brand)}.user-avatar-sm{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);width:32px;height:32px;color:var(--bg-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.74rem;font-weight:800;display:flex}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-brand;display:inline-block}.login-container{background:radial-gradient(ellipse at top left, #f5c2420d 0%, transparent 55%), radial-gradient(ellipse at bottom right, #7b2d260f 0%, transparent 55%), var(--bg-base);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-bg-orbs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-orb{filter:blur(90px);opacity:.14;border-radius:50%;animation:9s ease-in-out infinite orbFloat;position:absolute}.login-orb-1{background:var(--brand);width:520px;height:520px;animation-delay:0s;top:-160px;left:-120px}.login-orb-2{background:var(--burgundy-light);width:420px;height:420px;animation-delay:-3s;bottom:-120px;right:-100px}.login-orb-3{background:var(--brand-dark);width:320px;height:320px;animation-delay:-5s;top:40%;right:20%}.login-card{-webkit-backdrop-filter:blur(24px);background:#121212e0;border:1px solid #f5c2422e;border-radius:24px;width:100%;max-width:440px;padding:40px;animation:.45s cubic-bezier(.16,1,.3,1) loginCardIn;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f5c2420d,0 32px 80px #0009,0 0 60px #f5c2421a}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--brand), var(--brand-dark), var(--brand), transparent);height:3px;position:absolute;top:0;left:0;right:0}.login-logo{justify-content:center;align-items:center;margin-bottom:24px;display:flex}.login-brand-icon{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);width:56px;height:56px;color:var(--bg-base);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;display:flex;box-shadow:0 0 28px #f5c24266}.login-brand-text{flex-direction:column;gap:2px;display:flex}.login-brand-name{letter-spacing:.2em;background:linear-gradient(135deg, var(--brand-light), var(--brand-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.login-brand-sub{letter-spacing:.3em;color:var(--text-3);font-size:.68rem;font-weight:600}.login-divider{background:linear-gradient(90deg, transparent, var(--brand-glow), transparent);height:1px;margin-bottom:28px}.login-form{flex-direction:column;gap:0;display:flex}.login-welcome{text-align:center;margin-bottom:24px}.login-welcome h2{color:var(--text-1);letter-spacing:-.3px;margin-bottom:6px;font-size:1.5rem;font-weight:700}.login-welcome p{color:var(--text-3);font-size:.85rem}.login-error{color:#f0a89e;background:#c845381a;border:1px solid #c845384d;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.83rem;font-weight:500;animation:.4s shakeX;display:flex}.login-error-icon{flex-shrink:0;font-size:1rem}.login-lockout{color:var(--red);background:#c8453814;border:1px solid #c8453838;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;font-size:.83rem;display:flex}.login-lockout-icon{flex-shrink:0;font-size:1.5rem}.login-field{margin-bottom:16px}.login-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.9px;margin-bottom:8px;font-size:.74rem;font-weight:700;display:block}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-3);pointer-events:none;z-index:1;font-size:.85rem;position:absolute;left:14px}.login-input{border:1px solid var(--border);width:100%;color:var(--text-1);background:#ffffff0a;border-radius:10px;outline:none;padding:12px 44px 12px 42px;font-family:inherit;font-size:.92rem;transition:all .25s}.login-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-glow2);background:#f5c2420a}.login-input::placeholder{color:var(--text-3)}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-toggle-pw{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.9rem;transition:color .2s;position:absolute;right:12px}.login-toggle-pw:hover{color:var(--brand)}.login-btn{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);width:100%;color:var(--bg-base);cursor:pointer;letter-spacing:.3px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 20px #f5c24259}.login-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);transform:translateY(-2px);box-shadow:0 10px 28px #f5c24280}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-spinner{border:2px solid #0f0b084d;border-top-color:var(--bg-base);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.login-security-info{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.login-security-badge{color:var(--text-3);align-items:center;gap:5px;font-size:.7rem;font-weight:500;display:flex}.login-footer{text-align:center;color:var(--text-3);opacity:.6;margin-top:20px;font-size:.68rem}.mobile-menu-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-1);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;transition:all .2s;display:none}.mobile-menu-btn:hover{background:var(--bg-hover);border-color:var(--brand);color:var(--brand-light)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:98;background:#0009;animation:.2s fadeIn;display:none;position:fixed;inset:0}@media (max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.panels-grid,.ov-two-col{grid-template-columns:1fr!important}.content-area{padding:20px}}@media (max-width:768px){html{font-size:13px}.sidebar{z-index:99;width:280px;box-shadow:var(--shadow-xl);transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay.mobile-show{display:block}.main-content{width:100%}.content-area{padding:14px}.topbar{gap:10px;padding:0 14px}.mobile-menu-btn{display:flex}.topbar-left .page-title{font-size:1rem}.topbar-left .breadcrumb{display:none}.topbar-right{gap:8px}.topbar-divider,.user-info{display:none}.topbar-btn{width:34px;height:34px}.page-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px;padding-bottom:12px}.page-header-left h1{font-size:1.2rem}.page-header-left p{font-size:.78rem}.page-header>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.kpi-grid{gap:10px;margin-bottom:16px;grid-template-columns:repeat(2,1fr)!important}.kpi-card{padding:14px}.kpi-value{font-size:1.5rem}.kpi-icon{width:32px;height:32px;font-size:.9rem}.panel{border-radius:12px}.panel-header{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px}.panel-title{font-size:.92rem}.form-grid{grid-template-columns:1fr;gap:12px}.panel-body{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:600px}.data-table th,.data-table td{padding:10px 12px;font-size:.78rem}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:16px 16px 0 0;max-height:92vh;animation:.3s slideUpMobile}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:16px 16px 12px}.modal-body{padding:16px}.modal-footer{flex-direction:column-reverse;padding:12px 16px 16px}.modal-footer .btn{justify-content:center;width:100%}.login-card{border-radius:18px;max-width:100%;padding:24px}.login-welcome h2{font-size:1.2rem}.btn{padding:10px 16px}.btn-sm{padding:7px 12px;font-size:.78rem}.leaflet-container{min-height:280px}.search-input{width:100%!important}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr!important}.content-area{padding:10px}.topbar{padding:0 10px}.user-profile{display:none}.login-card{border-radius:14px;padding:18px}.page-header-left h1{font-size:1.05rem}.data-table{min-width:480px}.modal-overlay{padding:0}.topbar-btn{width:32px;height:32px;font-size:.85rem}}body.tv-mode .sidebar,body.tv-mode .topbar{display:none!important}body.tv-mode .main-content{margin-left:0}body.tv-mode .content-area{padding:32px 40px}body.tv-mode .page-header h1{font-size:2rem}body.tv-mode .kpi-value{font-size:2.6rem}body.tv-mode .kpi-title{font-size:.9rem}body.tv-mode .panel-title{font-size:1.15rem}body.tv-mode .data-table td,body.tv-mode .data-table th{padding:14px 20px;font-size:.95rem}.auth-log-success{color:var(--green);font-weight:600}.auth-log-fail{color:var(--burgundy-light);font-weight:600}.leaflet-container{background:var(--bg-card)!important;font-family:inherit!important}.leaflet-popup-content-wrapper{background:var(--bg-elevated)!important;color:var(--text-1)!important;box-shadow:var(--shadow-md)!important;border-radius:10px!important}.leaflet-popup-tip{background:var(--bg-elevated)!important}.leaflet-control-zoom a{background:var(--bg-elevated)!important;color:var(--text-1)!important;border-color:var(--border)!important}.leaflet-control-zoom a:hover{background:var(--brand-glow2)!important;color:var(--brand)!important}