:root{--background:#fafafa;--foreground:#171717;--card:#fff;--muted:#f4f4f5;--muted-foreground:#71717a;--border:#e4e4e7;--primary:#18181b;--primary-foreground:#fafafa;--success:#059669;--warning:#b7791f;--danger:#dc2626;--info:#2563eb;--sidebar:#f4f4f5;--sidebar-active:#fff;--ring:#18181b29;font-family:Public Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{color:var(--foreground);background:var(--background);letter-spacing:0;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--sidebar);flex-direction:column;gap:18px;height:100vh;padding:14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-height:48px;padding:0 8px;display:flex}.brand-mark{background:var(--primary);width:34px;height:34px;color:var(--primary-foreground);border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{color:var(--muted-foreground);margin-top:2px;font-size:12px}.nav-list{gap:12px;display:grid}.nav-section{gap:3px;display:grid}.nav-section p{color:var(--muted-foreground);margin:8px 8px 4px;font-size:11px;font-weight:800}.nav-item{color:#52525b;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;height:36px;padding:0 10px;display:flex}.nav-item:hover,.nav-item.active{background:var(--sidebar-active);color:var(--foreground);box-shadow:0 1px 2px #18181b0f}.nav-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tenant-card{border:1px solid var(--border);background:var(--card);border-radius:8px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.tenant-card strong,.tenant-card p{margin:0;font-size:12px}.tenant-card p{color:var(--muted-foreground);margin-top:3px}.online-dot{background:#22c55e;border-radius:999px;width:8px;height:8px}.main{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.eyebrow{color:var(--muted-foreground);text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:4px;font-size:24px;line-height:1.2}h2{margin:0;font-size:16px}h3{margin-bottom:8px;font-size:15px}.page-desc{color:var(--muted-foreground);margin-bottom:0;font-size:13px}.top-actions{align-items:center;gap:8px;display:flex}.account-pill{border:1px solid var(--border);background:var(--card);border-radius:8px;align-content:center;min-width:132px;height:36px;padding:0 10px;display:grid}.account-pill span,.account-pill b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-pill span{font-size:12px;font-weight:700}.account-pill b{color:var(--muted-foreground);font-size:11px}.account-pill.connected{background:#f0fdf4;border-color:#bbf7d0}.search-box{border:1px solid var(--border);background:var(--card);width:min(360px,38vw);height:36px;color:var(--muted-foreground);border-radius:8px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-box input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;font-size:13px}.button{border:1px solid var(--border);background:var(--card);min-height:36px;color:var(--foreground);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.button.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.button.ghost:hover{background:var(--muted)}.button.compact{min-height:32px;padding:0 10px}.button.full{width:100%}.button.icon-button{width:36px;padding:0}.button:disabled{cursor:not-allowed;opacity:.62}.login-shell{background:linear-gradient(#fafafaf0,#f4f4f5f0),radial-gradient(circle at 18% 24%,#2563eb1f,#0000 32%),radial-gradient(circle at 82% 72%,#0596691f,#0000 30%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:var(--card);border-radius:8px;width:min(420px,100%);padding:26px;box-shadow:0 18px 50px #18181b14}.login-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-brand h1{margin:0}.login-form{gap:14px;display:grid}.login-error{min-height:36px;color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.login-source{color:var(--muted-foreground);margin:14px 0 0;font-size:12px}.view-stack{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card,.panel,.state-card,.resource-card{border:1px solid var(--border);background:var(--card);border-radius:8px}.metric-card{padding:15px}.metric-card span,.metric-card p{color:var(--muted-foreground);font-size:12px}.metric-card strong{margin:8px 0 5px;font-size:28px;line-height:1;display:block}.metric-card p{margin-bottom:0}.metric-card.danger strong{color:var(--danger)}.metric-card.success strong{color:var(--success)}.metric-card.info strong{color:var(--info)}.model-stat-grid{border:1px solid var(--border);background:var(--card);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.model-stat-card{border-right:1px solid var(--border);min-width:0;padding:14px 16px}.model-stat-card:last-child{border-right:0}.model-stat-card div{color:var(--muted-foreground);text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.model-stat-card strong{margin-top:9px;font-size:24px;line-height:1;display:block}.model-stat-card p{color:var(--muted-foreground);margin:6px 0 0;font-size:12px}.overview-panel{border:1px solid var(--border);background:var(--card);border-radius:8px;grid-template-columns:minmax(0,1fr) 304px;display:grid;overflow:hidden}.overview-main{min-width:0;padding:16px}.panel-head.flush{margin-bottom:12px}.panel-head.flush p{color:var(--muted-foreground);margin:4px 0 0;font-size:13px}.overview-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.overview-stat{border:1px solid var(--border);background:#fbfbfb;border-radius:8px;min-width:0;padding:13px}.overview-stat-head{align-items:center;gap:8px;display:flex}.overview-stat-head span{background:var(--muted);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.overview-stat-head p,.overview-stat em{color:var(--muted-foreground);margin:0;font-size:12px;font-style:normal}.overview-stat strong{margin-top:12px;font-size:24px;line-height:1;display:block}.overview-stat svg{width:100%;height:42px;margin-top:12px}.overview-stat polyline{fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.overview-stat.success polyline{stroke:var(--success)}.overview-stat.warning polyline{stroke:var(--warning)}.overview-stat.info polyline{stroke:var(--info)}.overview-health{border-left:1px solid var(--border);background:#fefce8;flex-direction:column;justify-content:space-between;gap:18px;padding:16px;display:flex}.overview-health.success{background:#f0fdf4}.overview-health.danger{background:#fef2f2}.health-head{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.health-head span{background:#ffffffb3;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.overview-health>strong{font-size:28px;line-height:1}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.health-grid div{background:#ffffffad;border-radius:8px;padding:10px}.health-grid span,.health-grid b{display:block}.health-grid span{color:var(--muted-foreground);font-size:11px}.health-grid b{margin-top:6px;font-size:12px}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{min-width:0;padding:16px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.setup-list,.todo-list,.settings-list{gap:10px;display:grid}.setup-item{border:1px solid var(--border);background:#fbfbfb;border-radius:8px;gap:10px;padding:11px;display:flex}.setup-item>span{background:#d4d4d8;border-radius:999px;width:10px;height:10px;margin-top:4px}.setup-item.done>span,.setup-item.active>span{background:var(--success)}.setup-item.active{border-color:#f3d08a}.setup-item p,.resource-card p,.timeline-item p,.setting-item p,.policy-row p{color:var(--muted-foreground);margin:4px 0 0;font-size:12px;line-height:1.45}.risk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.stat-box{background:var(--muted);border-radius:8px;padding:10px}.stat-box strong,.stat-box span{display:block}.stat-box strong{font-size:20px}.stat-box span{color:var(--muted-foreground);margin-top:3px;font-size:11px}.alert{border-top:1px solid var(--border);align-items:flex-start;gap:9px;padding:10px 0;font-size:13px;display:flex}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.badge.neutral{background:var(--muted);color:#52525b}.badge.success{color:#166534;background:#dcfce7}.badge.warning{color:#92400e;background:#fef3c7}.badge.danger{color:#991b1b;background:#fee2e2}.badge.info{color:#1d4ed8;background:#dbeafe}.bar-list{gap:12px;display:grid}.bar-list div{grid-template-columns:72px 1fr 42px;align-items:center;gap:10px;font-size:13px;display:grid}.bar-list label{color:var(--muted-foreground)}.bar-list span,.quota span{background:var(--muted);border-radius:999px;height:8px;display:block;overflow:hidden}.bar-list i,.quota i{border-radius:inherit;background:var(--primary);height:100%;display:block}.bar-list b,.quota b{color:var(--muted-foreground);text-align:right;font-size:12px}.todo-item{align-items:center;gap:10px;min-height:34px;font-size:13px;display:flex}.dashboard-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.usage-filter-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-bottom:14px;display:grid}.compact-select{border:1px solid var(--border);background:var(--card);min-height:32px;color:var(--foreground);border-radius:8px;padding:0 10px;font-size:13px}.usage-loading{margin:10px 0}.nowrap{white-space:nowrap}.mono-cell,.request-id-cell code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.request-id-cell{gap:3px;max-width:190px;display:grid}.request-id-cell code,.log-content{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.log-content{max-width:260px}.pagination-row{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-size:12px;display:flex}.period-tabs{border:1px solid var(--border);background:var(--muted);border-radius:8px;gap:3px;padding:3px;display:inline-flex}.period-tabs button{min-height:28px;color:var(--muted-foreground);background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px;font-weight:700}.period-tabs button.active{background:var(--card);color:var(--foreground);box-shadow:0 1px 2px #18181b0f}.period-tabs button{align-items:center;gap:5px;display:inline-flex}.analytics-chart-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:14px;display:grid}.chart-shell{border:1px solid var(--border);background:var(--card);border-radius:8px;overflow:hidden}.chart-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 14px;display:flex}.chart-title{align-items:center;gap:8px;min-width:0;display:flex}.chart-title svg{color:var(--muted-foreground)}.chart-title strong{font-size:14px}.chart-title span{color:var(--muted-foreground);font-size:12px}.chart-body{min-height:300px;padding:14px}.rank-bars{gap:12px;display:grid}.rank-row{grid-template-columns:minmax(110px,180px) minmax(120px,1fr) minmax(74px,auto);align-items:center;gap:12px;min-height:38px;display:grid}.rank-row label{min-width:0}.rank-row label b,.rank-row label span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rank-row label b{font-size:13px}.rank-row label span{color:var(--muted-foreground);margin-top:3px;font-size:11px}.rank-track{background:var(--muted);border-radius:999px;height:10px;display:block;overflow:hidden}.rank-track i{border-radius:inherit;background:var(--primary);height:100%;display:block}.rank-row strong{color:var(--muted-foreground);text-align:right;font-size:12px}.proportion-list{gap:10px;display:grid}.proportion-row{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(110px,1fr) minmax(130px,180px) minmax(70px,auto);align-items:center;gap:12px;min-height:44px;padding:9px 0;display:grid}.proportion-row:last-child{border-bottom:0}.proportion-dot{background:var(--primary);border-radius:999px;width:9px;height:9px}.proportion-row strong,.proportion-row p{margin:0;display:block}.proportion-row p{color:var(--muted-foreground);margin-top:3px;font-size:11px}.proportion-row>b{color:var(--muted-foreground);text-align:right;font-size:12px}.area-chart{background:repeating-linear-gradient(0deg,#f1f1f2 0 1px,#0000 1px 54px);border-radius:8px;grid-template-rows:minmax(0,1fr) auto;min-height:272px;display:grid;position:relative;overflow:hidden}.area-chart svg{width:100%;height:238px}.area-chart polygon{fill:#2563eb21}.area-chart polyline{fill:none;stroke:var(--primary);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.area-chart-value{z-index:1;position:absolute;top:12px;left:14px}.area-chart-value span,.area-axis span{color:var(--muted-foreground);font-size:11px}.area-chart-value strong{margin-top:3px;font-size:20px;display:block}.area-axis{grid-auto-flow:column;justify-content:space-between;padding:0 10px 8px;display:grid}.empty-chart{min-height:230px;color:var(--muted-foreground);place-items:center;font-size:13px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:12px 10px}th{color:var(--muted-foreground);font-size:11px;font-weight:700}tr:last-child td{border-bottom:0}.user-cell{gap:2px;display:grid}.user-cell strong{font-size:13px}.user-cell span{color:var(--muted-foreground);font-size:12px}.quota{grid-template-columns:minmax(80px,1fr) 38px;align-items:center;gap:8px;display:grid}.switch{background:#d4d4d8;border:0;border-radius:999px;width:38px;height:22px;position:relative}.switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px}.switch.on{background:var(--primary)}.switch.on span{transform:translate(16px)}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.resource-card{padding:14px}.resource-card h3{margin-top:14px}.resource-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;display:flex}.resource-card strong{margin-top:12px;font-size:13px;display:block}.small-button{border:1px solid var(--border);background:var(--card);border-radius:8px;min-height:30px;margin-top:12px;padding:0 10px;font-size:12px;font-weight:700}.small-button.enabled{background:var(--muted)}.small-button.danger,.danger-text{color:var(--danger)}.card-actions,.inline-actions,.drawer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-actions{margin-top:12px}.file-input-hidden{display:none}.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.policy-row{border:1px solid var(--border);background:#fbfbfb;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:12px;display:grid}.setting-item{border:1px solid var(--border);background:#fbfbfb;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:12px;display:grid}.link-button{color:var(--foreground);background:0 0;border:0;align-items:center;gap:4px;font-weight:700;display:inline-flex}.timeline-item{color:inherit;cursor:pointer;text-align:left}.form-grid{gap:12px;margin:20px 0;display:grid}.form-field{gap:6px;display:grid}.form-field span{color:var(--muted-foreground);font-size:12px;font-weight:700}.form-field input,.form-field select,.option-editor input{border:1px solid var(--border);background:var(--card);min-height:36px;color:var(--foreground);border-radius:8px;padding:0 10px}.form-field input[readonly]{background:var(--muted);color:var(--muted-foreground)}.form-field input[type=checkbox]{width:18px;min-height:18px;padding:0}.drawer.wide{width:min(560px,100%)}.drawer-actions{justify-content:flex-end}.trend{background:repeating-linear-gradient(0deg,#f1f1f2 0 1px,#0000 1px 52px);border-radius:8px;grid-template-columns:repeat(7,1fr);align-items:end;gap:14px;height:260px;padding:12px 8px 0;display:grid}.settings-form{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.option-editor{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:12px;display:grid}.option-dot{background:var(--primary);border-radius:999px;width:10px;height:10px}.link-button:disabled{cursor:not-allowed;color:var(--muted-foreground);opacity:.55}.trend div{align-items:end;gap:8px;height:100%;display:grid}.trend span{background:var(--primary);border-radius:7px 7px 0 0;width:100%;min-height:20px}.trend label{color:var(--muted-foreground);text-align:center;font-size:12px}.timeline{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.timeline-item{border:1px solid var(--border);background:#fbfbfb;border-radius:8px;min-height:132px;padding:13px}.timeline-item>span{background:#d4d4d8;border-radius:999px;width:11px;height:11px;margin-bottom:12px;display:block}.timeline-item.done>span,.timeline-item.active>span{background:var(--success)}.timeline-item.active{border-color:#f3d08a}.drawer-backdrop{z-index:30;background:#18181b57;justify-content:flex-end;display:flex;position:fixed;inset:0}.modal-backdrop{justify-content:center;align-items:center;padding:18px}.drawer{background:var(--card);width:min(460px,100%);height:100%;padding:24px;position:relative;box-shadow:-16px 0 32px #18181b1f}.form-modal{border-radius:8px;width:min(620px,100%);height:auto;max-height:min(760px,100vh - 36px);overflow-y:auto;box-shadow:0 24px 60px #18181b33}.option-modal{border-radius:8px;width:min(440px,100%);height:auto;box-shadow:0 24px 60px #18181b33}.token-modal{border-radius:8px;height:auto;max-height:min(760px,100vh - 36px);overflow-y:auto;box-shadow:0 24px 60px #18181b33}.token-modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:4px;display:flex}.token-modal-head p{color:var(--muted-foreground);margin:4px 0 0;font-size:12px}.token-list{gap:10px;margin:16px 0;display:grid}.token-row{border:1px solid var(--border);background:#fbfbfb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.token-row strong,.token-row code,.token-row p{display:block}.token-row code{background:var(--muted);color:var(--foreground);white-space:normal;overflow-wrap:anywhere;border-radius:8px;margin-top:8px;padding:8px;font-size:12px;line-height:1.45}.token-row p{color:var(--muted-foreground);margin:8px 0 0;font-size:12px}.drawer-close{border:1px solid var(--border);background:var(--card);border-radius:8px;width:34px;height:34px;font-size:20px;position:absolute;top:14px;right:14px}.detail-list{gap:12px;margin:22px 0;display:grid}.detail-item{border-bottom:1px solid var(--border);grid-template-columns:98px 1fr;gap:12px;padding-bottom:12px;display:grid}.detail-item dt{color:var(--muted-foreground);font-size:12px;font-weight:700}.detail-item dd{margin:0;font-size:13px}.toast{background:var(--primary);min-width:220px;color:var(--primary-foreground);z-index:40;border-radius:8px;padding:12px 14px;font-size:13px;font-weight:700;position:fixed;bottom:22px;right:22px}.state-card{min-height:72px;color:var(--muted-foreground);align-items:center;gap:10px;padding:16px;display:flex}.state-card.error{color:var(--danger)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1200px){.metric-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two,.policy-grid,.timeline,.overview-panel,.overview-stat-grid,.analytics-chart-grid{grid-template-columns:1fr}.overview-health{border-top:1px solid var(--border);border-left:0}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-card{display:none}.main{padding:16px}.topbar,.top-actions{flex-direction:column;align-items:stretch}.account-pill,.search-box{width:100%}.metric-grid,.card-grid,.risk-grid,.model-stat-grid{grid-template-columns:1fr}.model-stat-card{border-right:0;border-bottom:1px solid var(--border)}.model-stat-card:last-child{border-bottom:0}.chart-head,.dashboard-toolbar,.pagination-row{flex-direction:column;align-items:stretch}.usage-filter-grid,.rank-row,.proportion-row{grid-template-columns:1fr}.rank-row strong,.proportion-row>b{text-align:left}.policy-row,.setting-item{grid-template-columns:1fr}}