: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}input:focus,textarea:focus,select:focus{border-color:#2374ab;box-shadow:0 0 0 3px #2374ab24}textarea{resize:vertical;min-height:105px}.shell{width:min(1480px,100vw - 32px);margin:0 auto;padding:24px 0 40px}.appFrame{grid-template-columns:232px minmax(0,1fr);min-height:100vh;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;display:flex}.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}.navButton{width:100%;height:42px}.navButton.active{color:#155f91;background:#e8f3fa;border-color:#c6dfef}.appFrame.collapsed .sideBrand strong,.appFrame.collapsed .navButton span{display:none}.appFrame.collapsed .navButton,.appFrame.collapsed .collapseButton,.appFrame.collapsed .sideBrand{justify-content:center}.content{min-width:0;padding:20px}.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;box-shadow:0 18px 50px #18202a1f}.loginBrand{gap:6px;display:grid}.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}.toast{z-index:50;color:#fff;background:#18202a;border-radius:8px;padding:11px 16px;animation:.18s ease-out toastIn;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #18202a38}.toast.ok{background:#0b6848}.toast.error{background:#9a231f}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.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}.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))}.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}.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}.bulkActions,.rangeFilter{align-items:center;gap:8px;display:flex}.rangeFilter select{width:128px}.rangeFilter input{width:190px}.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{padding-bottom:2px}.settingsToolbar .panelHead{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;padding-top:12px;font-size:13px;display:flex}.pager select{width:96px}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}.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}.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%;height:300px;overflow:visible}.chartWrap .gridLine{stroke:#dbe3ec;stroke-width:1px}.chartWrap .axis{stroke:#b8c4d0;stroke-width:1.2px}.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}.chartWrap .yTick{fill:#8795a6;font-size:11px}.chartWrap .hoverGuide{stroke:#8294a8;stroke-width:1px;stroke-dasharray:4 4;opacity:.55}.chartHitArea{fill:#0000;cursor:crosshair}.chartTooltip{z-index:5;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;position:absolute;transform:translate(-50%,-100%);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}.timeline{gap:10px;max-height:390px;display:grid;overflow:auto}.timelineItem{border-left:3px solid #2374ab;padding:2px 0 2px 10px}.timelineItem strong,.timelineItem span,.timelineItem p{display:block}.modalBackdrop{z-index:40;background:#18202a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.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}.smallModal{width:min(520px,100%)}.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}.modelList{gap:8px;max-height:min(560px,100vh - 240px);padding-right:4px;display:grid;overflow:hidden auto}.modelList.compact{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.modelItem{text-align:left;align-items:flex-start;gap:4px;min-height:58px;padding:10px;display:grid;overflow:hidden}.modelItem strong{word-break:break-word;font-size:12px;line-height:1.35}.modelItem span,.emptyState{color:#667789;font-size:13px}.emptyState{grid-column:1/-1;place-items:center;gap:8px;min-height:120px;display:grid}.timelineItem span{color:#667789;margin-top:3px;font-size:12px}.timelineItem p{color:#3b4652;word-break:break-word;margin-top:5px;font-size:13px}@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{grid-template-columns:1fr;display:grid}.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,.modelList.compact{grid-template-columns:1fr}}