:root{--paper:#f4f4ef;--panel:#fafaf7;--ink:#171817;--muted:#70736f;--line:#dedfd8;--yellow:#f5c84c;--green:#64d9a7;--coral:#ef806b;--blue:#74a9ff;--mono:Consolas,"Courier New",monospace;--sans:"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;letter-spacing:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:var(--ink);color:#eef0eb;padding:20px 14px 14px;display:flex;flex-direction:column;z-index:20}.dash-brand{height:44px;display:flex;align-items:center;gap:10px;padding:0 7px;font-size:17px;font-weight:800}.dash-brand img{border-radius:8px}.dash-brand b{font:11px var(--mono);padding:2px 4px;background:var(--yellow);color:var(--ink);border-radius:2px}.dash-nav{margin-top:30px;display:flex;flex-direction:column;gap:3px}.dash-nav p{font:10px var(--mono);text-transform:uppercase;color:#777c77;padding:0 12px;margin:18px 0 7px}.dash-nav button{height:42px;border:0;background:transparent;color:#aeb2ad;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left}.dash-nav button:hover{color:#fff;background:#242624}.dash-nav button.active{color:var(--ink);background:var(--yellow);font-weight:700}.dash-nav svg,.sidebar-bottom svg{width:17px;height:17px}.dash-nav em{margin-left:auto;font:10px var(--mono);font-style:normal;border:1px solid currentColor;padding:1px 5px;border-radius:8px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:5px}.sidebar-bottom>a{height:38px;padding:0 12px;display:flex;align-items:center;gap:11px;color:#aeb2ad;font-size:12px}.api-health i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(100,217,167,.13)}.account-button{margin-top:8px;border:1px solid #393c39;background:#212321;color:#fff;min-height:58px;padding:8px;display:grid;grid-template-columns:34px 1fr 16px;gap:9px;align-items:center;text-align:left}.avatar{width:34px;height:34px;background:var(--green);color:var(--ink);display:grid;place-items:center;font:700 14px var(--mono)}.account-button>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.account-button b{font-size:11px}.account-button small{font-size:9px;color:#858a85}.mobile-header{display:none}.dash-main{margin-left:238px;padding:40px 42px 80px;max-width:1680px}.view{display:none}.view.active{display:block}.page-head{min-height:93px;display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:30px}.page-kicker{font:10px var(--mono);color:var(--muted);margin:0 0 10px}.page-head h1{font-size:29px;line-height:1.2;margin:0 0 8px}.page-head>div>p:last-child{color:var(--muted);margin:0}.head-actions{display:flex;gap:9px}.button{height:40px;border:1px solid var(--ink);background:transparent;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px}.button svg{width:15px}.button.primary{background:var(--ink);color:#fff}.button.secondary{background:var(--panel)}.button.light{background:#fff;color:var(--ink);border-color:#fff}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center}.icon-button svg{width:17px}.icon-button.compact{width:30px;height:30px;border:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.metric-card{height:168px;border:1px solid var(--line);background:var(--panel);padding:20px;position:relative}.balance-card{background:var(--yellow);border-color:var(--ink)}.metric-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.balance-card .metric-label{color:var(--ink)}.metric-label svg{width:18px}.metric-card strong{display:block;font:700 27px var(--mono);margin:25px 0 12px}.metric-card p{font-size:10px;color:var(--muted);margin:0}.balance-card p{color:#575448}.text-button{border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.text-button svg{width:14px}.balance-card .text-button{position:absolute;right:18px;bottom:17px}.trend{font-style:normal;font-family:var(--mono);padding:2px 4px}.trend.up{color:#267352;background:#dff4eb}.trend.down{color:#b55345;background:#f8e5e0}.overview-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:12px;margin-bottom:12px}.panel{border:1px solid var(--line);background:var(--panel)}.usage-panel,.distribution-panel{min-height:365px;padding:20px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.panel h2,.panel-head h2{font-size:14px;margin:0 0 5px}.panel-head p{font-size:10px;color:var(--muted);margin:0}.segmented{border:1px solid var(--line);display:flex;padding:2px}.segmented button{border:0;background:transparent;height:27px;padding:0 10px;font-size:9px}.segmented button.active{background:var(--ink);color:#fff}.chart-wrap{height:235px;display:grid;grid-template-columns:33px 1fr;gap:6px;margin-top:22px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:24px;color:var(--muted);font:9px var(--mono)}.bar-chart{display:flex;align-items:end;gap:13px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 52px,var(--line) 53px);padding:0 10px 24px;height:100%}.chart-day{flex:1;height:100%;display:flex;align-items:end;justify-content:center;gap:3px;position:relative}.chart-day i{display:block;width:min(16px,38%);height:var(--height);background:var(--yellow);border:1px solid var(--ink)}.chart-day i.cost{background:var(--green);border-color:#358c67}.chart-day span{position:absolute;top:calc(100% + 8px);font:9px var(--mono);color:var(--muted);white-space:nowrap}.chart-legend{display:flex;gap:20px;margin:13px 0 0 40px;font-size:9px;color:var(--muted)}.chart-legend i{display:inline-block;width:8px;height:8px;margin-right:5px}.legend-request{background:var(--yellow);border:1px solid var(--ink)}.legend-cost{background:var(--green)}.donut-wrap{display:flex;align-items:center;gap:25px;height:275px}.donut{width:145px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--yellow) 0 48%,var(--green) 48% 74%,var(--blue) 74% 91%,var(--coral) 91%);display:grid;place-items:center;position:relative}.donut:after{content:"";width:92px;aspect-ratio:1;border-radius:50%;background:var(--panel);position:absolute}.donut span{z-index:1;text-align:center}.donut b{display:block;font:700 18px var(--mono)}.donut small{font-size:9px;color:var(--muted)}.donut-wrap ul{list-style:none;margin:0;padding:0;flex:1}.donut-wrap li{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.donut-wrap li i{width:7px;height:7px;border-radius:50%;background:var(--dot)}.donut-wrap li b{font-family:var(--mono)}.request-panel{padding:20px}.data-table{margin-top:17px;width:100%;overflow-x:auto}.table-row{display:grid;align-items:center;min-width:690px;min-height:52px;border-top:1px solid var(--line);font:10px var(--mono);gap:12px}.request-row{grid-template-columns:1.3fr 1.2fr .8fr .7fr .7fr}.key-row{grid-template-columns:1.25fr 1.55fr .75fr .8fr .7fr}.usage-row{grid-template-columns:1.35fr 1.2fr .8fr .8fr .8fr .8fr}.billing-row{grid-template-columns:1.3fr 1fr 1fr .8fr}.table-row.header{min-height:37px;color:var(--muted);font:9px var(--sans);text-transform:uppercase}.table-row strong{font-family:var(--sans);font-size:11px}.status-pill{width:max-content;padding:3px 7px;background:#dff4eb;color:#267352;font-family:var(--sans)}.status-pill.error{background:#f8e5e0;color:#a8493b}.model-cell{display:flex;align-items:center;gap:8px}.model-badge{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--green);font-weight:700}.table-actions{display:flex;justify-content:flex-end;gap:3px}.table-actions button{border:0;background:transparent;width:29px;height:29px;display:grid;place-items:center}.table-actions svg{width:14px}.notice{min-height:70px;border:1px solid #e3c151;background:#fff4c8;display:grid;grid-template-columns:28px 1fr 28px;gap:12px;align-items:center;padding:12px 18px;margin-bottom:12px}.notice>svg{width:22px}.notice p{margin:0;display:flex;flex-direction:column;gap:5px}.notice b{font-size:11px}.notice span{font-size:10px;color:#71653f}.notice button{border:0;background:none}.notice button svg{width:15px}.table-panel{padding:20px}.table-tools{display:flex;gap:8px;justify-content:space-between}.table-tools label,.search-box{height:38px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px;min-width:240px}.table-tools svg,.search-box svg{width:15px;color:var(--muted)}.table-tools input,.search-box input{border:0;outline:0;background:none;width:100%;font-size:11px}.table-tools select,.filter-row select{height:38px;border:1px solid var(--line);background:#fff;padding:0 30px 0 10px;font-size:11px}.secret{display:flex;align-items:center;gap:8px}.secret code{font:10px var(--mono);background:#eeeFе9;padding:5px 7px}.secret button{border:0;background:none}.filter-row{min-height:80px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:end;gap:10px;padding:14px 18px;margin-bottom:12px}.filter-row label{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-row label>span{font-size:9px;color:var(--muted)}.model-filter{display:flex;gap:5px;margin-bottom:17px}.model-filter button{height:33px;border:1px solid var(--line);background:var(--panel);padding:0 15px;font-size:10px}.model-filter button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.model-card{min-height:205px;border:1px solid var(--line);background:var(--panel);padding:18px;display:flex;flex-direction:column}.model-card-head{display:flex;align-items:center;gap:11px}.model-card-head .model-badge{width:38px;height:38px}.model-card-head div{display:flex;flex-direction:column;gap:4px}.model-card-head b{font-size:12px}.model-card-head span{font:9px var(--mono);color:var(--muted)}.model-card>p{color:var(--muted);font-size:10px;line-height:1.7;margin:16px 0}.model-meta{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:13px}.model-meta span{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:9px}.model-meta b{color:var(--ink);font:11px var(--mono)}.wallet-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin-bottom:12px}.balance-block{min-height:220px;background:var(--ink);color:#fff;padding:26px;position:relative}.balance-block>span{font-size:11px;color:#aeb2ad}.balance-block strong{display:block;font:700 42px var(--mono);margin:25px 0 5px}.balance-block small{color:#858a85}.balance-block button{position:absolute;right:25px;bottom:25px}.spend-summary{padding:25px}.spend-summary strong{display:block;font:700 31px var(--mono);margin:25px 0}.spend-summary>div{display:flex;justify-content:space-between;font-size:10px}.spend-summary progress{width:100%;height:8px;margin-top:9px;accent-color:var(--yellow)}.spend-summary p{font-size:9px;color:var(--muted)}.settings-layout{display:grid;grid-template-columns:190px 1fr;border:1px solid var(--line);background:var(--panel);min-height:530px}.settings-layout>nav{border-right:1px solid var(--line);padding:18px 10px}.settings-layout>nav button{display:block;width:100%;height:38px;text-align:left;border:0;background:none;padding:0 12px;font-size:11px}.settings-layout>nav button.active{background:var(--ink);color:#fff}.settings-form{padding:30px;max-width:610px}.form-title{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.form-title h2{font-size:17px}.form-title p{color:var(--muted);font-size:10px}.settings-form>label,#key-form>label{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.settings-form label>span,#key-form label>span{font-size:10px;font-weight:700}.settings-form input,#key-form input,#key-form select{height:40px;border:1px solid var(--line);background:#fff;padding:0 11px;outline:0}.settings-form input:focus,#key-form input:focus{border-color:var(--ink)}.form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}dialog{width:min(480px,calc(100% - 30px));border:1px solid var(--ink);padding:0;background:var(--paper);box-shadow:10px 10px 0 rgba(0,0,0,.18)}dialog::backdrop{background:rgba(18,19,18,.52)}#key-form{padding:24px}.modal-head{display:flex;justify-content:space-between;margin-bottom:24px}.modal-head h2{font-size:18px;margin:0 0 6px}.modal-head p{font-size:10px;color:var(--muted);margin:0}.modal-head button{border:0;background:none;height:30px}.modal-head svg{width:17px}.input-affix{display:grid;grid-template-columns:30px 1fr auto;align-items:center;border:1px solid var(--line);background:#fff}.input-affix input{border:0!important}.input-affix i{font:12px var(--mono);text-align:center;font-style:normal}.input-affix em{font-size:9px;color:var(--muted);font-style:normal;padding-right:10px}fieldset{border:0;padding:0;margin:0 0 20px}legend{font-size:10px;font-weight:700;margin-bottom:10px}fieldset label{font-size:10px;margin-right:15px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:18px}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:#fff;padding:12px 17px;font-size:11px;transform:translateY(80px);opacity:0;transition:.25s;z-index:40}.toast.show{transform:none;opacity:1}@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.model-grid{grid-template-columns:1fr 1fr}.distribution-panel{min-height:300px}.donut-wrap{justify-content:center}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.mobile-header{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 14px;background:var(--paper);position:sticky;top:0;z-index:15}.mobile-header>button{width:36px;height:36px;border:0;background:none}.mobile-header svg{width:19px}.dash-main{margin-left:0;padding:25px 16px 60px}.page-head{min-height:auto}.page-head h1{font-size:24px}.page-head .icon-button{display:none}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{height:150px;padding:16px}.metric-card strong{font-size:22px}.overview-grid{grid-template-columns:1fr}.usage-panel{padding:14px}.distribution-panel{padding:14px}.donut-wrap{gap:16px}.model-grid{grid-template-columns:1fr}.filter-row{align-items:stretch;flex-direction:column}.filter-row label{min-width:0}.wallet-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-layout>nav{display:flex;border:0;border-bottom:1px solid var(--line);overflow:auto}.settings-layout>nav button{min-width:95px}.settings-form{padding:20px}}@media(max-width:480px){.page-head{display:block}.page-head>.button,.head-actions{margin-top:18px}.metric-grid{grid-template-columns:1fr}.metric-card{height:140px}.bar-chart{gap:6px;padding-left:2px;padding-right:2px}.chart-day span{font-size:8px}.donut-wrap{flex-direction:column;height:auto;padding:25px 0}.donut-wrap ul{width:100%}.distribution-panel{min-height:500px}.table-tools{align-items:stretch;flex-direction:column}.table-tools label{min-width:0}.model-filter{overflow-x:auto}.balance-block button{position:static;margin-top:24px}.settings-form{padding:15px}.dash-brand span{font-size:14px}}