:root{--brand:#4f46e5;--brand-dark:#4338ca;--brand-light:#818cf8;--brand-soft:#eef2ff;--brand-mid:#c7d2fe;--bg:#f0f4ff;--card:#fff;--card-hover:#fafbff;--surface-1:#fff;--surface-2:#f5f7ff;--surface-3:#eaedfa;--console:#13152b;--console-mid:#1c1f3a;--console-high:#4a5278;--console-border:#ffffff14;--console-text:#8892aa;--console-active:#e8ebf4;--ink-1:#0f172a;--ink-2:#374151;--ink-3:#6b7280;--ink-4:#9ca3af;--green:#059669;--green-soft:#ecfdf5;--green-dark:#065f46;--red:#dc2626;--red-soft:#fef2f2;--red-dark:#991b1b;--amber:#d97706;--amber-soft:#fffbeb;--purple:#7c3aed;--purple-soft:#f5f3ff;--teal:#0891b2;--teal-soft:#ecfeff;--border:#00000014;--border-mid:#0000001f;--border-brand:#4f46e540;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-brand:0 4px 14px #4f46e547;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--sw-open:240px;--sw-mini:64px;--t-fast:.15s cubic-bezier(.4,0,.2,1);--t-std:.22s cubic-bezier(.4,0,.2,1);--t-slow:.32s cubic-bezier(.4,0,.2,1);font-feature-settings:"cv02","cv03","cv04","cv11";color:var(--ink-2);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh}#root{min-height:100vh}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit}a{color:inherit;text-decoration:none}.app-layout{height:100vh;display:flex;overflow:hidden}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content{scroll-behavior:smooth;flex:1;padding:24px 28px;overflow-y:auto}.sidebar{width:var(--sw-open);transition:width var(--t-slow);z-index:40;background:linear-gradient(160deg,#181c35 0%,#11132a 100%);border-right:1px solid #ffffff12;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.sidebar.mini{width:var(--sw-mini)}.sb-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex}.sb-logo{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.sb-icon{border-radius:var(--r-sm);background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 10px #6366f173}.sb-wordmark{white-space:nowrap;max-width:160px;transition:max-width var(--t-slow), opacity var(--t-std);flex-direction:column;display:flex;overflow:hidden}.sb-wordmark-top{color:#eceef8;letter-spacing:-.2px;font-size:14px;font-weight:700;line-height:1.15}.sb-wordmark-sub{color:#5b6385;letter-spacing:.8px;text-transform:uppercase;font-size:9.5px;font-weight:500}.sidebar.mini .sb-wordmark{opacity:0;max-width:0}.sb-toggle{border-radius:var(--r-sm);color:#4a5278;width:26px;height:26px;transition:background var(--t-fast), color var(--t-fast), transform var(--t-std);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-toggle:hover{color:#a0aabd;background:#ffffff12}.sidebar.mini .sb-toggle{transform:rotate(180deg)}.sb-nav{flex-direction:column;flex:1;gap:1px;padding:12px 8px;display:flex;overflow:hidden auto}.sb-nav::-webkit-scrollbar{width:3px}.sb-nav::-webkit-scrollbar-track{background:0 0}.sb-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.nav-section-label{text-transform:uppercase;letter-spacing:.9px;color:#3d4462;white-space:nowrap;transition:opacity var(--t-std);padding:12px 10px 5px;font-size:9.5px;font-weight:600;overflow:hidden}.sidebar.mini .nav-section-label{opacity:0}.nav-item{color:#d0d5e8;width:100%;transition:background var(--t-fast), color var(--t-fast);white-space:nowrap;box-sizing:border-box;border-radius:8px;flex-direction:row;align-items:center;gap:11px;padding:8px 10px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:link,.nav-item:visited{color:#d0d5e8;text-decoration:none}.nav-item:hover{color:#fff;background:#ffffff12;text-decoration:none}.nav-item.active,.nav-item.active:link,.nav-item.active:visited{color:#fff;background:linear-gradient(90deg,#6366f147 0%,#6366f114 100%);text-decoration:none}.nav-item.active .nav-item-icon-wrap{color:#a5b4fc}.sidebar.mini .nav-item{justify-content:center;gap:0;width:auto;padding:9px 0}.sidebar.mini .nav-item[data-tip]:hover:after,.sidebar.mini .sb-logout-row[data-tip]:hover:after{content:attr(data-tip);color:#e8ebf4;white-space:nowrap;pointer-events:none;z-index:200;background:#1c1f3a;border:1px solid #ffffff1a;border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:600;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 4px 12px #00000059}.nav-item-icon-wrap{width:28px;height:28px;color:inherit;transition:background var(--t-fast);background:#ffffff12;border:1px solid #ffffff0f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-item:hover .nav-item-icon-wrap{background:#ffffff1a}.nav-item.active .nav-item-icon-wrap{color:#a5b4fc;background:#6366f14d;border-color:#6366f159}.nav-item-label{white-space:nowrap;max-width:160px;transition:max-width var(--t-slow), opacity var(--t-std);line-height:1;overflow:hidden}.sidebar.mini .nav-item-label{opacity:0;max-width:0}.nav-item.active:before{content:"";background:linear-gradient(#818cf8 0%,#6366f1 100%);border-radius:0 3px 3px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.sb-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:10px 8px 14px}.sb-user{cursor:default;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex;overflow:hidden}.sb-avatar-wrap{flex-shrink:0;position:relative}.sb-avatar{border-radius:var(--r-full);color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%);justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex;box-shadow:0 1px 6px #6366f159}.sb-avatar-dot{background:#22c55e;border:1.5px solid #13152b;border-radius:50%;width:8px;height:8px;position:absolute;bottom:1px;right:0}.sb-user-info{white-space:nowrap;max-width:130px;transition:max-width var(--t-slow), opacity var(--t-std);overflow:hidden}.sb-user-name{color:#d0d5e8;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.sb-user-role{color:#4a5278;margin-top:1px;font-size:11px}.sidebar.mini .sb-user-info{opacity:0;max-width:0}.sb-logout-row{color:#5b6385;width:100%;transition:background var(--t-fast), color var(--t-fast);white-space:nowrap;border-radius:8px;flex-direction:row;align-items:center;gap:11px;margin-top:2px;padding:8px 10px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.sb-logout-row:hover{color:#f87171;background:#ef44441a}.sb-logout-row:hover .nav-item-icon-wrap{color:#f87171;background:#ef444426;border-color:#ef444433}.sb-logout-label{white-space:nowrap;max-width:140px;transition:max-width var(--t-slow), opacity var(--t-std);overflow:hidden}.sidebar.mini .sb-logout-label{opacity:0;max-width:0}.sidebar.mini .sb-footer{flex-direction:column;align-items:center;padding:10px 0 14px;display:flex}.sidebar.mini .sb-user{justify-content:center;padding:8px 0}.sidebar.mini .sb-logout-row{justify-content:center;gap:0;padding:8px 0}.filter-bar{background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:stretch;height:52px;display:flex}.filter-bar-left{flex:1;align-items:center;gap:12px;min-width:0;padding:0 12px 0 28px;display:flex;overflow:auto hidden}.filter-bar-left::-webkit-scrollbar{display:none}.filter-bar-left{scrollbar-width:none}.filter-bar-right{border-left:1px solid var(--border);background:var(--card);flex-shrink:0;align-items:center;gap:8px;padding:0 28px 0 12px;display:flex}.filter-section{flex-shrink:0;align-items:center;gap:6px;display:flex}.filter-divider{background:var(--border-mid);flex-shrink:0;width:1px;height:20px}.filter-group-label{text-transform:uppercase;letter-spacing:.5px;color:var(--ink-4);white-space:nowrap;font-size:11px;font-weight:600}.chip{border-radius:var(--r-full);color:var(--ink-3);border:1px solid var(--border-mid);transition:all var(--t-fast);white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--brand-mid);color:var(--brand);background:var(--brand-soft)}.chip.active{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);font-weight:600}.chip-dismiss{opacity:.6;align-items:center;font-size:13px;display:flex}.chip-dismiss:hover{opacity:1}.active-filter-banner{background:var(--brand-soft);border:1px solid var(--border-brand);border-radius:var(--r-md);align-items:center;gap:10px;margin-bottom:18px;padding:8px 14px;font-size:12.5px;display:flex}.af-label{color:var(--ink-3)}.af-chip{background:var(--brand);color:#fff;border-radius:var(--r-full);align-items:center;gap:8px;padding:3px 10px 3px 12px;font-size:12px;font-weight:600;display:flex}.af-clear{color:#fff;width:16px;height:16px;transition:background var(--t-fast);background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex}.af-clear:hover{background:#ffffff73}.af-hint{color:var(--brand);margin-left:auto;font-size:12px}.page{max-width:1440px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.page-title{color:var(--ink-1);letter-spacing:-.4px;font-size:20px;font-weight:700;line-height:1.2}.page-subtitle{color:var(--ink-4);margin-top:3px;font-size:13px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.kpi-grid.cols-3{grid-template-columns:repeat(3,1fr)}.kpi-grid.cols-2{grid-template-columns:repeat(2,1fr)}.kpi-card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:box-shadow var(--t-std), transform var(--t-std);padding:18px 20px;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-card:after{content:"";opacity:.07;border-radius:50%;width:90px;height:90px;position:absolute;top:-30px;right:-30px}.kpi-card.blue:after{background:var(--brand)}.kpi-card.green:after{background:var(--green)}.kpi-card.red:after{background:var(--red)}.kpi-card.purple:after{background:var(--purple)}.kpi-card.amber:after{background:var(--amber)}.kpi-card.teal:after{background:var(--teal)}.kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--ink-3);font-size:11.5px;font-weight:600}.kpi-icon-wrap{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.kpi-icon-wrap.blue{background:var(--brand-soft);color:var(--brand)}.kpi-icon-wrap.green{background:var(--green-soft);color:var(--green)}.kpi-icon-wrap.red{background:var(--red-soft);color:var(--red)}.kpi-icon-wrap.purple{background:var(--purple-soft);color:var(--purple)}.kpi-icon-wrap.amber{background:var(--amber-soft);color:var(--amber)}.kpi-icon-wrap.teal{background:var(--teal-soft);color:var(--teal)}.kpi-value{letter-spacing:-.8px;color:var(--ink-1);font-feature-settings:"tnum";margin-bottom:4px;font-size:24px;font-weight:800;line-height:1}.kpi-sub{color:var(--ink-4);font-size:12px}.kpi-desc{color:var(--ink-4);opacity:.85;margin-top:6px;font-size:10.5px;line-height:1.35}.kpi-trend{border-radius:var(--r-full);align-items:center;gap:4px;margin-top:6px;padding:2px 7px;font-size:12px;font-weight:600;display:inline-flex}.kpi-trend.up{background:var(--green-soft);color:var(--green-dark)}.kpi-trend.down{background:var(--red-soft);color:var(--red-dark)}.kpi-trend.neutral{background:var(--brand-soft);color:var(--brand-dark)}.kpi-trend-arrow{font-size:9px;line-height:1}.kpi-trend-val{font-weight:700}.kpi-trend-label{opacity:.75;font-weight:400}.charts-row{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.charts-row.three{grid-template-columns:repeat(3,1fr)}.charts-row.one{grid-template-columns:1fr}.chart-card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:16px;padding:20px 22px}.chart-card.span-2{grid-column:span 2}.chart-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-title{color:var(--ink-1);letter-spacing:-.2px;font-size:13.5px;font-weight:700}.chart-subtitle{color:var(--ink-4);margin-top:1px;font-size:12px}.chart-click-hint{color:var(--ink-4);align-items:center;gap:4px;font-size:11px;display:flex}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-4);border-bottom:2px solid var(--border);white-space:nowrap;background:var(--card);padding:8px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--border);color:var(--ink-2);vertical-align:middle;padding:9px 12px}.data-table tbody tr:nth-child(2n) td{background:#fafbff}.data-table tbody tr:hover td{background:var(--brand-soft)}.td-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:500;overflow:hidden}.td-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.td-right,.data-table th.td-right,.data-table th.td-num{text-align:right}.td-center{text-align:center}.text-green{color:var(--green);font-weight:600}.text-red{color:var(--red);font-weight:600}.text-amber{color:var(--amber);font-weight:600}.badge{border-radius:var(--r-full);align-items:center;padding:2px 9px;font-size:11.5px;font-weight:700;line-height:1.5;display:inline-flex}.badge-A{background:var(--green-soft);color:var(--green-dark)}.badge-B{background:var(--brand-soft);color:var(--brand-dark)}.badge-C{background:var(--amber-soft);color:#92400e}.badge-ruptura{background:var(--red-soft);color:var(--red-dark)}.badge-ok{background:var(--green-soft);color:var(--green-dark)}.ranking-list{flex-direction:column;gap:5px;display:flex}.ranking-item{border-radius:var(--r-sm);background:var(--bg);transition:border-color var(--t-fast), background var(--t-fast);border:1px solid #0000;align-items:center;gap:10px;padding:9px 12px;display:flex}.ranking-item:hover{border-color:var(--border-mid);background:var(--card)}.rank-pos{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.rank-pos.top{background:var(--brand);color:#fff}.rank-pos.mid{background:var(--brand-soft);color:var(--brand)}.rank-pos.low{background:var(--bg);color:var(--ink-4);border:1px solid var(--border)}.rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.rank-value{color:var(--brand);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.abc-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.abc-card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);cursor:pointer;transition:all var(--t-std);border-top:4px solid #0000;padding:18px 20px}.abc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.abc-card.active-A{border-top-color:var(--green);box-shadow:var(--shadow-md)}.abc-card.active-B{border-top-color:var(--brand);box-shadow:var(--shadow-md)}.abc-card.active-C{border-top-color:var(--amber);box-shadow:var(--shadow-md)}.abc-card.inactive{opacity:.45;transform:none!important}.abc-badge{border-radius:var(--r-full);color:#fff;align-items:center;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.abc-badge-A{background:var(--green)}.abc-badge-B{background:var(--brand)}.abc-badge-C{background:var(--amber)}.abc-label{color:var(--ink-3);margin-bottom:8px;font-size:12px}.abc-value{letter-spacing:-.6px;color:var(--ink-1);margin-bottom:4px;font-size:22px;font-weight:800}.abc-meta{color:var(--ink-4);font-size:12px}.loading-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:340px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:38px;height:38px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--ink-4);font-size:13px}.error-wrapper{flex-direction:column;align-items:center;gap:14px;padding:60px 20px;display:flex}.error-icon{font-size:40px}.error-msg{color:var(--red);text-align:center;font-size:14px;font-weight:500}.btn-retry{background:var(--brand);color:#fff;border-radius:var(--r-sm);transition:background var(--t-fast);padding:9px 22px;font-size:13.5px;font-weight:600}.btn-retry:hover{background:var(--brand-dark)}.empty-state{text-align:center;color:var(--ink-4);padding:48px 20px;font-size:13px}.admin-page{max-width:1100px;padding:28px 32px}.admin-header{margin-bottom:24px}.admin-title{color:var(--ink-1);margin:0 0 4px;font-size:22px;font-weight:700}.admin-subtitle{color:var(--ink-3);margin:0;font-size:13px}.admin-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex}.admin-tab-btn{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 18px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.admin-tab-btn:hover{color:var(--ink-1)}.admin-tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}.admin-tab-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-tab-count{color:var(--ink-3);font-size:13px}.admin-table-wrap{border:1px solid var(--border);border-radius:var(--r-sm);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:var(--ink-2);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);color:var(--ink-1);padding:10px 14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--surface-2)}.admin-mono{font-family:JetBrains Mono,monospace;font-size:12px}.admin-actions{justify-content:flex-end;gap:6px;display:flex}.admin-loading{text-align:center;color:var(--ink-3);padding:40px;font-size:13px}.admin-badge{border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.admin-badge--on{color:#16a34a;background:#22c55e1f}.admin-badge--off{color:#dc2626;background:#ef44441a}.admin-badge--admin{color:var(--brand);background:#6366f11f}.admin-badge--op{background:var(--surface-2);color:var(--ink-3);border:1px solid var(--border)}.admin-badge--sandbox{color:#ca8a04;background:#eab3081f}.admin-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--ink-1);cursor:pointer;padding:6px 14px;font-size:12px;font-weight:500;transition:background .15s}.admin-btn:hover{background:var(--surface-3)}.admin-btn--primary{background:var(--brand);color:#fff;border-color:var(--brand);padding:7px 16px;font-size:13px}.admin-btn--primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.admin-btn--danger{color:#dc2626;border-color:#dc26264d}.admin-btn--danger:hover{background:#dc262614}.admin-btn--sm{padding:4px 10px;font-size:11px}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.admin-modal{background:var(--surface-1);border:1px solid var(--border-mid);border-radius:var(--r-md);z-index:1001;width:100%;max-width:480px;position:relative;box-shadow:0 24px 80px #00000073}.admin-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.admin-modal-title{color:var(--ink-1);font-size:15px;font-weight:600}.admin-modal-close{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px}.admin-modal-close:hover{background:var(--surface-2)}.admin-modal-body{padding:20px}.admin-form{flex-direction:column;gap:14px;display:flex}.admin-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-form-err{border-radius:var(--r-sm);color:#dc2626;background:#dc262614;border:1px solid #dc262640;padding:8px 12px;font-size:13px}.admin-form-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.admin-field{flex-direction:column;gap:5px;display:flex}.admin-field-label{color:var(--ink-2);font-size:12px;font-weight:500}.admin-input{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--ink-1);box-sizing:border-box;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.admin-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f46e51a}.admin-input--readonly{color:var(--ink-3);cursor:not-allowed}.admin-toggle{color:var(--ink-1);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.admin-toggle input{accent-color:var(--brand);width:15px;height:15px}.login-screen{background:#000;min-height:100vh;display:flex}.login-left{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);flex-direction:column;flex:1;justify-content:center;padding:64px 72px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";background:radial-gradient(80% 60% at 20% 30%,#4f46e52e 0%,#0000 60%),radial-gradient(60% 50% at 80% 70%,#7c3aed1f 0%,#0000 60%);animation:8s ease-in-out infinite alternate bgPulse;position:absolute;inset:0}@keyframes bgPulse{0%{opacity:.6}to{opacity:1}}.login-left:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.login-left-content{z-index:1;position:relative}.login-brand{margin-bottom:52px}.login-logo-mark{align-items:center;gap:4px;margin-bottom:20px;display:inline-flex}.login-logo-icon{background:linear-gradient(135deg, var(--brand), var(--brand-light));border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 20px #4f46e580}.login-product-name{color:#f1f5f9;letter-spacing:-.6px;margin-bottom:6px;font-size:26px;font-weight:800;line-height:1.1}.login-product-name span{color:var(--brand-light)}.login-tagline{color:#64748b;max-width:340px;font-size:14px;line-height:1.5}.login-stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.login-stat{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;padding:18px 16px}.login-stat-num{color:var(--brand-light);letter-spacing:-.8px;margin-bottom:4px;font-size:26px;font-weight:800}.login-stat-label{color:#64748b;font-size:12px;font-weight:500}.login-right{background:var(--bg);flex-shrink:0;justify-content:center;align-items:center;width:460px;padding:48px 40px;display:flex}.login-form-wrap{width:100%;max-width:360px}.login-form-title{color:var(--ink-1);letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:800}.login-form-sub{color:var(--ink-4);margin-bottom:28px;font-size:13.5px}.login-error{background:var(--red-soft);color:var(--red-dark);border-radius:var(--r-sm);border:1px solid #fecaca;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.form-field{margin-bottom:18px}.form-label{color:var(--ink-2);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-input{background:var(--card);border:1px solid var(--border-mid);border-radius:var(--r-sm);width:100%;color:var(--ink-1);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:11px 14px;font-size:14px}.form-input::placeholder{color:var(--ink-4)}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f46e51f}.form-remember{margin-bottom:16px}.remember-label{cursor:pointer;color:var(--ink-2);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.remember-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}.btn-login{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;border-radius:var(--r-sm);letter-spacing:-.1px;width:100%;transition:opacity var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);box-shadow:var(--shadow-brand);margin-top:6px;padding:12px;font-size:14.5px;font-weight:700}.btn-login:hover:not(:disabled){opacity:.93;transform:translateY(-1px);box-shadow:0 6px 20px #4f46e561}.btn-login:active{transform:none}.btn-login:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-footer{text-align:center;color:var(--ink-4);margin-top:28px;font-size:12px}.sb-theme-btn{color:#5b6385;width:100%;transition:background var(--t-fast), color var(--t-fast);white-space:nowrap;border-radius:8px;flex-direction:row;align-items:center;gap:11px;margin-top:2px;padding:8px 10px;font-size:13px;font-weight:500;display:flex;position:relative;overflow:hidden}.sb-theme-btn:hover{color:#a5b4fc;background:#6366f126}.sb-theme-btn:hover .nav-item-icon-wrap{color:#a5b4fc;background:#6366f133;border-color:#6366f140}.sidebar.mini .sb-theme-btn{justify-content:center;gap:0;padding:8px 0}.sidebar.mini .sb-theme-btn[data-tip]:hover:after{content:attr(data-tip);color:#e8ebf4;white-space:nowrap;pointer-events:none;z-index:200;background:#1c1f3a;border:1px solid #ffffff1a;border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:600;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 4px 12px #00000059}[data-theme=dark]{--bg:#0e1117;--card:#161b27;--card-hover:#1b2033;--surface-1:#161b27;--surface-2:#1b2033;--surface-3:#222840;--border:#ffffff12;--border-mid:#ffffff1f;--border-brand:#6366f14d;--ink-1:#e2e8f0;--ink-2:#cbd5e1;--ink-3:#94a3b8;--ink-4:#64748b;--brand-soft:#4f46e52e;--brand-mid:#4f46e54d;--green-soft:#0596692e;--red-soft:#dc26262e;--amber-soft:#d977062e;--purple-soft:#7c3aed2e;--teal-soft:#0891b22e;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080, 0 1px 2px #0006;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #0009, 0 4px 6px -2px #0006}[data-theme=dark] .data-table tbody tr:nth-child(2n) td{background:#1b2033}[data-theme=dark] .data-table tbody tr:hover td{background:#4f46e51a}[data-theme=dark] .badge-A{color:#6ee7b7}[data-theme=dark] .badge-B{color:#a5b4fc}[data-theme=dark] .badge-C{color:#fcd34d}[data-theme=dark] .login-error{border-color:#dc26264d}[data-theme=dark] .chip.active{background:var(--brand);border-color:var(--brand);color:#fff}[data-theme=dark] .form-input{color:var(--ink-1);background:#1b2033;border-color:#ffffff1f}[data-theme=dark] .form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f46e533}[data-theme=dark] .recharts-default-tooltip{color:var(--ink-1)!important;background:#1b2033!important;border-color:#ffffff1a!important}@media (width<=1100px){.charts-row,.charts-row.three{grid-template-columns:1fr}.chart-card.span-2{grid-column:span 1}.abc-summary{grid-template-columns:1fr}}@media (width<=860px){.login-left{display:none}.login-right{width:100%}.kpi-grid,.kpi-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.main-content{padding:16px}.kpi-grid,.kpi-grid.cols-3{grid-template-columns:1fr}}.filter-bar-spacer{flex:1}.chip.chip--icon{align-items:center;gap:6px;display:inline-flex}.chip.chip--info{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);font-variant-numeric:tabular-nums;font-weight:600}.filter-adv-btn{border-radius:var(--r-md);color:var(--ink-2);border:1px solid var(--border-mid);cursor:pointer;transition:all var(--t-fast);background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;display:inline-flex;position:relative}.filter-adv-btn:hover{border-color:var(--brand-mid);color:var(--brand);background:var(--brand-soft)}.filter-adv-btn--active{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);font-weight:600}.filter-adv-badge{border-radius:var(--r-full);background:var(--brand);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:2px;padding:0 5px;font-size:10.5px;font-weight:700;display:inline-flex}.cd-popover{background:var(--surface-1);border:1px solid var(--border-mid);border-radius:var(--r-md);padding:14px;box-shadow:0 16px 40px #00000040}.cd-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.cd-row label{text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.cd-row input[type=date]{border-radius:var(--r-sm);border:1px solid var(--border-mid);color:var(--ink-1);background:var(--surface-2);flex:1;padding:6px 10px;font-size:13px}.cd-row input[type=date]:focus{border-color:var(--brand);outline:none}.cd-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.cd-btn{border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);border:1px solid #0000;padding:6px 14px;font-size:12.5px;font-weight:600}.cd-btn--ghost{color:var(--ink-3);border-color:var(--border-mid);background:0 0}.cd-btn--ghost:hover{color:var(--red);border-color:var(--red)}.cd-btn--primary{background:var(--brand);color:#fff}.cd-btn--primary:hover{background:var(--brand-dark)}.cd-btn--primary:disabled{opacity:.5;cursor:not-allowed}.adv-popover{background:var(--surface-1);border:1px solid var(--border-mid);border-radius:var(--r-md);box-shadow:0 16px 40px #00000040}.adv-header{border-bottom:1px solid var(--border);color:var(--ink-1);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.adv-close{color:var(--ink-3);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;padding:4px;display:flex}.adv-close:hover{background:var(--surface-2);color:var(--ink-1)}.adv-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.adv-field{flex-direction:column;gap:4px;display:flex}.adv-field>label{text-transform:uppercase;letter-spacing:.4px;color:var(--ink-3);font-size:11px;font-weight:600}.ss-wrap{width:100%;position:relative}.ss-trigger{border-radius:var(--r-sm);border:1px solid var(--border-mid);background:var(--surface-2);width:100%;color:var(--ink-2);cursor:pointer;text-align:left;transition:all var(--t-fast);justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:flex}.ss-trigger:hover{border-color:var(--brand-mid)}.ss-trigger--active{border-color:var(--brand);color:var(--ink-1);font-weight:500}.ss-trigger-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ss-clear{width:20px;height:20px;color:var(--ink-4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ss-clear:hover{background:var(--surface-3);color:var(--red)}.ss-popover{background:var(--surface-1);border:1px solid var(--border-mid);border-radius:var(--r-md);overflow:hidden;box-shadow:0 12px 32px #00000038}.ss-search{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 10px;display:flex}.ss-search input{color:var(--ink-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.ss-list{max-height:240px;padding:4px;overflow-y:auto}.ss-item{border-radius:var(--r-sm);color:var(--ink-2);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:6px 10px;font-size:13px;overflow:hidden}.ss-item:hover{background:var(--surface-2);color:var(--ink-1)}.ss-item--active{background:var(--brand-soft);color:var(--brand);font-weight:600}.ss-item--clear{color:var(--ink-3);border-bottom:1px solid var(--border);border-radius:0;margin-bottom:4px;font-style:italic}.ss-empty{text-align:center;color:var(--ink-4);padding:14px;font-size:12.5px}