:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--outer);font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0;color-scheme:light;--outer: #e9edf4;--ink: #14233d;--muted: #667287;--line: #dce3ed;--surface: #ffffff;--canvas: #f6f8fb;--control: #e9eef5;--hover: #e7ecf4;--input: #ffffff;--topbar: rgba(246, 248, 251, .96);--nav: rgba(255, 255, 255, .97);--green: #1b3f72;--green-soft: #e7eef8;--red: #c64040;--red-soft: #fbecec;--red-line: #f0cccc;--amber: #ad7417;--amber-soft: #fff5df;--amber-line: #efdcae;--amber-muted: #806d47;--amber-strong: #79520f;--summary: #142b4d;--summary-line: #304769;--summary-muted: #afbdd1;--summary-accent: #9ac4fb;--summary-accent-soft: rgba(116, 167, 232, .16);--chart-grid: #304769;--chart-line: #83b5f4;--chart-point: #c2dcff;--chart-label: #91a3be;--brand: #17365f;--brand-text: #ffffff;--button-text: #ffffff;--rank: #edf1f7;--track: #e8edf4;--quiet-icon: #59677b;--shadow: rgba(24, 43, 72, .1);--focus-ring: rgba(27, 63, 114, .14);--health-bg: #e9f0fa;--health-line: #cedbeb;--health-muted: #5d7190;--health-strong: #173b69;--online: #24825c;--online-soft: #e6f3ed;--online-line: #bfddce;--toast: #172944;--overlay: rgba(15, 24, 38, .72)}:root[data-theme=dark]{color-scheme:dark;--outer: #090c12;--ink: #eef3fb;--muted: #9aa7ba;--line: #2b3442;--surface: #171c24;--canvas: #10141b;--control: #202630;--hover: #252d39;--input: #131923;--topbar: rgba(16, 20, 27, .96);--nav: rgba(20, 25, 34, .97);--green: #8bb7f0;--green-soft: #1c2c45;--red: #ff8f94;--red-soft: #3b2026;--red-line: #67323b;--amber: #e6b65b;--amber-soft: #352a19;--amber-line: #5a4523;--amber-muted: #c9aa6e;--amber-strong: #f0c56d;--summary: #1a2639;--summary-line: #34445c;--summary-muted: #a8b6ca;--summary-accent: #a8ceff;--summary-accent-soft: rgba(118, 170, 238, .16);--chart-grid: #34445c;--chart-line: #8ebdf7;--chart-point: #c5dfff;--chart-label: #8d9cb1;--brand: #274b7d;--brand-text: #ffffff;--button-text: #0d192a;--rank: #242c38;--track: #252d38;--quiet-icon: #a4afbf;--shadow: rgba(0, 0, 0, .38);--focus-ring: rgba(139, 183, 240, .2);--health-bg: #1b2a40;--health-line: #2d4464;--health-muted: #a0b3ce;--health-strong: #b8d4f7;--online: #72d1a4;--online-soft: #17342a;--online-line: #285c47;--toast: #24344e;--overlay: rgba(5, 8, 13, .78)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}html{background:var(--outer);overscroll-behavior:none}body{margin:0;min-width:320px;color:var(--ink);background:var(--outer);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit;letter-spacing:0}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.62}.app-frame{height:100%;min-height:0;width:min(100%,520px);margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas);box-shadow:0 0 40px var(--shadow);position:relative}.login-screen{min-height:100%;flex:1 1 auto;padding:calc(28px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;background:var(--canvas)}.login-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:750;color:var(--ink)}.login-brand-identity{display:flex;align-items:center;gap:9px}.login-copy{margin-top:clamp(74px,18vh,145px)}.login-copy>span{color:var(--green);font-size:12px;font-weight:700}.login-copy h1{margin:7px 0 0;font-size:29px;line-height:1.2}.login-copy p{margin:7px 0 0;color:var(--muted);font-size:13px}.login-form{margin-top:34px;display:grid;gap:16px}.login-form label>span{display:block;margin-bottom:7px;color:var(--ink);font-size:12px;font-weight:650}.login-form input{width:100%;height:48px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--input);padding:0 13px;outline:0;font-size:16px}.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--focus-ring)}.login-button{margin-top:2px}.form-error{margin:-4px 0 0;padding:10px 11px;border:1px solid var(--red-line);border-radius:7px;background:var(--red-soft);color:var(--red);display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.4}.form-error svg{flex:0 0 auto;margin-top:1px}.login-foot{margin:auto 0 0;text-align:center;color:var(--muted);font-size:10px}.topbar{min-height:94px;padding:calc(8px + env(safe-area-inset-top)) 18px 8px;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;background:var(--topbar);border-bottom:1px solid var(--line);position:relative;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-row{display:flex;align-items:center;gap:7px;height:24px}.brand-mark{width:24px;height:24px;display:grid;place-items:center;color:var(--brand-text);background:var(--brand);font-size:10px;font-weight:800;border-radius:5px}.brand-mark.monitor-logo{padding:0;overflow:hidden;background:#0b0d11}.brand-mark.monitor-logo img{width:100%;height:100%;display:block;object-fit:cover}.brand-name{font-size:12px;font-weight:750;color:var(--ink)}.availability-value i,.status-label i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.topbar h1{font-size:24px;line-height:1.15;margin:7px 0 0;font-weight:760}.top-actions{display:flex;gap:8px}.icon-button{width:40px;height:40px;border:0;background:transparent;display:grid;place-items:center;border-radius:7px;cursor:pointer;position:relative}.icon-button:hover{background:var(--hover)}.icon-button.has-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:#d84b4b;position:absolute;top:9px;right:9px;border:1px solid var(--canvas)}.icon-button.bordered{border:1px solid var(--line);background:var(--surface);flex:0 0 auto}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}main{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.page{padding:16px 16px 26px}.data-error{margin:12px 16px 0;padding:10px 11px;display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;border:1px solid var(--red-line);border-radius:7px;background:var(--red-soft);color:var(--red);font-size:11px}.data-error button{border:0;color:var(--red);background:transparent;font-size:11px;font-weight:700;cursor:pointer}.loading-overlay{position:fixed;z-index:45;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#f2f6fc;background:var(--overlay);font-size:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.range-control,.filter-control,.api-segments{display:grid;background:var(--control);padding:3px;border-radius:7px;gap:3px}.range-control{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.filter-control{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.api-segments{grid-template-columns:repeat(3,1fr);margin-bottom:15px}.range-control button,.filter-control button,.api-segments button{min-height:35px;border:0;border-radius:5px;color:var(--muted);background:transparent;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap}.range-control button.active,.filter-control button.active,.api-segments button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px var(--shadow)}.summary-panel{background:var(--summary);color:#fff;border-radius:8px;padding:18px;overflow:hidden}.summary-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.summary-heading span,.summary-metrics span{color:var(--summary-muted);font-size:12px}.summary-heading strong{display:block;font-size:32px;line-height:1.15;margin-top:4px;font-weight:730}.summary-heading .trend-up{color:var(--summary-accent);background:var(--summary-accent-soft);padding:5px 7px;border-radius:5px;white-space:nowrap}.summary-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:18px -18px 0;padding:13px 18px 0;border-top:1px solid var(--summary-line)}.summary-metrics div{border-right:1px solid var(--summary-line);padding-left:11px}.summary-metrics div:first-child{padding-left:0}.summary-metrics div:last-child{border-right:0}.summary-metrics b{display:block;font-size:15px;margin-top:3px}.trend-chart{height:92px;margin-top:10px}.trend-chart svg{width:100%;height:73px;overflow:visible}.trend-chart line{stroke:var(--chart-grid);stroke-width:1}.trend-chart polyline{fill:none;stroke:var(--chart-line);stroke-width:2.5;vector-effect:non-scaling-stroke}.trend-chart circle{fill:var(--chart-point)}.trend-chart>div{display:flex;justify-content:space-between;color:var(--chart-label);font-size:10px}.api-service-panel{margin-top:10px;padding:12px 13px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.api-service-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.api-service-head>span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.api-service-head>span svg{color:var(--green)}.api-service-head>b{display:inline-flex;align-items:center;gap:5px;color:var(--online);font-size:10px}.api-service-head>b[data-status=warning]{color:var(--amber)}.api-service-head>b i{width:6px;height:6px;border-radius:50%;background:currentColor}.api-service-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}.api-service-metrics>div{min-width:0;padding:0 8px;border-right:1px solid var(--line)}.api-service-metrics>div:first-child{padding-left:0}.api-service-metrics>div:last-child{padding-right:0;border-right:0}.api-service-metrics span{display:block;color:var(--muted);font-size:9px;white-space:nowrap}.api-service-metrics strong{display:block;margin-top:3px;font-size:12px;overflow-wrap:anywhere}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:24px 1px 11px}.section-heading.compact-heading{margin-top:25px}.section-heading h2{font-size:17px;line-height:1.25;margin:0}.section-heading p{color:var(--muted);font-size:11px;margin:3px 0 0}.text-action{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:650;padding:6px 0 2px 6px;display:inline-flex;align-items:center;gap:2px;cursor:pointer;white-space:nowrap}.account-stack,.api-key-list,.detailed-account-list,.model-list{display:grid;gap:9px}.account-card,.api-key-list article,.detailed-account-list>article,.model-list article{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px}.account-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.account-identity{display:flex;align-items:center;min-width:0;gap:10px}.account-identity>div,.key-title{min-width:0}.account-identity h3,.key-title h3,.model-row h3,.request-list h3,.alert-list h3{margin:0;font-size:14px;line-height:1.3;overflow-wrap:anywhere}.account-identity p,.key-title p,.model-row p,.request-list p,.alert-list p{margin:3px 0 0;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.platform-logo{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:7px;font-size:13px;font-weight:800;color:var(--brand-text);background:var(--brand)}.platform-logo[data-platform=Anthropic]{background:#a65b39}.platform-logo[data-platform=Gemini]{background:#386bb5}.status-label{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:11px;font-weight:650;white-space:nowrap}.status-label[data-status=warning]{color:var(--amber)}.status-label[data-status=error]{color:var(--red)}.account-usage-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:14px}.account-cost span{display:block;color:var(--muted);font-size:10px}.account-cost strong{font-size:22px;line-height:1.15}.account-cost strong[data-usage-level=normal],.account-detail-metrics strong[data-usage-level=normal]{color:var(--green)}.account-cost strong[data-usage-level=warning],.account-detail-metrics strong[data-usage-level=warning]{color:var(--amber)}.account-cost strong[data-usage-level=error],.account-detail-metrics strong[data-usage-level=error]{color:var(--red)}.quota-reset{max-width:58%;display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--muted);font-size:11px;text-align:right}.quota-reset svg{flex:0 0 auto}.account-quota-line{margin-top:12px}.key-ranking{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.key-ranking button{border:0;border-bottom:1px solid var(--line);background:var(--surface);width:100%;min-height:61px;display:grid;grid-template-columns:26px minmax(0,1fr) auto 17px;gap:9px;align-items:center;padding:9px 12px;text-align:left;cursor:pointer}.key-ranking button:last-child{border-bottom:0}.rank{width:23px;height:23px;display:grid;place-items:center;background:var(--rank);border-radius:5px;font-size:11px;font-weight:750}.key-ranking button:first-child .rank{background:var(--brand);color:var(--brand-text)}.key-person{display:block;min-width:0}.key-person b,.key-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-person b{font-size:12px}.key-person small{color:var(--muted);margin-top:3px;font-size:10px}.key-ranking button>strong{font-size:13px}.health-band{background:var(--health-bg);border:1px solid var(--health-line);border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:14px}.health-score{color:var(--green);display:flex;align-items:center;gap:10px}.health-score span,.health-copy span{display:block;font-size:10px;color:var(--health-muted)}.health-score strong{font-size:27px;line-height:1}.health-copy{text-align:right}.health-copy b{font-size:13px;display:block;color:var(--health-strong)}.health-band[data-health=warning]{background:var(--amber-soft);border-color:var(--amber-line)}.health-band[data-health=warning] .health-score{color:var(--amber)}.health-band[data-health=warning] .health-score span,.health-band[data-health=warning] .health-copy span{color:var(--amber-muted)}.health-band[data-health=warning] .health-copy b{color:var(--amber-strong)}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px}.metric-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:13px;display:grid;grid-template-columns:22px 1fr;align-items:center}.metric-grid svg{color:var(--quiet-icon)}.metric-grid span{color:var(--muted);font-size:10px}.metric-grid strong{font-size:21px;grid-column:1 / 3;margin-top:10px}.metric-grid small{grid-column:1 / 3;color:var(--muted);font-size:10px;margin-top:2px}.metric-grid small.good{color:var(--green)}.metric-grid small.warn{color:var(--amber)}.availability-list{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 13px}.availability-list>div{min-height:57px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.availability-list>div:last-child{border-bottom:0}.availability-list .platform-logo{width:30px;height:30px}.availability-list b{font-size:13px}.availability-value{color:var(--green);font-size:11px;display:flex;align-items:center;gap:5px}.availability-value.warning{color:var(--amber)}.alert-list{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.alert-list article{min-height:70px;display:grid;grid-template-columns:32px minmax(0,1fr) 17px;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid var(--line)}.alert-list article:last-child{border-bottom:0}.alert-icon{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;color:var(--amber);background:var(--amber-soft)}.alert-icon[data-level=error]{color:var(--red);background:var(--red-soft)}.alert-icon[data-level=info]{color:var(--green);background:var(--green-soft)}.monitor-page{padding-top:14px}.monitor-overview{color:#fff;background:var(--summary);border:1px solid var(--summary-line);border-radius:8px;overflow:hidden}.monitor-overview-head{min-height:96px;padding:17px 17px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.monitor-overview-head>div>span{color:var(--summary-muted);font-size:11px}.monitor-overview-head strong{display:block;margin-top:4px;font-size:34px;line-height:1}.monitor-overview-head strong small{color:var(--summary-muted);font-size:15px;font-weight:600}.connection-status{display:inline-flex;align-items:center;gap:6px;padding:5px 7px;border-radius:5px;color:var(--summary-muted);background:#ffffff14;font-size:10px;font-weight:700;white-space:nowrap}.connection-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.connection-status[data-status=connected]{color:#93e2bc;background:#41b27a24}.connection-status[data-status=connecting] i{animation:pulse 1.2s ease-in-out infinite}.connection-status[data-status=error]{color:#ffd17c;background:#cd8e2324}@keyframes pulse{50%{opacity:.3}}.monitor-overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 10px 13px;border-top:1px solid var(--summary-line)}.monitor-overview-stats>div{min-width:0;padding:0 8px;border-right:1px solid var(--summary-line)}.monitor-overview-stats>div:last-child{border-right:0}.monitor-overview-stats span{min-height:14px;display:flex;align-items:center;gap:2px;color:var(--summary-muted);font-size:9px;white-space:nowrap}.monitor-overview-stats b{display:block;margin-top:3px;font-size:11px;white-space:nowrap}.monitor-overview-stats b.warning{color:#ffd17c}.monitor-overview-stats b.danger{color:#ff9ca2}.monitor-filters{margin-top:11px;padding:3px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:var(--control);border-radius:7px}.monitor-filters button{min-height:35px;border:0;border-radius:5px;color:var(--muted);background:transparent;font-size:12px;font-weight:650;cursor:pointer}.monitor-filters button.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 4px var(--shadow)}.monitor-caption{min-height:27px;margin:0;padding:8px 2px 5px;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.monitor-error{min-height:39px;margin-top:8px;padding:8px 10px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-line);border-radius:7px;font-size:10px}.monitor-error button{border:0;color:var(--amber-strong);background:transparent;font-size:10px;font-weight:700;cursor:pointer}.server-list{display:grid;gap:8px;margin-top:2px}.server-card{width:100%;min-height:142px;padding:14px;display:block;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;text-align:left;cursor:pointer}.server-card:hover{border-color:var(--health-line);background:var(--hover)}.server-card-head{min-height:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.server-identity{min-width:0;display:flex;align-items:flex-start;gap:8px}.server-identity>i{width:9px;height:9px;flex:0 0 auto;margin-top:4px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.server-identity>i[data-online=true]{background:var(--online);box-shadow:0 0 0 3px var(--online-soft)}.server-identity>span{min-width:0}.server-identity b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.2}.server-card-head>svg{flex:0 0 auto;color:var(--quiet-icon)}.server-alert{flex:0 0 auto;padding:4px 6px;border-radius:5px;color:var(--amber);background:var(--amber-soft);font-size:10px;font-weight:700;white-space:nowrap}.server-alert[data-level=error]{color:var(--red);background:var(--red-soft)}.server-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:13px}.server-resource-grid>span{min-width:0}.server-resource-grid>span>span{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:11px;white-space:nowrap}.server-resource-grid>span>span svg{width:14px;height:14px;flex:0 0 auto}.server-resource-grid>span>span b{margin-left:auto;color:var(--ink);font-size:11px}.server-resource-grid>span>i{height:5px;margin-top:7px;display:block;overflow:hidden;border-radius:3px;background:var(--track)}.server-resource-grid>span>i>b{height:100%;display:block;border-radius:inherit;background:var(--online)}.server-resource-grid>span>i>b[data-level=warning]{background:var(--amber)}.server-card-foot{min-height:31px;margin-top:14px;padding-top:11px;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.server-card-foot>span{min-width:0;display:flex;align-items:center;gap:4px;white-space:nowrap}.server-card-foot>span:last-child{justify-content:flex-end}.server-card-foot svg{width:14px;height:14px;flex:0 0 auto}.monitor-loading{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px}.search-row{display:flex;gap:8px;margin-bottom:10px}.search-box{min-width:0;flex:1;height:40px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:0 11px;color:var(--muted)}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink)}.list-summary{margin:12px 2px 10px;color:var(--muted);font-size:11px}.more-button,.edit-note{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;border-radius:6px;color:var(--quiet-icon);cursor:pointer}.more-button:hover,.edit-note:hover{background:var(--hover)}.account-detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0 12px}.account-detail-metrics span,.key-stats span{color:var(--muted);font-size:10px;display:block}.account-detail-metrics strong,.key-stats strong{display:block;font-size:13px;margin-top:3px}.account-detail-metrics>div:not(:first-child),.key-stats>div:not(:first-child){border-left:1px solid var(--line);padding-left:10px}.quota-line,.model-share{height:5px;background:var(--track);overflow:hidden;border-radius:2px}.quota-line span,.model-share span{display:block;height:100%;background:var(--green)}.quota-line span[data-status=warning]{background:var(--amber)}.quota-line span[data-status=error]{background:var(--red)}.quota-caption{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:var(--muted);font-size:10px}.empty-state{min-height:180px;display:grid;place-items:center;color:var(--muted);font-size:13px}.empty-state.compact{min-height:92px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.api-summary{background:var(--summary);color:#fff;border-radius:8px;padding:17px;display:grid;grid-template-columns:1fr 1fr}.api-summary div:last-child{border-left:1px solid var(--summary-line);padding-left:18px}.api-summary span{display:block;color:var(--summary-muted);font-size:11px}.api-summary strong{display:block;margin-top:4px;font-size:22px}.key-card-head{display:flex;align-items:center;gap:10px}.key-icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:7px;color:var(--green);background:var(--green-soft)}.key-title{flex:1}.edit-note{flex:0 0 auto}.key-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.model-list{margin-top:10px}.model-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.model-row>strong{font-size:14px;white-space:nowrap}.model-share{margin-top:15px}.model-list small{color:var(--muted);display:block;font-size:10px;margin-top:6px}.request-summary{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:13px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.request-summary span{color:var(--green);font-size:12px;display:flex;align-items:center;gap:6px}.request-summary i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px var(--green-soft)}.request-summary b{font-size:14px}.request-list{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.request-list article{min-height:79px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid var(--line)}.request-list article:last-child{border-bottom:0}.request-list small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.request-list>article>strong{font-size:12px}.request-status{width:34px;height:25px;display:grid;place-items:center;border-radius:5px;color:var(--green);background:var(--green-soft);font-size:10px;font-weight:750}.request-status.failed{color:var(--red);background:var(--red-soft)}.bottom-nav{position:relative;z-index:30;width:100%;height:calc(60px + env(safe-area-inset-bottom));padding:0 7px env(safe-area-inset-bottom);flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:var(--nav);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{border:0;background:transparent;border-radius:7px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;cursor:pointer}.bottom-nav button span{font-size:10px}.bottom-nav button.active{color:var(--green);background:var(--green-soft);font-weight:700}.sheet-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;background:#10181473;display:flex;align-items:flex-end;justify-content:center}.note-sheet,.server-sheet{width:min(100%,520px);background:var(--surface);padding:8px 18px calc(20px + env(safe-area-inset-bottom));border-radius:8px 8px 0 0;box-shadow:0 -16px 40px var(--shadow)}.server-sheet{max-height:min(88vh,760px);overflow-y:auto;overscroll-behavior:contain}.sheet-handle{width:36px;height:4px;background:var(--line);border-radius:2px;margin:0 auto 12px}.sheet-title{display:flex;justify-content:space-between;align-items:flex-start}.sheet-title h2{margin:0;font-size:18px}.sheet-title p{margin:3px 0 0;color:var(--muted);font-size:11px}.server-sheet-title h2{margin-top:4px;font-size:20px}.server-sheet-title>div{min-width:0;flex:1}.server-title-row{min-width:0;display:flex;align-items:center;gap:5px}.server-title-row h2{min-width:0;overflow-wrap:anywhere}.server-title-action{width:27px;height:27px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:5px;color:var(--quiet-icon);background:transparent;cursor:pointer}.server-title-action:hover{color:var(--green);background:var(--green-soft)}.server-name-editor{min-width:0;margin-top:5px;display:grid;grid-template-columns:minmax(0,1fr) 32px 32px;gap:5px}.server-name-editor input{min-width:0;height:36px;padding:0 9px;border:1px solid var(--green);border-radius:6px;outline:0;color:var(--ink);background:var(--input);font-size:16px;font-weight:700;box-shadow:0 0 0 3px var(--focus-ring)}.server-name-editor button{width:32px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--quiet-icon);background:var(--canvas);cursor:pointer}.server-name-editor button:first-of-type{color:var(--brand-text);background:var(--brand);border-color:var(--brand)}.server-detail-status{display:inline-flex;align-items:center;gap:5px;color:var(--red);font-size:9px;font-weight:700}.server-detail-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.server-detail-status[data-online=true]{color:var(--online)}.live-cpu-panel{margin-top:17px;padding:13px 13px 8px;background:var(--summary);border-radius:8px;color:#fff}.live-cpu-panel>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-cpu-panel span{color:var(--summary-muted);font-size:10px}.live-cpu-panel strong{font-size:17px}.live-cpu-panel svg{width:100%;height:58px;margin-top:4px;overflow:visible}.live-cpu-panel line{stroke:var(--chart-grid);stroke-width:1}.live-cpu-panel polyline{fill:none;stroke:var(--chart-line);stroke-width:2;vector-effect:non-scaling-stroke}.server-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.server-detail-metrics>div{min-width:0;padding:11px;background:var(--canvas);border:1px solid var(--line);border-radius:7px}.server-detail-metrics svg{color:var(--quiet-icon)}.server-detail-metrics span{display:block;margin-top:8px;color:var(--muted);font-size:9px}.server-detail-metrics strong{display:block;margin-top:2px;font-size:14px}.server-network-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.server-network-detail>div{min-width:0;padding:12px}.server-network-detail>div+div{border-left:1px solid var(--line)}.server-network-detail span{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:9px}.server-network-detail strong,.server-network-detail small{display:block}.server-network-detail strong{margin-top:5px;font-size:14px}.server-network-detail small{margin-top:3px;color:var(--muted);font-size:9px}.server-info-list{margin-top:10px;border-top:1px solid var(--line)}.server-info-list>div{min-height:45px;padding:9px 1px;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid var(--line)}.server-info-list span{color:var(--muted);font-size:10px}.server-info-list b{min-width:0;font-size:11px;text-align:right;overflow-wrap:anywhere}.server-info-list .server-cpu-info{align-items:start}.server-cpu-info b{line-height:1.45}.note-field{display:block;margin-top:20px;position:relative}.note-field>span{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.note-field input{width:100%;height:46px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--input);padding:0 49px 0 12px;outline:0;font-size:16px}.note-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--focus-ring)}.note-field small{position:absolute;right:11px;bottom:15px;color:var(--muted);font-size:10px}.primary-button{width:100%;height:46px;margin-top:14px;border:0;border-radius:7px;background:var(--green);color:var(--button-text);font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.toast-message{position:fixed;z-index:80;left:50%;bottom:calc(79px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--toast);color:#fff;min-height:38px;padding:9px 14px;border-radius:7px;display:flex;align-items:center;gap:7px;font-size:12px;box-shadow:0 8px 24px var(--shadow);white-space:nowrap}.toast-enter-active,.toast-leave-active{transition:opacity .18s,transform .18s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,7px)}@media(min-width:700px){body{padding:8px 0 0}.app-frame{border-radius:8px 8px 0 0}.topbar{padding-top:8px}.sheet-backdrop{align-items:center}.note-sheet,.server-sheet{border-radius:8px;padding-bottom:20px}}@media(max-width:360px){.page{padding-left:12px;padding-right:12px}.topbar,.summary-panel{padding-left:14px;padding-right:14px}.summary-heading strong{font-size:28px}.filter-control button{font-size:11px}.monitor-overview-stats{padding-left:5px;padding-right:5px}.monitor-overview-stats>div{padding-left:6px;padding-right:6px}.server-card{padding-left:11px;padding-right:11px}.server-resource-grid{gap:7px}.server-card-foot{gap:5px}}@media(max-width:420px){.top-actions{gap:2px}.top-actions .icon-button{width:34px;height:34px}}