:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18202a;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(120deg,#eefaf8 0%,#f7f9fb 38%,#f3f7fb 100%);margin:0}button,input,textarea,select{font:inherit}button{color:#18202a;cursor:pointer;background:#fff;border:1px solid #c8d1dc;border-radius:6px;align-items:center;gap:7px;min-height:36px;padding:0 12px;display:inline-flex}button:hover{background:#eef3f7}button:disabled{opacity:.55;cursor:not-allowed}input,textarea,select{color:#18202a;background:#fff;border:1px solid #c8d1dc;border-radius:6px;outline:none;width:100%;padding:9px 10px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23526477' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px;transition:background-color .16s,border-color .16s}select:hover:not(:focus){background-color:#eef3f7;border-color:#aebdca}input:focus,textarea:focus,select:focus{border-color:#2374ab;box-shadow:0 0 0 3px #2374ab24}textarea{resize:vertical;min-height:105px}.appFrame{grid-template-columns:232px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .26s cubic-bezier(.22,1,.36,1);display:grid}.appFrame.collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border-right:1px solid #d8e0e8;grid-template-rows:auto 1fr auto;gap:16px;height:100vh;padding:16px 12px;display:grid;position:sticky;top:0}.sideBrand{align-items:center;gap:10px;height:42px;padding:0 10px;transition:gap .22s,padding .26s cubic-bezier(.22,1,.36,1);display:flex}.sideBrand strong,.navButton span,.collapseButton span{white-space:nowrap;opacity:1;min-width:0;max-width:140px;transition:max-width .22s,opacity .14s,transform .22s;display:block;overflow:hidden;transform:translate(0)}.navButton svg{color:#2374ab}.brandLogo{object-fit:contain;flex:none;width:28px;height:28px}.brandLogo.large{width:42px;height:42px}.sidebar nav{align-content:start;gap:8px;display:grid}.navButton,.collapseButton{background:0 0;border-color:#0000;justify-content:flex-start;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-weight:400}.navButton{color:#526477;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;width:100%;height:42px;padding:0 12px;text-decoration:none;transition:background .16s,border-color .16s,color .16s,gap .22s,padding .26s cubic-bezier(.22,1,.36,1);display:flex}.navButton:hover{color:#155f91;background:#f1f6fa}.navButton.active{color:#155f91;background:#e8f3fa;border-color:#c6dfef}.appFrame.collapsed .sideBrand strong,.appFrame.collapsed .navButton span,.appFrame.collapsed .collapseButton span{opacity:0;pointer-events:none;max-width:0;transform:translate(-6px)}.appFrame.collapsed .navButton{gap:0;padding:0 17px}.appFrame.collapsed .sideBrand{gap:0;padding:0 12px}.appFrame.collapsed .collapseButton{justify-content:center}.sidebarFooter{gap:10px;display:grid}.themeControl{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.themeControl button{color:#667789;background:0 0;border-color:#0000;justify-content:center;min-width:0;min-height:32px;padding:0 8px;font-size:12px}.themeControl button:hover,.themeControl button.active{color:#155f91;background:#e8f3fa}.appFrame.collapsed .themeControl{grid-template-columns:1fr}.appFrame.collapsed .themeControl button{width:100%;padding:0}.content{min-width:0;padding:20px}.listContent{flex-direction:column;height:100vh;display:flex;overflow:hidden}.routeContent{min-width:0}.pageTransition{min-width:0;animation:.22s cubic-bezier(.22,1,.36,1) pageEnter}.listPageTransition,.listRouteContent{flex:1;min-height:0;display:flex}.loginShell{place-items:center;min-height:100vh;padding:24px;display:grid}.loginPanel{background:#fff;border:1px solid #d8e0e8;border-radius:8px;gap:16px;width:min(420px,100%);padding:24px;display:grid;position:relative;box-shadow:0 18px 50px #18202a1f}.loginThemeControl{width:104px}.loginBrand{gap:6px;display:grid}.loginBrandTop,.loginBrandTitle{align-items:center;display:flex}.loginBrandTop{justify-content:space-between;gap:12px}.loginBrandTitle{gap:10px;min-width:0}.loginBrand p{color:#667789}.loginPanel label span{color:#667789;margin-bottom:5px;font-size:13px;display:block}.checkLine{align-items:center;gap:8px;display:flex}.checkLine input{width:16px}.checkLine span{margin:0}.primaryButton{color:#fff;background:#2374ab;border-color:#2374ab;justify-content:center}.primaryButton:hover{background:#1d6596}.toaster{--width:min(380px, calc(100vw - 32px))}[data-sonner-toaster][data-y-position=top]{top:18px}[data-sonner-toast]{box-shadow:0 14px 34px #18202a24}[data-sonner-toast] [data-close-button]{color:#617184;border-color:#d8e0e8;transition:background .16s,color .16s,border-color .16s}[data-sonner-toast] [data-close-button]:hover{color:#18202a;background:#f1f5f8;border-color:#bdc9d5}.globalLoadingBar{z-index:100;background:linear-gradient(90deg,#2374ab,#20b486,#2374ab) 0 0/200% 100%;height:2px;animation:1s linear infinite loadingBar;position:fixed;top:0;left:0;right:0}@keyframes loadingBar{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:28px;line-height:1.1}h2{align-items:center;gap:8px;font-size:17px;line-height:1.2;display:flex}.topbar p{color:#667789;margin-top:5px}.topActions{gap:8px;display:flex}.dashboardRangeToolbar{justify-content:flex-start;margin-bottom:14px;display:flex}.dashboardRangeToolbar .rangePopover{left:0;right:auto}.dashboardChartGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.dashboardChartGrid .panel{margin-bottom:0}.metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.accountStatusMetrics{margin-bottom:20px}.metric,.panel{background:#fff;border:1px solid #d8e0e8;border-radius:8px;box-shadow:0 1px 2px #18202a0a}.metric{grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:4px 10px;min-height:92px;padding:14px;display:grid}.metric em{color:#667789;white-space:normal;grid-column:1/3;font-size:12px;font-style:normal}.metric svg{color:#2374ab}.metric span{color:#667789;font-size:13px}.metric strong{grid-column:1/3;font-size:26px;line-height:1.1}.grid{gap:14px;margin-bottom:14px;display:grid}.grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{margin-bottom:14px;padding:14px}.panelHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.listPage{flex-direction:column;flex:1;gap:0;width:100%;min-height:0;display:flex}.listPageHeader{flex:none}.listPanel{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex}.listTableWrap{flex:1;min-height:0;overflow:auto}.listTableWrap thead th{z-index:1;position:sticky;top:0}.dataRevealRow>td{animation:.26s cubic-bezier(.22,1,.36,1) both tableRowEnter;animation-delay:var(--reveal-delay,0s);transition:background-color .16s,border-color .16s}.dataRevealRow:hover>td{background:#eaf2f8;border-bottom-color:#c9dce9}.listPanel .apiKeyEmptyState,.listPanel>.emptyState{flex:1}.apiKeyPanel{grid-template-columns:minmax(0,1fr) minmax(420px,620px);align-items:center;gap:16px;display:grid}.apiKeyPanel p{color:#667789;margin-top:5px}code{background:#eef3f7;border:1px solid #d8e0e8;border-radius:4px;padding:1px 5px}.apiKeyBox{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.keyToolbar{justify-content:flex-start}.keySearch{position:relative}.keySearch svg{z-index:1;color:#7a8b9d;pointer-events:none;transition:opacity .15s;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.keySearch .searchInput{padding-left:34px}.apiKeyCell,.keyActions{align-items:center;gap:6px;display:flex}.keyActions button{min-height:30px;padding:0 8px}.tableSort{min-height:0;color:inherit;font:inherit;background:0 0;border:0;padding:0}.tableSort:hover{color:#155f91;background:0 0}.keyStatus{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.keyStatus.active{color:#16764a;background:#e5f6ec}.keyStatus.disabled{color:#b42318;background:#fee4e2}.keyStatus.expired{color:#8c5e11;background:#fff3d9}.fieldLabel{gap:5px;display:grid}.fieldLabel span{color:#667789;font-size:13px}.keyModal{gap:16px}.switchLine{justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.switchLine strong{display:block}.switchLine p,.expiryControls p{color:#667789;margin-top:4px;font-size:13px}.toggleSwitch{background:#b6c2cf;border:0;border-radius:999px;width:40px;min-height:22px;padding:0;position:relative}.toggleSwitch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px}.toggleSwitch.on{background:#139c94}.toggleSwitch.on span{transform:translate(18px)}.expiryControls{border-top:1px solid #e6ebf0;border-bottom:1px solid #e6ebf0}.expiryOptions{gap:12px;padding:0 0 12px;display:grid}.presetButtons{flex-wrap:wrap;gap:8px;display:flex}.presetButtons button{background:#f1f4f8;border-color:#0000;min-height:32px}.presetButtons button.selected{color:#087c75;background:#d8f7f2}.deleteKeyModal{gap:14px}.deleteKeyModal p{color:#667789;margin-top:6px;line-height:1.6}.deleteKeyIcon{color:#b42318;background:#fee4e2;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.dangerPrimary{color:#fff;background:#b42318;border-color:#b42318}.dangerPrimary:hover{background:#8f1d14}.bulkActions{align-items:center;gap:8px;display:flex}.accountFilters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.accountFilters .searchInput{width:220px}.accountFilters .selectMenu{width:120px}.flexSpacer{flex:1;min-width:8px}.rangeFilter{position:relative}.rangeTrigger{color:#405266;background:#fff;min-height:34px}.rangeTrigger svg:last-child,.selectTrigger svg{transition:transform .18s}.rangeFilter.open .rangeTrigger svg:last-child,.selectMenu.open .selectTrigger svg{transform:rotate(180deg)}.rangePopover{z-index:100;transform-origin:0 0;background:#fff;border:1px solid #dbe3eb;border-radius:8px;width:min(330px,100vw - 40px);animation:.18s cubic-bezier(.22,1,.36,1) both dropdownEnter;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 36px #18202a29}.accountFilters .rangePopover{left:0;right:auto}.selectMenu{width:100%;position:relative}.selectTrigger{color:#18202a;background:#fff;justify-content:space-between;width:100%;min-height:36px}.selectTrigger:hover{background:#eef3f7;border-color:#aebdca}.selectPopover{z-index:100;transform-origin:0 0;background:#fff;border:1px solid #dbe3eb;border-radius:8px;min-width:100%;padding:4px;animation:.18s cubic-bezier(.22,1,.36,1) both dropdownEnter;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 16px 36px #18202a29}.selectPopover button{color:#526477;background:0 0;border-color:#0000;justify-content:flex-start;width:100%;min-height:32px}.selectPopover button:hover,.selectPopover button.selected{color:#155f91;background:#e8f3fa}.rangeOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding:12px;display:grid}.rangeOptions button{color:#526477;background:0 0;border-color:#0000;justify-content:center;min-height:32px}.rangeOptions button:hover,.rangeOptions button.selected{color:#087c75;background:#d8f7f2}.rangeDates{border-top:1px solid #edf1f5;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;padding:12px;display:grid}.rangeDates label{gap:5px;min-width:0;display:grid}.rangeDates label span{color:#667789;font-size:12px}.rangeDates input{min-width:0;padding:8px;font-size:12px}.rangeDates svg{color:#8a99a8;margin-bottom:9px}.rangeApply{justify-content:flex-end;padding:0 12px 12px;display:flex}.rangeApply button{color:#fff;background:#0fafa5;border-color:#0f9c94}.rangeApply button:hover{background:#0c968d}.bulkActions span{color:#667789;font-size:13px}.dangerButton{color:#9a231f}.formGrid{grid-template-columns:2fr 2fr 110px;gap:10px;display:grid}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settingsToolbar{align-items:center;min-height:68px;padding:14px;display:flex}.settingsToolbar .panelHead{width:100%;margin-bottom:0}.settingsSection .panelHead{margin-bottom:10px}.settingsGrid label span{color:#667789;margin-bottom:4px;font-size:12px;display:block}.settingField{gap:4px;display:grid}.settingField small{color:#667789;line-height:1.4}.modelInput{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.tableWrap{overflow-x:auto}.pager{color:#667789;justify-content:flex-end;align-items:center;gap:8px;font-size:13px;display:flex}.pager .pageSizeSelect{flex:0 0 116px;width:116px}.pager .selectPopover{transform-origin:100% 0;left:auto;right:0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e6ebf0;padding:10px 9px}.rowCheck{width:16px;height:16px;padding:0}th{color:#667789;background:#f8fafb;font-weight:600}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tableRowEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.pageTransition,.dataRevealRow>td,.rangePopover,.selectPopover{transition:none;animation:none}.rangeTrigger svg:last-child,.selectTrigger svg{transition:none}}.tinyButton{justify-content:center;width:28px;min-height:26px;padding:0}.detailRow td{background:#fbfcfd;padding:10px 12px 12px}.retryDetails{gap:8px;display:grid}.retryItem{background:#fff;border:1px solid #dce4ec;border-radius:6px;grid-template-columns:44px 130px 92px 76px minmax(200px,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.retryItem span,.retryItem em,.retryItem small{color:#667789;font-style:normal}.retryItem small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attemptElapsed{text-align:right}.concurrencyCell{min-width:90px}.concurrencyLabel{color:#667789;align-items:center;gap:8px;font-size:12px;display:flex}.progressBar{background:#e2e8f0;border-radius:4px;flex:1;min-width:48px;height:8px;overflow:hidden}.progressFill{background:linear-gradient(90deg,#38bdf8,#0ea5e9);border-radius:4px;height:100%;transition:width .2s}.progressFill.warning{background:linear-gradient(90deg,#fb923c,#f97316)}.progressFill.danger{background:linear-gradient(90deg,#f87171,#ef4444)}.badge{background:#f6f8fa;border:1px solid #ccd5de;border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:0 8px;font-size:12px;display:inline-flex}.badge i{width:14px;height:14px;color:inherit;background:#18202a14;border-radius:999px;place-items:center;font-size:10px;font-style:normal;display:inline-grid}.badge.active{color:#0b6848;background:#e4f7ef;border-color:#a7dfc9}.badge.rate_limited{color:#8a4b00;background:#fff0d9;border-color:#efc27b}.badge.error{color:#9a231f;background:#ffe9e6;border-color:#efa49d}.badge.unknown{color:#235da2;background:#e6f0ff;border-color:#a8c5ef}.iconDanger{color:#9a231f;padding:0 9px}.actions{gap:6px;display:flex}.actions button{min-height:30px;padding:0 8px}.chartWrap{gap:12px;min-height:320px;display:grid;position:relative}.modelUsageChart{grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);align-items:center;gap:12px;min-height:320px;display:grid;position:relative}.modelPieCanvas{min-width:0;height:255px}.modelUsageList{align-content:start;gap:10px;max-height:282px;padding-right:4px;display:grid;overflow-y:auto}.modelUsageItem{border-bottom:1px solid #eef2f5;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px 0;display:grid}.modelUsageItem>i{border-radius:50%;width:8px;height:8px;margin-top:5px}.modelUsageItem div{gap:3px;min-width:0;display:grid}.modelUsageItem strong{text-overflow:ellipsis;white-space:nowrap;color:#25364a;font-size:13px;overflow:hidden}.modelUsageItem span,.modelUsageItem small{color:#667789;font-size:12px;line-height:1.35}.modelUsageItem small{white-space:nowrap}.chartLegend{color:#667789;justify-content:flex-end;align-items:center;gap:16px;font-size:13px;display:flex}.chartLegend span{align-items:center;gap:6px;display:inline-flex}.chartLegend i{border-radius:999px;width:10px;height:10px}.chartWrap svg{width:100%;overflow:visible}.rechartsCanvas{width:100%;min-width:0;height:300px}.chartWrap path{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chartWrap circle{fill:#fff;stroke-width:2px;transition:r .16s}.chartWrap text{color:#667789;fill:#667789;font-size:12px}.chartTooltip{color:#25364a;pointer-events:none;background:#fffffff5;border:1px solid #d8e1ec;border-radius:8px;gap:6px;min-width:174px;padding:10px 12px;font-size:12px;display:grid;box-shadow:0 12px 28px #12263f24}.chartTooltip strong{font-size:13px}.chartTooltip span{white-space:nowrap;align-items:center;gap:7px;display:flex}.chartTooltip i{border-radius:999px;width:8px;height:8px}.emptyChart{text-align:center;color:#8795a6;pointer-events:none;font-size:13px;position:absolute;inset:88px 0 auto}@media (prefers-reduced-motion:reduce){.appFrame,.sideBrand,.sideBrand strong,.navButton,.navButton span,[data-sonner-toast],.chartWrap circle{transition:none}}.modalBackdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c141d9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.animatedModal{opacity:0;pointer-events:none;transition:opacity .22s}.animatedModal.isOpen{opacity:1;pointer-events:auto}.modal{background:#fff;border:1px solid #d8e0e8;border-radius:8px;gap:12px;width:min(860px,100%);max-height:min(760px,100vh - 48px);padding:16px;display:grid;box-shadow:0 24px 70px #18202a3d}.animatedModal .modal{opacity:0;transition:opacity .2s,transform .22s cubic-bezier(.22,1,.36,1);transform:translateY(12px)scale(.97)}.animatedModal.isOpen .modal{opacity:1;transform:translateY(0)scale(1)}.smallModal{width:min(520px,100%)}.modelPickerModal{width:min(760px,100%);overflow:hidden}.modelPickerModal .modelList{max-height:min(480px,100vh - 340px)}.modalHead{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modalHead p{color:#667789;word-break:break-all;margin-top:5px}.modalActions{justify-content:flex-end;gap:8px;display:flex}.accountImportInput{resize:vertical;min-height:220px}.modelList{gap:8px;max-height:min(560px,100vh - 240px);padding-right:4px;display:grid;overflow:hidden auto}.modelList.compact{display:block}.modelProviderGroup+.modelProviderGroup{margin-top:16px}.modelProviderHead{color:#405266;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.modelProviderHead span{color:#8a99a8;font-size:12px}.modelProviderModels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.modelItem{text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;min-height:58px;padding:10px;display:grid;overflow:hidden}.modelItem:hover,.modelItem.selected{background:#eef7fc;border-color:#b9d8ea}.modelItem input{width:16px;height:16px;margin:0 4px 0 0}.modelItemContent{align-content:center;gap:4px;min-width:0;display:grid}.modelItem strong{word-break:break-word;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:14px;font-weight:400;line-height:1.35}.modelItemContent>span,.emptyState{color:#667789;font-size:13px}.modelSelection{color:#405266;min-height:20px;font-size:13px;line-height:20px}.modelPickerActions{justify-content:flex-start}.modelPickerActions>button:first-of-type{margin-left:auto}.apiKeyEmptyState{text-align:center;place-content:center;justify-items:center;gap:10px;min-height:330px;display:grid}.apiKeyEmptyIcon{color:#c1cad5;background:#f3f5f8;border-radius:18px;place-items:center;width:80px;height:80px;margin-bottom:4px;display:grid}.apiKeyEmptyState h3{font-size:18px;font-weight:600}.apiKeyEmptyState p{color:#718096}.apiKeyEmptyState button{color:#fff;background:#0fafa5;border-color:#0f9c94;margin-top:10px;box-shadow:0 6px 14px #0fafa53d}.apiKeyEmptyState button:hover{background:#0c968d}.emptyState{grid-column:1/-1;place-items:center;gap:8px;min-height:120px;display:grid}@media (width<=980px){.appFrame,.appFrame.collapsed{grid-template-columns:1fr}.sidebar{grid-template-rows:auto;grid-template-columns:auto 1fr auto;height:auto;position:static}.sidebar nav{grid-auto-flow:column;overflow-x:auto}.collapseButton,.sideBrand strong{display:none}.topbar,.grid.two,.dashboardChartGrid{grid-template-columns:1fr;display:grid}.listContent{height:auto;display:block;overflow:visible}.listRouteContent,.listPage,.listPanel{display:block}.listTableWrap{overflow:auto visible}.apiKeyPanel{grid-template-columns:1fr}.metrics,.metrics.four,.metrics.three{grid-template-columns:repeat(2,minmax(0,1fr))}.rangeFilter{flex-wrap:wrap}.formGrid,.settingsGrid,.apiKeyBox,.modelInput,.modelProviderModels{grid-template-columns:1fr}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7edf5;background:#10161f}:root[data-theme=dark] body{background:linear-gradient(120deg,#0d1820 0%,#111822 42%,#111722 100%)}:root[data-theme=dark] .sidebar{background:#121b26e6;border-color:#2a394a}:root[data-theme=dark] .navButton,:root[data-theme=dark] .collapseButton,:root[data-theme=dark] .themeControl button{color:#aebdcb}:root[data-theme=dark] .navButton:hover,:root[data-theme=dark] .navButton.active,:root[data-theme=dark] .themeControl button:hover,:root[data-theme=dark] .themeControl button.active{color:#8fd1f3;background:#1b3548;border-color:#31536a}:root[data-theme=dark] .panel,:root[data-theme=dark] .metric,:root[data-theme=dark] .loginPanel,:root[data-theme=dark] .modal,:root[data-theme=dark] .rangePopover,:root[data-theme=dark] .selectPopover,:root[data-theme=dark] .chartTooltip,:root[data-theme=dark] .apiKeyEmptyState{color:#e7edf5;background:#182330;border-color:#2b3d4e}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select,:root[data-theme=dark] button,:root[data-theme=dark] .selectTrigger,:root[data-theme=dark] .rangeTrigger{color:#e7edf5;background-color:#1a2735;border-color:#34495d}:root[data-theme=dark] button:hover,:root[data-theme=dark] .selectTrigger:hover,:root[data-theme=dark] .rangeTrigger:hover{background-color:#223447;border-color:#4b6981}:root[data-theme=dark] .metric span,:root[data-theme=dark] .metric em,:root[data-theme=dark] .panelHead p,:root[data-theme=dark] .settingField small,:root[data-theme=dark] .settingsGrid label span,:root[data-theme=dark] .modalHead p,:root[data-theme=dark] .emptyState,:root[data-theme=dark] .apiKeyEmptyState p,:root[data-theme=dark] .modelProviderHead span,:root[data-theme=dark] .modelItemContent>span{color:#aab9c7}:root[data-theme=dark] th{color:#aebdcb;background:#1d2b39}:root[data-theme=dark] th,:root[data-theme=dark] td,:root[data-theme=dark] .dataRevealRow:hover>td{border-color:#2b3d4e}:root[data-theme=dark] .dataRevealRow:hover>td{background:#203446}:root[data-theme=dark] .detailRow td,:root[data-theme=dark] code{color:#d7e5f0;background:#223141;border-color:#34495d}:root[data-theme=dark] .selectPopover button,:root[data-theme=dark] .rangeOptions button{color:#b4c4d2;background:0 0}:root[data-theme=dark] .selectPopover button:hover,:root[data-theme=dark] .selectPopover button.selected,:root[data-theme=dark] .rangeOptions button:hover,:root[data-theme=dark] .rangeOptions button.selected{color:#93dfd7;background:#1b4152}:root[data-theme=dark] .modelItem:hover,:root[data-theme=dark] .modelItem.selected{background:#1d4052;border-color:#3d6c83}:root[data-theme=dark] .chartWrap text,:root[data-theme=dark] .chartLegend span,:root[data-theme=dark] .chartTooltip span,:root[data-theme=dark] .chartTooltip strong{fill:#c8d6e3;color:#dce7f0}