:root{--bg0: #060a14;--bg1: #071020;--card: rgba(17, 28, 51, .72);--card-border: rgba(255, 255, 255, .1);--soft: rgba(255, 255, 255, .06);--soft-border: rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .25);--primary: rgba(110, 168, 254, .18);--primary-border: rgba(110, 168, 254, .35);--text-dim: rgba(255, 255, 255, .75);--shadow: 0 18px 50px rgba(0, 0, 0, .55)}@keyframes drift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-5%,5%) rotate(120deg)}66%{transform:translate(5%,-5%) rotate(240deg)}}.loginPage{min-height:100vh;color:#fff;background:linear-gradient(135deg,#1a2332,#1e2a3a,#0d1621);position:relative;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.loginPage:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle at 20% 50%,rgba(41,128,185,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(52,152,219,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(26,188,156,.08) 0%,transparent 50%);animation:drift 20s ease-in-out infinite;z-index:1}.loginTopBar{position:fixed;inset:16px 16px auto 16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.loginBrand{pointer-events:auto;display:flex;align-items:center;gap:10px}.loginBrandLogo{width:38px;height:38px;border-radius:14px;background:#6ea8fe29;border:1px solid rgba(110,168,254,.3);display:grid;place-items:center;font-weight:900}.loginBrandTextTitle{font-weight:900;letter-spacing:.2px}.loginBrandTextSub{font-size:12px;opacity:.75}.loginVersion{pointer-events:auto}.pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--soft-border);background:var(--soft);white-space:nowrap}.loginCenter{min-height:100vh;display:grid;place-items:center;padding:16px;position:relative;z-index:10}.loginGrid{width:min(980px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:14px}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.loginCard{border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#111c338c;box-shadow:0 20px 50px #0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:24px;animation:slideInUp .8s ease-out}.loginTitle{font-size:22px;font-weight:950}.loginText{color:#ffffffc7;line-height:1.55}.loginSectionLabel{color:#ffffffb3;font-size:12px;text-transform:uppercase;letter-spacing:1px}.demoBtn{width:100%;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--soft-border);background:#0003;cursor:pointer}.demoBtn:hover{background:#ffffff0a}.demoRow{display:flex;justify-content:space-between;gap:12px;align-items:center}.demoName{font-weight:900}.demoEmail{font-size:12px;opacity:.75}.helpText{font-size:12px;color:#ffffffbf;opacity:.9}.formHeaderTitle{font-size:18px;font-weight:950}.formHeaderSub{color:#ffffffb3;font-size:12px}.errorBox{color:#ffd1d1;border:1px solid rgba(255,107,107,.35);background:#ff6b6b1a;padding:10px 12px;border-radius:12px;margin:12px 0}.fieldLabel{font-size:12px;opacity:.75;margin-bottom:6px}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:var(--input-bg);color:#fff;outline:none}.input:focus{border-color:#6ea8fe73;box-shadow:0 0 0 3px #6ea8fe1f}.passWrap{position:relative}.ghostBtn{position:absolute;right:8px;top:7px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;cursor:pointer;font-size:12px}.primaryBtn{padding:10px 12px;border-radius:12px;border:1px solid var(--primary-border);background:var(--primary);color:#fff;cursor:pointer;font-weight:900}.primaryBtn:disabled{opacity:.7;cursor:not-allowed}.loginFooterRow{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:12px;color:#ffffffa6}.loginCopyright{margin-top:16px;font-size:12px;color:#ffffff8c}@media (max-width: 980px){.loginGrid{grid-template-columns:1fr}}@media (max-width: 520px){.loginTopBar{inset:12px 12px auto 12px}.loginCard{padding:14px;border-radius:16px}.loginTitle{font-size:20px}.loginFooterRow{flex-direction:column;align-items:flex-start}}[data-theme=light] .loginPage{color:#1e293b;background:linear-gradient(135deg,#e8ecf1,#dfe4ec,#eef1f5)}[data-theme=light] .loginPage:before{background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(16,185,129,.05) 0%,transparent 50%)}[data-theme=light] .loginCard{background:#ffffffd9;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 50px #0000001a}[data-theme=light] .loginBrandLogo{background:#3b82f61f;border-color:#3b82f640}[data-theme=light] .loginPage .formHeaderSub{color:#00000080}[data-theme=light] .loginPage .fieldLabel{color:#475569;opacity:1}[data-theme=light] .loginPage .input{background:#00000008;border-color:#0000001f;color:#1e293b}[data-theme=light] .loginPage .input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}[data-theme=light] .loginPage .input::placeholder{color:#00000059}[data-theme=light] .ghostBtn{background:#0000000a;border-color:#0000001a;color:#475569}[data-theme=light] .primaryBtn{background:#3b82f6;border-color:#2563eb;color:#fff}[data-theme=light] .primaryBtn:hover{background:#2563eb}[data-theme=light] .loginPage .pill{background:#0000000a;border-color:#0000001a;color:#475569}[data-theme=light] .errorBox{color:#dc2626;border-color:#ef44444d;background:#ef44440f}[data-theme=light] .loginCopyright{color:#0006}[data-theme=light] .loginBrandTextSub{color:#64748b}.notifBell{position:relative;cursor:pointer;background:none;border:none;font-size:20px;padding:6px 8px;border-radius:10px;transition:background .2s;line-height:1}.notifBell:hover{background:var(--soft)}.notifBadge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none;box-shadow:0 0 0 2px var(--bg, #0a0f1e);animation:notifPulse .3s ease-out}@keyframes notifPulse{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.notifDropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:480px;background:#111c33f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);z-index:9999;overflow:hidden;display:flex;flex-direction:column;animation:notifSlideIn .2s ease-out}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notifDropdownHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.notifDropdownTitle{font-size:14px;font-weight:700;color:var(--text);letter-spacing:.5px}.notifMarkAll{font-size:12px;color:var(--accent);cursor:pointer;background:none;border:none;padding:4px 8px;border-radius:6px;transition:background .15s}.notifMarkAll:hover{background:#6ea8fe1f}.notifList{overflow-y:auto;flex:1;padding:6px}.notifList::-webkit-scrollbar{width:4px}.notifList::-webkit-scrollbar-thumb{background:var(--soft2);border-radius:2px}.notifItem{display:flex;gap:12px;padding:12px;border-radius:10px;cursor:pointer;transition:background .15s;text-decoration:none;color:inherit}.notifItem:hover{background:var(--soft)}.notifItem.notifRead{opacity:.5}.notifDot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.notifDot.severity-warning{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.notifDot.severity-error{background:#ef4444;box-shadow:0 0 8px #ef444466}.notifDot.severity-success{background:#22c55e;box-shadow:0 0 8px #22c55e66}.notifDot.severity-info{background:#6ea8fe;box-shadow:0 0 8px #6ea8fe66}.notifContent{flex:1;min-width:0}.notifTitle{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notifMessage{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notifTime{font-size:11px;color:var(--text-dim);opacity:.6;white-space:nowrap;margin-top:4px;flex-shrink:0}.notifEmpty{padding:40px 20px;text-align:center;color:var(--text-dim);font-size:13px}.notifEmptyIcon{font-size:36px;margin-bottom:8px}.notifOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998}.notifSettingsBtn{background:none;border:none;font-size:14px;padding:4px 6px;border-radius:6px;cursor:pointer;transition:background .15s;opacity:.6}.notifSettingsBtn:hover{background:var(--soft);opacity:1}.notifSettingsBtnActive{opacity:1;background:#6ea8fe1f}.notifSettingsPanel{padding:16px;display:flex;flex-direction:column;gap:14px}.notifSettingsDesc{font-size:12px;color:#fff6;margin:0;line-height:1.4}.notifSettingsRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--soft2);border:1px solid var(--border);border-radius:10px}.notifSettingsLabel{display:flex;align-items:center;gap:10px;min-width:0}.notifSettingsName{font-size:13px;font-weight:600;color:var(--text)}.notifSettingsHint{font-size:11px;color:var(--text-dim)}.notifSettingsInput{display:flex;align-items:center;gap:4px;flex-shrink:0}.notifStepBtn{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:var(--checkbox-bg);color:var(--text);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.notifStepBtn:hover:not(:disabled){background:#6ea8fe1f;border-color:#6ea8fe4d}.notifStepBtn:disabled{opacity:.3;cursor:not-allowed}.notifDaysInput{width:40px;text-align:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e2e8f0;font-size:13px;font-weight:600;padding:4px 2px;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.notifDaysInput::-webkit-inner-spin-button,.notifDaysInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.notifDaysInput:focus{border-color:#6ea8fe66}.notifDaysUnit{font-size:12px;color:var(--text-dim);font-weight:600;width:10px}.notifSaveBtn{margin-top:4px;padding:10px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#6ea8fe,#6366f1);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s}.notifSaveBtn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.notifSaveBtn:disabled{opacity:.5;cursor:not-allowed}.widgetGridKpi{display:flex;gap:14px;align-items:stretch}.widgetGridKpi>*{flex:1 1 0;min-width:0}.widgetGridCharts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch;grid-auto-rows:400px}.dragHandle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:16px;color:var(--text-dim);cursor:grab;transition:all .2s ease;flex-shrink:0;-webkit-user-select:none;user-select:none}.dragHandle:hover{color:#6ea8fecc;background:#6ea8fe1a}.dragHandle:active{cursor:grabbing}.gridDropZone{min-height:80px;border:2px dashed rgba(110,168,254,.15);border-radius:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;cursor:default}.gridDropZoneLabel{font-size:11px;color:#6ea8fe40;font-weight:600;letter-spacing:.5px;pointer-events:none;transition:all .15s ease}.gridDropZone:hover,.gridDropZoneActive{border-color:#6ea8fe80;background:#6ea8fe14}.gridDropZone:hover .gridDropZoneLabel,.gridDropZoneActive .gridDropZoneLabel{color:#6ea8feb3}.gridDropZoneActive{border-color:#6ea8feb3;background:#6ea8fe1f;box-shadow:0 0 20px #6ea8fe1a inset;animation:dropPulse 1.2s ease-in-out infinite}@keyframes dropPulse{0%,to{box-shadow:0 0 20px #6ea8fe1a inset}50%{box-shadow:0 0 30px #6ea8fe33 inset}}.kpiSlot{position:relative;transition:transform .15s ease,opacity .15s ease;cursor:grab}.kpiSlot:active{cursor:grabbing}.kpiDragging{opacity:.4;transform:scale(.96)}.chartSlot{position:relative;z-index:10;transition:transform .15s ease,opacity .15s ease;cursor:grab}.chartSlot:active{cursor:grabbing}.widgetCardDragging{opacity:.6;border-color:#6ea8fe4d!important}.editModeActive{background:#22c55e26!important;border-color:#22c55e66!important;box-shadow:0 0 12px #22c55e40;animation:editPulse 2s ease-in-out infinite}@keyframes editPulse{0%,to{box-shadow:0 0 12px #22c55e40}50%{box-shadow:0 0 20px #22c55e66}}.cspSpanRow{display:flex;gap:6px}.cspSpanBtn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--soft2);cursor:pointer;transition:all .15s ease;min-width:44px}.cspSpanBtn:hover{border-color:#6ea8fe4d;background:#6ea8fe0f}.cspSpanBtnActive{border-color:#6ea8fe99;background:#6ea8fe1f;box-shadow:0 0 8px #6ea8fe26}.cspSpanBlocks{display:flex;gap:2px}.cspBlock{width:8px;height:12px;border-radius:2px;border:1px solid var(--border);transition:all .15s ease}.cspBlockFilled{background:#6ea8feb3;border-color:#6ea8fe80}.cspSpanBtnActive .cspBlockFilled{background:#6ea8fee6;box-shadow:0 0 4px #6ea8fe66}.cspSpanLabel{font-size:10px;color:var(--text-dim);font-weight:600}.widgetCard{border-radius:16px;border:1px solid var(--border);background:var(--kpi-bg);box-shadow:var(--kpi-shadow);overflow:hidden;transition:border-color .2s,transform .2s,opacity .2s;height:100%;display:flex;flex-direction:column}.widgetCard:hover{border-color:#6ea8fe33}.widgetHeader{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--soft2)}.widgetTitle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.widgetIcon{font-size:16px}.widgetRemove{width:28px;height:28px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.widgetRemove:hover{background:#ff4d4f26;border-color:#ff4d4f4d;color:#ff6b6b}.widgetBody{padding:14px;flex:1;min-height:0;display:flex;flex-direction:column}.chartSettingsWrap{position:relative}.chartSettingsBtn{width:28px;height:28px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.chartSettingsBtn:hover{background:#6ea8fe26;border-color:#6ea8fe4d;color:#fff}.chartSettingsPopover{position:absolute;top:36px;right:0;z-index:100;min-width:220px;background:var(--card-solid);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:popIn .15s ease-out}@keyframes popIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cspSection{margin-bottom:14px}.cspSection:last-child{margin-bottom:0}.cspLabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-bottom:8px}.cspSizeRow{display:flex;gap:6px}.cspSizeBtn{flex:1;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--checkbox-bg);color:var(--text-dim);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.cspSizeBtn:hover{border-color:#6ea8fe4d;background:#6ea8fe14}.cspSizeBtnActive{border-color:#6ea8fe80;background:#6ea8fe33;color:#fff}.cspColorGrid{display:flex;flex-wrap:wrap;gap:8px}.cspColorDot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #0000004d}.cspColorDot:hover{transform:scale(1.15)}.cspColorDotActive{border-color:#fff;box-shadow:0 0 0 3px #6ea8fe66,0 2px 8px #0000004d}.settingsGear{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.settingsGear:hover{background:#6ea8fe26;border-color:#6ea8fe4d;transform:rotate(90deg)}.settingsInfo{color:#ffffffb3;font-size:14px;margin-bottom:14px;line-height:1.5}.settingsActions{display:flex;gap:8px;margin-bottom:14px}.settingsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:400px;overflow-y:auto;padding-right:4px}.settingsWidgetCard{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#00000026;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px;-webkit-user-select:none;user-select:none}.settingsWidgetCard:hover{border-color:#6ea8fe40;background:#6ea8fe0d}.settingsWidgetActive{border-color:#6ea8fe66;background:#6ea8fe1a}.settingsWidgetIcon{font-size:24px}.settingsWidgetLabel{font-weight:800;font-size:14px}.settingsWidgetDesc{font-size:12px;color:#fff9;line-height:1.4}.settingsWidgetToggle{margin-top:auto;padding-top:8px}.toggleTrack{width:40px;height:22px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);position:relative;transition:background .2s,border-color .2s}.toggleOn{background:#6ea8fe59;border-color:#6ea8fe80}.toggleThumb{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 2px 6px #0000004d}.toggleOn .toggleThumb{transform:translate(18px)}@media (max-width: 1200px){.widgetGridKpi{flex-wrap:wrap}.widgetGridKpi>*{flex:1 1 calc(33% - 14px)}}@media (max-width: 1024px){.widgetGridKpi{flex-wrap:wrap}.widgetGridKpi>*{flex:1 1 calc(33% - 14px)}.widgetGridCharts{grid-template-columns:repeat(2,1fr);grid-auto-rows:320px}.widgetBody{padding:10px}}@media (max-width: 768px){.widgetGridKpi{flex-wrap:wrap}.widgetGridKpi>*{flex:1 1 calc(50% - 14px)}.widgetGridCharts{grid-template-columns:1fr;grid-auto-rows:280px}.widgetHeader{padding:8px 12px}.widgetBody{padding:8px}.widgetTitle{font-size:12px}.settingsGrid{grid-template-columns:1fr 1fr;max-height:50vh}.chartSettingsPopover{min-width:180px;padding:10px}.dragHandle{width:28px;height:28px}}@media (max-width: 480px){.widgetGridKpi>*{flex:1 1 100%}.widgetGridCharts{grid-auto-rows:260px}.settingsGrid{grid-template-columns:1fr}.widgetCard{border-radius:12px}}:root{--bg0: #060a14;--bg1: #071020;--card: rgba(17, 28, 51, .72);--card2: rgba(17, 28, 51, .58);--card-solid: rgba(17, 28, 51, .55);--border: rgba(255, 255, 255, .1);--soft: rgba(255, 255, 255, .06);--soft2: rgba(255, 255, 255, .04);--text: rgba(255, 255, 255, .92);--text-dim: rgba(255, 255, 255, .7);--text-on-btn: white;--primary: rgba(110, 168, 254, .18);--primary-border: rgba(110, 168, 254, .35);--accent: #6ea8fe;--danger: rgba(255, 107, 107, .12);--danger-border: rgba(255, 107, 107, .35);--shadow: 0 18px 50px rgba(0, 0, 0, .55);--sidebar-bg: rgba(17, 28, 51, .55);--sidebar-header-bg: rgba(0, 0, 0, .22);--nav-hover: rgba(255, 255, 255, .04);--nav-hover-border: rgba(255, 255, 255, .06);--nav-active: rgba(110, 168, 254, .1);--nav-active-border: rgba(110, 168, 254, .18);--input-bg: rgba(0, 0, 0, .25);--input-border: rgba(255, 255, 255, .1);--input-color: white;--btn-bg: rgba(110, 168, 254, .12);--btn-border: rgba(110, 168, 254, .25);--btn-hover-bg: rgba(110, 168, 254, .22);--btn-hover-border: rgba(110, 168, 254, .45);--btn-primary-bg: rgba(110, 168, 254, .25);--btn-primary-border: rgba(110, 168, 254, .5);--btn-danger-bg: rgba(255, 77, 79, .15);--btn-danger-border: rgba(255, 77, 79, .3);--btn-danger-color: #ffccc7;--table-border: rgba(255, 255, 255, .08);--table-hover: rgba(110, 168, 254, .08);--kpi-bg: rgba(255, 255, 255, .03);--kpi-border: rgba(255, 255, 255, .07);--kpi-shadow: 0 10px 30px rgba(0, 0, 0, .25);--tooltip-bg: rgba(17, 28, 51, .96);--hamburger-bg: rgba(17, 28, 51, .85);--hamburger-border: rgba(255, 255, 255, .12);--body-grad1: rgba(110, 168, 254, .14);--body-grad2: rgba(168, 85, 247, .12);--badge-bg: rgba(255, 255, 255, .05);--badge-color: rgba(255, 255, 255, .86);--bulk-bg: linear-gradient(135deg, rgba(110, 168, 254, .1), rgba(110, 168, 254, .04));--bulk-border: rgba(110, 168, 254, .18);--bulk-picker-bg: rgba(17, 28, 51, .97);--checkbox-border: rgba(255, 255, 255, .18);--checkbox-bg: rgba(255, 255, 255, .04);--chart-bg: rgba(255, 255, 255, .02);--chart-border: rgba(255, 255, 255, .06)}[data-theme=light]{--bg0: #f0f2f5;--bg1: #e8ecf1;--card: rgba(255, 255, 255, .85);--card2: rgba(255, 255, 255, .72);--card-solid: rgba(255, 255, 255, .92);--border: rgba(0, 0, 0, .1);--soft: rgba(0, 0, 0, .04);--soft2: rgba(0, 0, 0, .03);--text: rgba(0, 0, 0, .87);--text-dim: rgba(0, 0, 0, .55);--text-on-btn: #1a2744;--primary: rgba(37, 99, 235, .12);--primary-border: rgba(37, 99, 235, .28);--accent: #2563eb;--danger: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .3);--shadow: 0 8px 32px rgba(0, 0, 0, .08);--sidebar-bg: rgba(255, 255, 255, .8);--sidebar-header-bg: rgba(0, 0, 0, .04);--nav-hover: rgba(0, 0, 0, .04);--nav-hover-border: rgba(0, 0, 0, .06);--nav-active: rgba(37, 99, 235, .1);--nav-active-border: rgba(37, 99, 235, .18);--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(0, 0, 0, .12);--input-color: #1a1a1a;--btn-bg: rgba(37, 99, 235, .08);--btn-border: rgba(37, 99, 235, .2);--btn-hover-bg: rgba(37, 99, 235, .15);--btn-hover-border: rgba(37, 99, 235, .35);--btn-primary-bg: #3b82f6;--btn-primary-border: #2563eb;--btn-danger-bg: #ef4444;--btn-danger-border: #dc2626;--btn-danger-color: white;--table-border: rgba(0, 0, 0, .07);--table-hover: rgba(37, 99, 235, .06);--kpi-bg: rgba(255, 255, 255, .7);--kpi-border: rgba(0, 0, 0, .08);--kpi-shadow: 0 4px 16px rgba(0, 0, 0, .06);--tooltip-bg: rgba(255, 255, 255, .97);--hamburger-bg: rgba(255, 255, 255, .9);--hamburger-border: rgba(0, 0, 0, .1);--body-grad1: rgba(37, 99, 235, .06);--body-grad2: rgba(168, 85, 247, .04);--badge-bg: rgba(0, 0, 0, .04);--badge-color: rgba(0, 0, 0, .72);--bulk-bg: linear-gradient(135deg, rgba(37, 99, 235, .06), rgba(37, 99, 235, .02));--bulk-border: rgba(37, 99, 235, .15);--bulk-picker-bg: rgba(255, 255, 255, .97);--checkbox-border: rgba(0, 0, 0, .2);--checkbox-bg: rgba(0, 0, 0, .04);--chart-bg: rgba(0, 0, 0, .02);--chart-border: rgba(0, 0, 0, .06);--text-on-btn-small: #374151;--text-on-btn-small-hover: #1e293b}[data-theme=light] body,[data-theme=light] div,[data-theme=light] span,[data-theme=light] p,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] label,[data-theme=light] td,[data-theme=light] th,[data-theme=light] li,[data-theme=light] a,[data-theme=light] strong,[data-theme=light] em{color:inherit}[data-theme=light] body{color:#1a202c;background:radial-gradient(1200px 700px at 15% 10%,var(--body-grad1),transparent 60%),radial-gradient(900px 500px at 85% 30%,var(--body-grad2),transparent 65%),linear-gradient(180deg,#f5f7fa,#e8ecf1 55%,#e2e6ed);min-height:100vh}[data-theme=light] .card,[data-theme=light] .pageHeader,[data-theme=light] .modalPanel{background:#ffffffe0!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 2px 12px #0000000f}[data-theme=light] .sidebar{background:#ffffffeb!important;box-shadow:0 4px 20px #0000000f}[data-theme=light] .sideHeader{background:#0000000a!important}[data-theme=light] .kpiCard,[data-theme=light] .widgetCard{background:#fffc!important;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 10px #0000000a}[data-theme=light] .widgetHeader{background:#00000005!important;border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .notifDropdown{background:#fffffff7!important;box-shadow:0 10px 40px #0000001f}[data-theme=light] .miniTooltip{background:#fffffff7!important;box-shadow:0 8px 30px #0000001f}[data-theme=light] .miniTooltipArrow{background:#fffffff7!important}[data-theme=light] .chartSettingsPopover{background:#fffffff7!important;box-shadow:0 10px 40px #0000001f}[data-theme=light] [style*=background]{filter:none}[data-theme=light] .bulkStatusPicker{background:#fffffff7!important;box-shadow:0 8px 30px #0000001f}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f!important}[data-theme=light] .hamburger{background:#ffffffeb!important;color:#1a202c!important}[data-theme=light] .modalOverlay{background:#0000004d}[data-theme=light] svg text{fill:#0009!important}[data-theme=light] svg line[stroke*="255"]{stroke:#00000014!important}[data-theme=light] svg rect[fill*="15,18,30"],[data-theme=light] svg rect[fill*="15,23,42"],[data-theme=light] svg rect[fill*="17,28,51"]{fill:#141e32eb!important}[data-theme=light] svg g[style*=pointerEvents] text{fill:#ffffffe6!important}[data-theme=light] svg circle[stroke*="6,10,20"]{stroke:#ffffffe6!important}[data-theme=light] svg line[stroke*="rgba(255,255,255,0.2"]{stroke:#00000026!important}[data-theme=light] [style*="rgba(15,23,42"]{background:#141e32eb!important;color:#fff!important}[data-theme=light] [style*="rgba(15,23,42"] *{color:#fff!important}[data-theme=light] .recharts-text{fill:#0009!important}[data-theme=light] .recharts-cartesian-grid line{stroke:#00000014!important}[data-theme=light] .input[style*="rgba(255"]{background:#0000000a!important;border-color:#00000026!important;color:#1a202c!important}[data-theme=light] .input::placeholder{color:#0006!important}[data-theme=light] .btnSmall{color:#374151!important;border-color:transparent}[data-theme=light] .btnSmall:hover{background:#0000000f!important}[data-theme=light] .btnSmall.btnPrimary{background:#3b82f6!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 2px 8px #2563eb40!important}[data-theme=light] [style*="var(--panel"]{background:#fffffff7!important;border-color:#0000001f!important;box-shadow:0 8px 30px #0000001f!important}[data-theme=light] .btnSmall[style*="border: none"]{border:none!important}[data-theme=light] .table th{color:#0000008c!important}[data-theme=light] .table td{color:#1a202c!important;border-color:#0000000f!important}[data-theme=light] .navItem{color:#374151!important}[data-theme=light] .navItem:hover{background:#0000000a!important}[data-theme=light] .navItem.active{color:var(--accent)!important;background:#6366f114!important}[data-theme=light] .input,[data-theme=light] .select,[data-theme=light] textarea.input{background:#00000008!important;border-color:#00000026!important;color:#1a1a1a!important}[data-theme=light] button[style*=linear-gradient],[data-theme=light] button[style*=linear-gradient] *{color:#fff!important}[data-theme=light] .btn{color:var(--text-on-btn)!important;background:#0000000a!important;border-color:#00000026!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .btn:hover{background:#00000014!important}[data-theme=light] .pill{background:#0000000f!important;color:#374151!important}[data-theme=light] .brandSub{color:#374151!important}[data-theme=light] [style*="rgba(13, 30, 60"],[data-theme=light] [style*="rgba(13,30,60"]{background-color:#6366f114!important;color:#1a202c!important;border-color:#6366f140!important}[data-theme=light] [style*="rgba(13, 30, 60"] *,[data-theme=light] [style*="rgba(13,30,60"] *{color:inherit!important;border-color:#6366f126!important}[data-theme=light] [style*="background: rgb(30, 58, 138)"],[data-theme=light] [style*='background: "#1e3a8a"'],[data-theme=light] [style*="background: #1e3a8a"]{background:#3b82f6!important;color:#fff!important}[data-theme=light] [style*="rgba(255,255,255,0.03)"]{background:#00000005!important}[data-theme=light] [style*="rgba(255,255,255,0.04)"]{background:#00000008!important}[data-theme=light] [style*="rgba(255,255,255,0.06)"]{background:#0000000a!important}[data-theme=light] [style*="rgba(255,255,255,0.08)"],[data-theme=light] [style*="rgba(255,255,255,0.1)"]{border-color:#0000001a!important}[data-theme=light] [style*="rgba(255,255,255,0.2)"]{border-color:#0000001f!important}[data-theme=light] button[style*="#94a3b8"]{color:#64748b!important}[data-theme=light] button[style*="#60a5fa"]{color:#3b82f6!important}[data-theme=light] [style*="color: rgb(148, 163, 184)"],[data-theme=light] [style*='color: "#94a3b8"']{color:#64748b!important}[data-theme=light] [style*="color: rgb(203, 213, 225)"],[data-theme=light] [style*='color: "#cbd5e1"']{color:#475569!important}[data-theme=light] .modalPanel [style*='color: "white"'],[data-theme=light] .modalPanel [style*="color: white"],[data-theme=light] .modalPanel [style*="color: rgb(255, 255, 255)"]{color:#1a202c!important}[data-theme=light] .card[style*=border]{border-color:#00000014!important}[data-theme=light] .fieldLabel{color:#475569!important}[data-theme=light] .alertError{background:#fef2f2!important;color:#991b1b!important;border-color:#fca5a5!important}[data-theme=light] .alertSuccess{background:#f0fdf4!important;color:#166534!important;border-color:#86efac!important}[data-theme=light] .btn.btnPrimary{background:var(--btn-primary-bg)!important;border-color:var(--btn-primary-border)!important;color:#fff!important}[data-theme=light] .btnDanger{background:#ef4444!important;border-color:#dc2626!important;color:#fff!important}[data-theme=light] .btnSmall.btnIcon.btnPrimary,[data-theme=light] .btnSmall.btnIcon.btnSecondary{background:linear-gradient(135deg,#3b82f61a,#6366f10f)!important;border:1px solid rgba(59,130,246,.15)!important;color:#3b82f6!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff80,0 1px 3px #3b82f614!important}[data-theme=light] .btnSmall.btnIcon.btnPrimary:hover,[data-theme=light] .btnSmall.btnIcon.btnSecondary:hover{background:linear-gradient(135deg,#3b82f62e,#6366f11f)!important;border-color:#3b82f647!important;box-shadow:inset 0 1px #fff9,0 2px 8px #3b82f626!important;transform:translateY(-1px)}[data-theme=light] .btnSmall.btnIcon.btnDanger{background:linear-gradient(135deg,#ef444414,#f43f5e0d)!important;border:1px solid rgba(239,68,68,.15)!important;color:#ef4444!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff80,0 1px 3px #ef44440f!important}[data-theme=light] .btnSmall.btnIcon.btnDanger:hover{background:linear-gradient(135deg,#ef444426,#f43f5e1a)!important;border-color:#ef444447!important;box-shadow:inset 0 1px #fff9,0 2px 8px #ef44441f!important;transform:translateY(-1px)}[data-theme=light] .pagination span,[data-theme=light] .pagination button{color:#374151!important}[data-theme=light] .modalOverlay{background:#00000059!important}[data-theme=light] .modalBody{background:#fff!important;color:#1a202c!important}[data-theme=light] .modalHeader{background:#f8fafc!important;color:#1a202c!important;border-color:#00000014!important}[data-theme=light] .modalHeader *{color:inherit!important}[data-theme=light] .modalClose{color:#64748b!important}[data-theme=light] .modalClose:hover{color:#1a202c!important}[data-theme=light] .sortableHeader{color:#0000008c!important}[data-theme=light] .checkRow{color:#374151!important}[data-theme=light] .card{background:#fff!important;border-color:#00000014!important;box-shadow:0 1px 3px #0000000f!important}[data-theme=light] .statCard{background:#fff!important;border-color:#00000014!important}[data-theme=light] [style*="#1e293b"],[data-theme=light] [style*="rgb(30, 41, 59)"]{background:#f8fafc!important;border-color:#0000001a!important}[data-theme=light] [style*="#1a2742"],[data-theme=light] [style*="rgb(26, 39, 66)"]{background:#f8fafc!important}[data-theme=light] [style*="color: rgb(226, 232, 240)"],[data-theme=light] [style*="#e2e8f0"]{color:#1e293b!important}[data-theme=light] [style*="border-top: 1px solid rgb(30, 41, 59)"],[data-theme=light] [style*="1px solid #1e293b"]{border-color:#00000014!important}[data-theme=light] [style*="#94a3b8"],[data-theme=light] [style*="rgb(148, 163, 184)"]{color:#64748b!important}[data-theme=light] [style*="#cbd5e1"],[data-theme=light] [style*="rgb(203, 213, 225)"]{color:#334155!important}[data-theme=light] [style*="#64748b"],[data-theme=light] [style*="rgb(100, 116, 139)"]{color:#475569!important}[data-theme=light] [style*="#1e3a8a"],[data-theme=light] [style*="rgb(30, 58, 138)"]{background:#eff6ff!important;border-color:#93c5fd!important;color:#1e293b!important}[data-theme=light] [style*="#1e3a8a"] .fieldLabel,[data-theme=light] [style*="rgb(30, 58, 138)"] .fieldLabel{color:#475569!important}[data-theme=light] [style*="#1e3a8a"] h4,[data-theme=light] [style*="rgb(30, 58, 138)"] h4{color:#1e293b!important}[data-theme=light] [style*="#111c33"],[data-theme=light] [style*="rgb(17, 28, 51)"]{background:#fff!important;border-color:#0000001f!important;color:#1e293b!important}[data-theme=light] [style*="#192846"],[data-theme=light] [style*="rgb(25, 40, 70)"]{background:#fff!important}[data-theme=light] [style*="#111c33"] h3,[data-theme=light] [style*="rgb(17, 28, 51)"] h3{color:#1e293b!important}[data-theme=light] .modalPanel th,[data-theme=light] .modalPanel thead th{color:#475569!important;border-color:#0000001a!important}[data-theme=light] .modalPanel td{color:#1a202c!important;border-color:#0000000f!important}[data-theme=light] .modalPanel tr{border-color:#0000000f!important}[data-theme=light] [style*="rgba(255,255,255,0.4)"],[data-theme=light] [style*="rgba(255,255,255,0.5)"]{color:#6b7280!important}[data-theme=light] [style*="rgba(255,255,255,0.7)"]{color:#374151!important}[data-theme=light] [style*="rgba(255,255,255,0.8)"]{color:#1f2937!important}[data-theme=light] [style*="rgba(255,255,255,0.9)"]{color:#111827!important}[data-theme=light] [style*='color: "#fff"'],[data-theme=light] [style*="color: rgb(255, 255, 255)"]{color:#1e293b!important}[data-theme=light] [style*="rgba(255,255,255,0.05)"]{background:#0000000a!important}[data-theme=light] [style*="rgba(255,255,255,0.04)"][style*="rgba(255,255,255,0.08)"]{background:#00000008!important;border-color:#0000001a!important}[data-theme=light] .modalPanel h3{color:#1e293b!important}[data-theme=light] .modalPanel strong{color:inherit!important}[data-theme=light] [style*="#1e1e2e"],[data-theme=light] [style*="rgb(30, 30, 46)"]{background:#f1f5f9!important;border-color:#0000001f!important;color:#1e293b!important}[data-theme=light] [style*="1px solid #333"]{border-color:#0000001f!important}[data-theme=light] [style*="1px solid #444"]{border-color:#00000026!important}[data-theme=light] [style*="rgba(0,0,0,0.18)"],[data-theme=light] [style*="rgba(0, 0, 0, 0.18)"]{background:#00000005!important}[data-theme=light] [style*="rgba(0,0,0,0.2)"],[data-theme=light] [style*="rgba(0, 0, 0, 0.2)"]{background:#fff!important;color:#1e293b!important;border-color:#00000026!important}[data-theme=light] input[style*="color: white"],[data-theme=light] input[style*='color: "white"'],[data-theme=light] input[style*="rgb(255, 255, 255)"]{color:#1e293b!important;background:#fff!important;border-color:#00000026!important}[data-theme=light] [style*="rgba(255, 255, 255, 0.12)"],[data-theme=light] [style*="rgba(255,255,255,0.12)"]{border-color:#0000001f!important}[data-theme=light] [style*="rgba(255, 255, 255, 0.1)"],[data-theme=light] [style*="rgba(255,255,255,0.1)"],[data-theme=light] [style*="rgba(255, 255, 255, 0.08)"],[data-theme=light] [style*="rgba(255,255,255,0.08)"]{border-color:#0000001a!important}[data-theme=light] [style*="rgba(255, 255, 255, 0.04)"],[data-theme=light] [style*="rgba(255,255,255,0.04)"],[data-theme=light] [style*="rgba(255, 255, 255, 0.03)"],[data-theme=light] [style*="rgba(255,255,255,0.03)"]{background:#00000005!important}[data-theme=light] [style*="rgba(255, 255, 255, 0.02)"],[data-theme=light] [style*="rgba(255,255,255,0.02)"]{background:#00000004!important}[data-theme=light] [style*="color: white"],[data-theme=light] [style*="color: rgb(255, 255, 255)"],[data-theme=light] [style*="rgba(255, 255, 255, 0.8)"],[data-theme=light] [style*="rgba(255,255,255,0.8)"]{color:#1e293b!important}[data-theme=light] [style*="rgba(255, 255, 255, 0.7)"],[data-theme=light] [style*="rgba(255,255,255,0.7)"]{color:#374151!important}[data-theme=light] [style*="rgba(255, 255, 255, 0.6)"],[data-theme=light] [style*="rgba(255,255,255,0.6)"]{color:#475569!important}[data-theme=light] [style*="rgba(255, 255, 255, 0.5)"],[data-theme=light] [style*="rgba(255,255,255,0.5)"]{color:#64748b!important}[data-theme=light] [style*="rgba(255, 255, 255, 0.4)"],[data-theme=light] [style*="rgba(255,255,255,0.4)"],[data-theme=light] [style*="rgba(255, 255, 255, 0.35)"],[data-theme=light] [style*="rgba(255,255,255,0.35)"]{color:#94a3b8!important}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 700px at 15% 10%,var(--body-grad1),rgba(0,0,0,0) 60%),radial-gradient(900px 500px at 85% 30%,var(--body-grad2),rgba(0,0,0,0) 65%),linear-gradient(180deg,var(--bg1),var(--bg0) 55%,var(--bg0));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.appShell{min-height:100vh;display:flex;gap:14px;padding:14px}.sidebar{width:260px;flex:0 0 260px;border-radius:18px;border:1px solid var(--border);background:var(--sidebar-bg);box-shadow:var(--shadow);padding:14px;position:sticky;top:14px;height:fit-content;max-height:calc(100vh - 28px);overflow-y:auto}.sideHeader{border:1px solid var(--border);background:var(--sidebar-header-bg);border-radius:16px;padding:12px;margin-bottom:12px}.brandRow{display:flex;align-items:center;gap:10px;margin-bottom:6px}.brandLogo{height:36px;width:auto;object-fit:contain;border-radius:8px}.brandTitle{font-weight:950;letter-spacing:.2px}.brandSub{font-size:12px;color:var(--text-dim)}.sideNav{display:grid;gap:4px;margin-top:10px}.navItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text)}.navItem:hover{background:var(--nav-hover);border-color:var(--nav-hover-border)}.navItemActive{background:var(--nav-active);border-color:var(--nav-active-border)}.navIcon{width:18px;display:grid;place-items:center;opacity:.9}.navGroupHeader{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:.92rem;letter-spacing:.2px}.navGroupHeader:hover{background:var(--nav-hover);border-color:var(--nav-hover-border)}.navGroupHeader.navGroupOpen{background:var(--nav-active);border-color:var(--nav-active-border)}.navGroupArrow{margin-left:auto;font-size:.7em;opacity:.5;transition:transform .2s ease}.navGroupOpen .navGroupArrow{transform:rotate(90deg)}.navGroupItems{display:flex;flex-direction:column;gap:2px;padding-left:18px;overflow:hidden;max-height:0;opacity:0;transition:max-height .25s ease,opacity .2s ease,margin .2s ease;margin:0}.navGroupItems.navGroupItemsOpen{max-height:500px;opacity:1;margin-top:2px;margin-bottom:4px}.navGroupItems .navItem{padding:7px 12px;font-size:.88rem}.bulkCheckbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--checkbox-border);border-radius:5px;background:var(--checkbox-bg);cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;vertical-align:middle}.bulkCheckbox:hover{border-color:#6ea8fe80;background:#6ea8fe14;box-shadow:0 0 0 3px #6ea8fe14}.bulkCheckbox:checked{border-color:#6ea8fe;background:linear-gradient(135deg,#4a8af4,#6ea8fe);box-shadow:0 0 0 3px #6ea8fe26,0 2px 8px #6ea8fe4d}.bulkCheckbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);animation:checkPop .2s ease}@keyframes checkPop{0%{transform:rotate(45deg) scale(0);opacity:0}60%{transform:rotate(45deg) scale(1.15)}to{transform:rotate(45deg) scale(1);opacity:1}}.bulkBar{animation:bulkBarSlideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes bulkBarSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.bulkBarInner{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;background:linear-gradient(135deg,#6ea8fe1a,#6ea8fe0a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(110,168,254,.18);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--text, #fff);font-size:.82rem}.bulkCount{font-size:.82rem;white-space:nowrap;color:var(--text-dim, rgba(255, 255, 255, .7))}.bulkCount strong{color:#6ea8fe;font-size:.88rem}.bulkActions{display:flex;align-items:center;gap:8px}.bulkStatusPicker{position:absolute;top:100%;left:0;margin-top:6px;background:var(--bulk-picker-bg);border:1px solid var(--bulk-border);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;min-width:160px;box-shadow:0 8px 32px #0006;z-index:10;animation:bulkBarSlideDown .15s ease}.bulkStatusOption{padding:8px 12px;border:none;background:transparent;color:var(--text, #fff);text-align:left;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .15s}.bulkStatusOption:hover{background:#6ea8fe26}.sideFooter{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.content{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.pageHeader{border-radius:18px;border:1px solid var(--border);background:var(--card-solid);box-shadow:var(--shadow);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:100}.pageTitle{font-size:18px;font-weight:950}.pageSub{font-size:12px;color:var(--text-dim)}.pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--soft);white-space:nowrap}.card{border-radius:18px;border:1px solid var(--border);background:var(--card-solid);box-shadow:var(--shadow);padding:14px}.row{display:flex;align-items:center;gap:10px}.badge{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--badge-bg);color:var(--badge-color)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--table-border);font-size:14px}.table th{font-size:12px;color:var(--text-dim);font-weight:800;text-transform:uppercase;letter-spacing:.7px}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:var(--table-hover)}.sortable-th:hover{color:var(--text);background:#6ea8fe0f}.sortable-th--active{color:var(--accent)}.btn{padding:10px 14px;border-radius:12px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-on-btn);cursor:pointer;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003;transition:all .2s ease}.btn:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border);box-shadow:0 6px 20px #6ea8fe26;transform:translateY(-1px)}.btnSmall{padding:6px 10px;border-radius:8px;border:1px solid rgba(110,168,254,.2);background:#6ea8fe1a;color:var(--text-on-btn-small, rgba(255, 255, 255, .9));cursor:pointer;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s ease}.btnSmall:hover{background:#6ea8fe33;border-color:#6ea8fe66;color:var(--text-on-btn-small-hover, white)}.btnIcon{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.btnPrimary{border-color:var(--btn-primary-border);background:var(--btn-primary-bg);box-shadow:0 4px 20px #6ea8fe40}.btnPrimary:hover{background:#6ea8fe59;border-color:#6ea8fe99;box-shadow:0 6px 25px #6ea8fe59}.btnDanger{border-color:var(--btn-danger-border);background:var(--btn-danger-bg);color:var(--btn-danger-color);font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}.btnDanger:hover{background:#ff4d4f40;border-color:#ff4d4f80;color:#fff;box-shadow:0 4px 15px #ff4d4f26}.hamburger{display:none;position:fixed;top:14px;left:14px;z-index:1100;width:44px;height:44px;border-radius:14px;border:1px solid var(--hamburger-border);background:var(--hamburger-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);font-size:22px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d;transition:background .2s,transform .2s}.hamburger:hover{background:#6ea8fe33;transform:scale(1.05)}.sidebarOverlay{display:none}@media (max-width: 1024px){.hamburger{display:flex}.appShell{padding:68px 14px 14px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1050;border-radius:0 18px 18px 0;transform:translate(-110%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;flex:none}.sidebar.sidebarOpen{transform:translate(0)}.sidebarOverlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content{width:100%}.row{flex-wrap:wrap}.pageHeader{padding-left:16px;flex-wrap:wrap}.card{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px}.table th,.table td{white-space:nowrap}}@media (max-width: 768px){.appShell{gap:10px;padding:62px 10px 10px}.sidebar{width:85vw;max-width:320px}.hamburger{top:10px;left:10px}.pageHeader{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;border-radius:14px}.pageTitle{font-size:16px}.card{border-radius:14px;padding:10px}.row{gap:8px}.table{min-width:700px}.table th,.table td{padding:8px 6px;font-size:13px}.table th{font-size:11px}.badge{font-size:11px;padding:4px 8px}.kpiValue{font-size:24px}.kpiCard{min-height:auto;padding:12px;border-radius:14px}.btn{padding:12px 16px;font-size:13px}.navItem{padding:12px 14px}.input,.select{padding:12px;font-size:14px}}@media (max-width: 480px){.appShell{padding:56px 6px 6px;gap:8px}.pageHeader{padding:10px 12px;border-radius:12px}.pageTitle{font-size:14px}.pageSub{font-size:11px}.card{border-radius:12px;padding:8px}.kpiValue{font-size:20px}.miniChart{width:100%;height:56px}.pill{font-size:11px;padding:4px 8px}.badge{font-size:10px;padding:3px 6px}.formActions{flex-direction:column}.formActions .btn,.formActions .btnPrimary{width:100%;text-align:center;justify-content:center}.table th,.table td{padding:6px 5px;font-size:12px}.table th{font-size:10px}.btn{padding:10px 12px;font-size:12px;border-radius:10px}}.kpiCard{background:var(--kpi-bg);border:1px solid var(--kpi-border);border-radius:16px;padding:16px;box-shadow:var(--kpi-shadow)}.kpiLabel{opacity:.85;font-weight:700;letter-spacing:.2px}.kpiHint{opacity:.7;margin-top:8px;font-size:13px}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--badge-bg);border:1px solid var(--border);font-weight:800;font-size:12px}.pillGreen{composes:pill;background:#2ecc7126;border-color:#2ecc7140}.pillRed{composes:pill;background:#e74c3c26;border-color:#e74c3c40}.pill-green{background:#2ecc7126;border-color:#2ecc7140;color:#2ecc71}.pill-red{background:#e74c3c26;border-color:#e74c3c40;color:#e74c3c}.pill-gray{background:#ffffff14;border-color:#ffffff1a;color:var(--muted)}.pill-blue{background:#6ea8fe26;border-color:#6ea8fe40;color:#6ea8fe}.pill-orange{background:#ff9f4326;border-color:#ff9f4340;color:#ff9f43}.pill-purple{background:#a855f726;border-color:#a855f740;color:#a855f7}@media (max-width: 1100px){.gridKpi{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.gridKpi{grid-template-columns:1fr}}.gridKpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpiCard{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px;box-shadow:0 10px 30px #00000040}.kpiTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kpiLabel{opacity:.85;font-weight:800;letter-spacing:.2px}.kpiValue{font-size:34px;font-weight:900;margin-top:10px}.kpiHint{opacity:.7;margin-top:10px;font-size:13px}.miniChart{width:140px;height:44px;border-radius:12px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.miniChart svg{width:100%;height:100%;display:block}.miniChartArea{fill:#2ecc711f}.miniChartLine{fill:none;stroke:#2ecc71d9;stroke-width:2}@media (max-width: 1100px){.gridKpi{grid-template-columns:repeat(2,minmax(0,1fr))}.miniChart{width:120px}}@media (max-width: 640px){.gridKpi{grid-template-columns:1fr}.miniChart{width:100%;height:48px}}.miniChartBlue .miniChartArea{fill:#6ea8fe1f}.miniChartBlue .miniChartLine{stroke:#6ea8fee6}.miniBar{fill:#6ea8febf;opacity:.95}.miniBar:hover{opacity:1}.miniChartHasTip{position:relative}.miniTooltip{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:10;min-width:120px;padding:8px 10px;border-radius:12px;background:var(--tooltip-bg);border:1px solid var(--border);box-shadow:0 12px 40px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.miniBarHover{opacity:1!important;filter:brightness(1.1)}.miniChart{width:220px;height:64px;border-radius:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);position:relative}.miniChartHasTip{overflow:visible}.miniChart svg{width:100%;height:100%;display:block;border-radius:14px}.miniTooltipTitle{font-size:12px;opacity:.78;margin-bottom:4px}.miniTooltipValue{font-size:14px;font-weight:900}.miniBarBase{stroke:#ffffff1a;stroke-width:1}.miniBar{fill:#6ea8fec7;opacity:.95}.miniBarHover{opacity:1!important;filter:brightness(1.12)}@media (max-width: 1100px){.miniChart{width:180px}}@media (max-width: 640px){.miniChart{width:100%;height:72px}}.kpiTop{align-items:center}.kpiCard{min-height:120px}.miniChartWrap{display:grid;gap:6px}.miniChartStats{display:flex;gap:10px;justify-content:flex-end;opacity:.9}.miniStat{display:inline-flex;gap:6px;align-items:center;padding:2px 8px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.miniStatLabel{font-size:11px;opacity:.75;font-weight:800}.miniStatVal{font-size:12px;font-weight:900}.miniTooltip{position:absolute;transform:translate(-50%,-120%);pointer-events:none;z-index:50;min-width:130px;padding:8px 10px;border-radius:12px;background:#111c33f5;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.miniTooltipArrow{position:absolute;left:50%;bottom:-6px;width:12px;height:12px;transform:translate(-50%) rotate(45deg);background:#111c33f5;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.badgeDanger{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ff4d4f1a;border:1px solid rgba(255,77,79,.25);font-weight:900}.emptyState{opacity:.85;padding:10px 4px}.themeToggle{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--soft);cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.themeToggle:hover{background:var(--nav-hover);border-color:var(--nav-hover-border);transform:scale(1.08)}.favSection{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.favHeader{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:.82rem;font-weight:700;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;transition:background .15s}.favHeader:hover{background:var(--nav-hover)}.favList{display:flex;flex-direction:column;gap:2px;margin-top:4px}.favItem{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;font-size:.82rem;color:var(--text);text-decoration:none;transition:background .15s;cursor:pointer}.favItem:hover{background:var(--nav-hover)}.favRemove{margin-left:auto;opacity:0;font-size:14px;cursor:pointer;background:none;border:none;color:var(--text-dim);padding:0 4px;transition:opacity .15s}.favItem:hover .favRemove{opacity:.6}.favRemove:hover{opacity:1!important;color:#ef4444}.favStar{background:none;border:none;cursor:pointer;font-size:18px;padding:2px;transition:transform .15s;line-height:1}.favStar:hover{transform:scale(1.2)}.modalTabBar{display:flex;gap:4px;padding:4px;margin-bottom:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow-x:auto;scrollbar-width:none}.modalTabBar::-webkit-scrollbar{display:none}.modalTabBtn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:10px;background:transparent;color:#ffffff73;font-size:13px;font-weight:500;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.modalTabBtn:hover{color:#ffffffbf;background:#ffffff0a}.modalTabBtn.active{color:#fff;font-weight:600;background:linear-gradient(135deg,#6ea8fe2e,#8b5cf61f);box-shadow:0 0 0 1px #6ea8fe40,0 2px 12px #6ea8fe1f,inset 0 1px #ffffff0f}.modalTabBtn .tabIcon{font-size:15px;line-height:1}.modalTabBtn .tabBadge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:700;background:#ffffff0f;color:#ffffff80;transition:all .25s ease}.modalTabBtn.active .tabBadge{background:#6ea8fe40;color:#6ea8fe}[data-theme=light] .modalTabBar{background:#00000008;border-color:#0000000f}[data-theme=light] .modalTabBtn{color:#0000006b}[data-theme=light] .modalTabBtn:hover{color:#000000ad;background:#0000000a}[data-theme=light] .modalTabBtn.active{color:#1e293b;background:linear-gradient(135deg,#2563eb1a,#8b5cf60f);box-shadow:0 0 0 1px #2563eb2e,0 2px 10px #2563eb14,inset 0 1px #ffffff80}[data-theme=light] .modalTabBtn .tabBadge{background:#0000000f;color:#00000073}[data-theme=light] .modalTabBtn.active .tabBadge{background:#2563eb26;color:#2563eb}@media (max-width: 768px){.modalTabBtn{padding:8px 12px;font-size:12px}.modalTabBtn .tabIcon{font-size:13px}}.ctxMenuOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.ctxMenu{position:fixed;min-width:200px;padding:6px;background:#111c33eb;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 12px 40px #00000073,0 0 0 1px #ffffff0a;animation:ctxMenuIn .15s cubic-bezier(.2,0,0,1.2);z-index:10000}@keyframes ctxMenuIn{0%{opacity:0;transform:scale(.92) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ctxMenuItem{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border:none;border-radius:9px;background:transparent;color:#ffffffd1;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s ease}.ctxMenuItem:hover{background:#6ea8fe24;color:#fff}.ctxMenuDanger{color:#fca5a5}.ctxMenuDanger:hover{background:#ef444424;color:#fca5a5}.ctxMenuIcon{font-size:15px;line-height:1;width:20px;text-align:center;flex-shrink:0}.ctxMenuDivider{height:1px;margin:4px 8px;background:#ffffff14}[data-theme=light] .ctxMenu{background:#ffffffeb;border-color:#00000014;box-shadow:0 12px 40px #00000026,0 0 0 1px #0000000a}[data-theme=light] .ctxMenuItem{color:#334155}[data-theme=light] .ctxMenuItem:hover{background:#3b82f614;color:#1e293b}[data-theme=light] .ctxMenuDanger{color:#dc2626}[data-theme=light] .ctxMenuDanger:hover{background:#ef444414;color:#dc2626}[data-theme=light] .ctxMenuDivider{background:#0000000f}.fieldLabel{font-size:12px;color:var(--text-dim);margin-bottom:6px}.input,.select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-color);outline:none}select option{background-color:#fff;color:#333}select option:hover{background-color:#000;color:#fff}.input:focus,.select:focus{border-color:#6ea8fe73;box-shadow:0 0 0 3px #6ea8fe1f}.formGrid{display:grid;gap:12px}.formCols3{display:grid;grid-template-columns:1fr 180px 180px;gap:12px}.formActions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.alertError{color:var(--btn-danger-color);border:1px solid var(--danger-border);background:var(--danger);padding:10px 12px;border-radius:12px;margin-bottom:12px}@media (max-width: 980px){.formCols3{grid-template-columns:1fr}}@media (max-width: 768px){.formCols3{grid-template-columns:1fr;gap:10px}.formActions{flex-wrap:wrap}.formActions .btn,.formActions .btnPrimary{flex:1;min-width:120px;text-align:center}.input,.select{padding:12px;font-size:14px}}@media (max-width: 480px){.formActions{flex-direction:column}.formActions .btn,.formActions .btnPrimary{width:100%}.formGrid{gap:10px}}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px;z-index:9999;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modalPanel{width:min(var(--modal-width, 760px),100%);max-height:92vh;display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--border);background:var(--card-solid);box-shadow:var(--shadow);overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);transform-origin:center}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modalHeader{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border);background:var(--soft);flex-shrink:0}.modalTitle{font-size:18px;font-weight:950;display:flex;align-items:center;gap:8px}.modalTitle:before{content:"📦";font-size:20px}.modalSub{font-size:12px;opacity:.75}.modalClose{padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:var(--soft);color:var(--text);cursor:pointer;transition:all .2s ease;font-size:16px;line-height:1}.modalClose:hover{background:#ff506433;border-color:#ff50644d;transform:scale(1.05)}.modalBody{padding:16px;overflow-y:auto;flex:1}.modalActions{display:flex;justify-content:flex-end;gap:10px;padding:0 16px 16px}.modalForm{display:grid;gap:16px}.fieldLabel{font-size:12px;opacity:.8;margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.field{position:relative}.field input:focus+.fieldLabel,.field select:focus+.fieldLabel{color:#6ea0ff}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 768px){.row3{grid-template-columns:1fr}}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000002e;color:#fff;outline:none;transition:all .2s ease}.input:focus{border-color:#6ea0ff80;background:#6ea0ff0d;box-shadow:0 0 0 3px #6ea0ff1a}.errorBox{margin:14px 16px 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,80,100,.35);background:#ff50641f;color:#ffd6dc;animation:errorShake .5s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.btn:hover{background:#ffffff1f;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btnPrimary{padding:10px 14px;border-radius:12px;border:1px solid rgba(110,160,255,.35);background:linear-gradient(135deg,#6ea0ff38,#508cff4d);color:#fff;cursor:pointer;transition:all .2s ease;font-weight:600;position:relative;overflow:hidden}.btnPrimary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btnPrimary:hover:before{left:100%}.btnPrimary:hover{background:linear-gradient(135deg,#6ea0ff4d,#508cff66);transform:translateY(-2px);box-shadow:0 6px 20px #6ea0ff4d}.btnSecondary{padding:10px 14px;border-radius:12px;border:1px solid rgba(110,160,255,.35);background:#6ea0ff38;color:#fff;cursor:pointer}.btn:disabled,.btnPrimary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.modalPanel{width:min(var(--modal-width, 760px),95%)}}@media (max-width: 768px){.modalOverlay{padding:8px;align-items:flex-end}.modalPanel{width:100%;max-height:92vh;border-radius:18px 18px 0 0;animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modalBody{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px}.modalActions{padding:12px 14px 16px;flex-wrap:wrap}.modalActions .btn,.modalActions .btnPrimary{flex:1;min-width:120px;text-align:center;justify-content:center}.row3{grid-template-columns:1fr}.modalTitle{font-size:16px}.modalClose{padding:10px 12px}}