:root{--bg:#f5f5f7;--surface:#fff;--surface-2:#fafafb;--surface-3:#f2f2f5;--border:#eaeaee;--border-2:#e0e0e5;--border-strong:#d4d4dc;--ink:#16161a;--ink-2:#5c5c66;--ink-3:#9c9ca6;--ink-4:#c4c4cc;--accent:#3e7bf6;--accent-2:color-mix(in oklab, var(--accent), white 26%);--accent-weak:color-mix(in srgb, var(--accent) 11%, transparent);--accent-weak-2:color-mix(in srgb, var(--accent) 5%, transparent);--accent-ink:#fff;--pos:#0fa478;--pos-weak:#0fa4781f;--warn:#d98a23;--warn-weak:#d98a2324;--red:#dc2626;--chart-grid:#efeff2;--shadow-sm:0 1px 2px #1414200d, 0 1px 3px #1414200d;--shadow-md:0 4px 14px #14142012, 0 1px 3px #1414200d;--shadow-lg:0 18px 50px #14142021, 0 4px 12px #1414200f;--page:var(--bg);--shell:var(--surface);--surface-soft:var(--surface-2);--text:var(--ink);--muted:var(--ink-3);--muted-strong:var(--ink-2);--blue:var(--accent);--green:var(--pos);--amber:var(--warn);--shadow:var(--shadow-md)}[data-theme=dark]{--bg:#0b0b0f;--surface:#141419;--surface-2:#18181e;--surface-3:#1e1e25;--border:#26262e;--border-2:#30303a;--border-strong:#3c3c46;--ink:#f2f2f5;--ink-2:#a0a0ab;--ink-3:#6e6e79;--ink-4:#48484f;--accent:#5b92ff;--accent-2:color-mix(in oklab, var(--accent), white 14%);--accent-weak:color-mix(in srgb, var(--accent) 18%, transparent);--accent-weak-2:color-mix(in srgb, var(--accent) 9%, transparent);--accent-ink:#0b0b0f;--pos:#2fd8a8;--pos-weak:#2fd8a829;--warn:#e5a84b;--warn-weak:#e5a84b2e;--chart-grid:#23232b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 18px 50px #0009;--page:var(--bg);--shell:var(--surface);--surface-soft:var(--surface-2);--text:var(--ink);--muted:var(--ink-3);--muted-strong:var(--ink-2);--blue:var(--accent);--green:var(--pos);--amber:var(--warn);--shadow:var(--shadow-md)}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button{border:0}
.login-shell{background:var(--page);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px}.login-brand{justify-content:center;align-items:center;gap:10px;display:flex}.login-brand img{object-fit:contain;width:38px;height:38px}.login-brand strong{font-size:20px;font-weight:780;display:block}.login-brand span{color:var(--muted)}.login-title{text-align:center;gap:5px;display:grid}.login-title h1{margin:4px 0 0;font-size:20px;line-height:1.25}.login-title p{color:var(--muted);margin:0;font-size:12px}.login-card{gap:15px;width:min(390px,100%);padding:26px;display:grid}.login-submit{width:100%}.login-error{color:var(--red);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:9px 10px;font-size:12px}.app-shell{background:var(--page);grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}.sidebar{background:var(--shell);height:100vh;min-height:0;color:var(--muted-strong);flex-direction:column;align-self:start;gap:16px;padding:18px 8px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{gap:12px;padding:18px 8px;overflow-x:hidden}.brand{color:#1f1f22;letter-spacing:0;flex:none;grid-template-columns:30px minmax(0,1fr) 28px;grid-template-areas:"logo name toggle""logo version toggle";align-items:center;gap:3px 8px;padding:0 10px;font-size:22px;font-weight:780;display:grid}.sidebar-toggle{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;grid-area:toggle;justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle:hover{color:var(--text);background:#e8e8e8}.sidebar.collapsed .brand{flex-direction:column;gap:0;min-height:30px;padding:0;display:flex;position:relative}.sidebar.collapsed .brand-name,.sidebar.collapsed .version{display:none}.sidebar.collapsed .sidebar-toggle{width:30px;height:30px;color:var(--text);opacity:0;pointer-events:none;background:#fffffff0;margin-left:0;transition:opacity .12s;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000014}.sidebar.collapsed .brand:hover .sidebar-toggle,.sidebar.collapsed .sidebar-toggle:focus-visible{opacity:1;pointer-events:auto}.sidebar.collapsed .brand:hover .brand-logo{opacity:0}.brand-logo{object-fit:contain;flex:0 0 30px;grid-area:logo;width:30px;height:30px}.brand-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;min-width:0;line-height:1;overflow:hidden}.version{color:#707070;background:#e5e5e5;border-radius:6px;grid-area:version;align-items:center;width:fit-content;height:22px;padding:0 6px;font-size:11px;font-weight:650;display:inline-flex}.sidebar-nav-scroll{flex:auto;align-content:start;gap:16px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.sidebar.collapsed .sidebar-nav-scroll{gap:12px;padding-right:0}.nav-group{gap:6px;display:grid}.nav-group.closed{gap:0}.nav-title{color:#171717;text-align:left;cursor:pointer;background:0 0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;min-height:24px;padding:0 14px;font-size:12px;font-weight:760;display:flex}.nav-title:hover{background:#e8e8e8}.nav-chevron{color:#8a8a8a;flex:none;transition:transform .14s}.nav-title.closed .nav-chevron{transform:rotate(-90deg)}.sidebar.collapsed .nav-title{color:#0000;pointer-events:none;cursor:default;background:0 0;justify-content:center;min-height:8px;padding:0}.sidebar.collapsed .nav-title svg,.sidebar.collapsed .nav-title span{display:none}.nav,.nav-branch{gap:4px;display:grid}.nav-parent{color:#4f4f58}.nav-parent .nav-chevron{margin-left:auto}.nav-branch.closed .nav-chevron{transform:rotate(-90deg)}.nav-parent.active-parent{color:var(--text);box-shadow:none;background:#ededed}.nav-subnav{gap:4px;padding-left:18px;display:grid}.nav-child{min-height:34px;padding-left:12px}.nav-item{color:#71717a;text-align:left;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 14px;font-size:13px;font-weight:560;display:flex}.nav-item:hover{background:#ededed}.nav-item.active{background:var(--surface);color:var(--text);box-shadow:0 4px 12px #0000000d}.sidebar.collapsed .nav-item{justify-content:center;gap:0;min-height:38px;padding:0}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-branch,.sidebar.collapsed .nav-subnav{display:contents}.sidebar-account{color:#525252;border-top:1px solid #dedede;flex:none;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:9px;min-height:48px;padding:10px 8px 0;font-size:12px;font-weight:600;display:grid}.sidebar.collapsed .sidebar-account{grid-template-columns:1fr;justify-items:center;gap:8px;padding:10px 0 0}.sidebar.collapsed .account-meta{display:none}.account-avatar{color:#fff;background:#171717;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:720;display:inline-flex}.account-meta{gap:2px;min-width:0;display:grid}.account-meta strong,.account-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-meta strong{color:var(--text);font-size:13px;font-weight:660}.account-meta span{color:var(--muted);font-size:11px;font-weight:500}.account-logout{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.account-logout:hover{color:var(--text);background:#e8e8e8}.workspace{min-width:0;padding:0 0 12px}.topbar{justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 22px;display:flex}.top-links{align-items:center;gap:18px;min-width:0;display:flex;overflow:hidden}.top-links button,.toolbar-icon,.icon-button{color:#777;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:4px;display:inline-flex}.top-links button{white-space:nowrap;font-size:13px;font-weight:560}.toolbar-icon,.icon-button{border-radius:8px;width:30px;height:30px}.toolbar-icon:hover,.icon-button:hover{background:#e8e8e8}.content-panel{background:var(--surface);min-height:calc(100vh - 58px);box-shadow:var(--shadow);border-radius:14px;margin:0 12px 0 0;padding:30px 40px 48px}.playground-content-panel{padding:0;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{color:var(--muted);margin:0 0 5px;font-size:13px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:6px;font-size:24px;font-weight:760;line-height:1.22}h2{margin-bottom:0;font-size:16px;font-weight:720}.page-desc{max-width:880px;color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.55}.status-line{color:var(--muted);margin:10px 0 0;font-size:12px}.status-line.error{color:var(--red)}.status-line.success{color:#15803d}.divider{background:var(--border);height:1px;margin:20px 0 18px}.metrics{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.metric{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:108px;padding:18px}.compact-metric{min-height:96px}.metric-label{color:#535356;align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.metric-value{color:#050505;white-space:nowrap;margin-top:22px;font-size:22px;font-weight:760;line-height:1}.section{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.section+.section{margin-top:14px}.section-header{border-bottom:1px solid var(--border);align-items:center;min-height:46px;padding:0 16px;display:flex}.section-body{padding:14px 16px 16px}.two-column{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}
.gateway-docs{gap:14px;display:grid}.gateway-hero{border:1px solid var(--border);background:linear-gradient(#fff 0%,#fafafa 100%);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:18px;min-height:154px;padding:22px 24px;display:flex}.gateway-hero h2{color:var(--text);margin:0 0 8px;font-size:24px;font-weight:780;line-height:1.25}.gateway-hero p{max-width:820px;color:var(--muted-strong);margin:0;font-size:14px;line-height:1.7}.gateway-hero code,.gateway-steps code,.gateway-api-note code{border:1px solid var(--border);color:var(--text);background:#f7f7f8;border-radius:6px;padding:1px 5px;font-size:12px}.gateway-hero a{border:1px solid var(--border);min-height:34px;color:var(--text);background:var(--surface);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.gateway-hero a:hover{border-color:var(--border-strong);background:var(--surface-soft)}.gateway-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.gateway-copy-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) 30px;align-content:start;gap:8px;min-width:0;min-height:92px;padding:13px 13px 12px;display:grid}.gateway-copy-card>span{color:var(--muted);grid-column:1/-1;font-size:12px;font-weight:700}.gateway-copy-card strong{min-width:0;color:var(--text);overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:760;line-height:1.45}.gateway-copy-card small{color:var(--muted);grid-column:1/-1;font-size:12px}.gateway-copy-card .icon-button{place-self:start end}.gateway-api-split{margin-top:0}.gateway-api-note{border:1px solid var(--border);min-height:68px;color:var(--blue);background:#f8fbff;border-radius:8px;grid-template-columns:18px minmax(0,1fr);gap:10px;margin-bottom:12px;padding:12px;display:grid}.gateway-api-note.admin{color:var(--muted-strong);background:#fbfbfc}.gateway-api-note strong,.gateway-api-note span{display:block}.gateway-api-note strong{color:var(--text);font-size:13px;font-weight:760}.gateway-api-note span{color:var(--muted-strong);margin-top:4px;font-size:12px;line-height:1.55}.gateway-steps{counter-reset:gateway-step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.gateway-steps li{border-bottom:1px solid var(--border);min-height:58px;padding:0 0 10px 34px;position:relative}.gateway-steps li:last-child{border-bottom:0;padding-bottom:0}.gateway-steps li:before{counter-increment:gateway-step;content:counter(gateway-step);color:#fff;background:#111827;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:760;display:grid;position:absolute;top:1px;left:0}.gateway-steps strong,.gateway-steps span{display:block}.gateway-steps strong{color:var(--text);font-size:13px;font-weight:760}.gateway-steps span{color:var(--muted-strong);margin-top:4px;font-size:12px;line-height:1.55}.gateway-model-list{flex-wrap:wrap;gap:8px;display:flex}.gateway-model-list span{border:1px solid var(--border);background:var(--surface-soft);max-width:100%;min-height:32px;color:var(--text);overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;font-weight:700;display:inline-flex}.gateway-model-list em{color:var(--muted);white-space:nowrap;font-size:11px;font-style:normal}.gateway-code-block{border:1px solid var(--border);background:#fff;border-radius:8px;position:relative;overflow:hidden}.gateway-code-block .icon-button{background:#ffffffe0;position:absolute;top:10px;right:10px}.gateway-code-block pre{color:#24292f;max-height:360px;margin:0;padding:18px 52px 18px 18px;font-size:12px;line-height:1.62;overflow:auto}.gateway-code-block code{white-space:pre;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}
.audit-view{gap:12px;display:grid}.audit-tabs{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;align-items:center;gap:3px;width:fit-content;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.audit-tab{height:32px;color:var(--muted-strong);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.audit-tab:hover{color:var(--text);background:#eeeeef}.audit-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0f172a0f}.audit-tab strong{min-width:22px;height:20px;color:var(--muted);background:#e8e8ea;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:760;display:inline-flex}.audit-tab.active strong{color:#fff;background:#111}.request-history{gap:12px;display:grid}.request-history-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.request-search{border:1px solid var(--border);background:var(--surface-soft);min-width:260px;height:36px;color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.request-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.request-filter-tabs{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;align-items:center;gap:3px;min-height:36px;padding:3px;display:flex}.request-filter-tabs button{height:28px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px;font-weight:700}.request-filter-tabs button.active{background:var(--text);color:#fff}.request-metrics{margin-bottom:0}.request-history-layout{grid-template-columns:minmax(320px,.95fr) minmax(0,1.4fr);align-items:start;gap:12px;display:grid}.request-list-panel,.request-detail-panel{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;min-width:0}.request-list-panel{overflow:hidden}.request-list-head{border-bottom:1px solid var(--border);min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:flex}.request-list-head strong{color:var(--text);font-size:12px}.request-list{max-height:620px;overflow:auto}.request-list-row{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;width:100%;min-height:76px;padding:10px 12px;display:grid}.request-list-row:hover,.request-list-row.active{background:var(--surface)}.request-list-row.active{box-shadow:inset 3px 0 0 var(--text)}.request-row-main,.request-row-meta{min-width:0}.request-row-main{gap:3px;display:grid}.request-row-main strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:760;overflow:hidden}.request-row-main span,.request-id-line code,.request-client-agent code{font-family:SFMono-Regular,Consolas,monospace}.request-row-main span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.request-row-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.request-row-tail{grid-area:1/2/3;align-self:center;align-items:center;gap:8px;display:flex}.request-row-tail>span:last-child{color:var(--muted-strong);font-size:11px;font-weight:700}.request-detail-panel{align-content:start;gap:12px;min-height:620px;padding:14px;display:grid}.request-detail-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.request-detail-head div{gap:4px;min-width:0;display:grid}.request-detail-head span,.request-subsection-title span,.request-client-agent span,.detail-field span,.usage-stat span{color:var(--muted);font-size:11px;font-weight:720}.request-detail-head strong{color:var(--text);overflow-wrap:anywhere;font-size:18px;line-height:1.2}.request-id-line{border:1px dashed var(--border-strong);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:6px;min-width:0;min-height:36px;padding:0 6px 0 10px;display:grid}.request-id-line code{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.request-copy-button{width:28px;height:28px;color:var(--muted-strong);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.request-copy-button:hover{border-color:var(--border);background:var(--surface-soft);color:var(--text)}.request-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.detail-field,.usage-stat{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:5px;min-width:0;padding:9px 10px;display:grid}.detail-field strong,.usage-stat strong{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:12px;font-weight:760}.request-error-box{color:var(--red);overflow-wrap:anywhere;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;padding:10px;font-size:12px;font-weight:720}.request-subsection{gap:8px;display:grid}.request-subsection-title{justify-content:space-between;align-items:center;gap:10px;min-height:24px;display:flex}.request-subsection-title strong{color:var(--muted-strong);font-size:11px;font-weight:720}.request-usage-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.payload-grid{grid-template-columns:1fr;gap:8px;display:grid}.payload-block{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;overflow:hidden}.payload-block-head{border-bottom:1px solid var(--border);min-height:32px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-size:11px;font-weight:760;display:flex}.payload-block-head strong{color:var(--amber);background:#fef3c7;border-radius:999px;padding:2px 7px;font-size:10px}.payload-block pre{background:#fbfbfb;max-height:220px;margin:0;padding:10px;overflow:auto}.payload-block code{color:#27272a;white-space:pre;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.55}.attempt-timeline{gap:8px;display:grid}.attempt-row{grid-template-columns:28px minmax(0,1fr);gap:9px;min-width:0;display:grid}.attempt-marker{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:780;display:inline-flex}.attempt-marker.ok{background:var(--green)}.attempt-marker.error{background:var(--red)}.attempt-content{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:7px;min-width:0;padding:9px 10px;display:grid}.attempt-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.attempt-head strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:760;overflow:hidden}.attempt-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:11px;display:flex}.attempt-meta span{overflow-wrap:anywhere;max-width:100%}.attempt-error{color:var(--red);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.5}.request-client-agent{border-top:1px solid var(--border);gap:5px;min-width:0;padding-top:10px;display:grid}.request-client-agent code{color:var(--muted-strong);overflow-wrap:anywhere;font-size:11px;line-height:1.45}
.table-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.table-toolbar .search-box{flex:260px}.table-toolbar-actions{white-space:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.reports-center{gap:14px;display:grid}.reports-export-head{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.reports-export-head div{align-items:center;gap:9px;display:flex}.reports-export-head h2{color:var(--text);margin:0;font-size:15px;font-weight:760}.reports-export-head span,.report-export-card em{border:1px solid var(--border);background:var(--surface);color:var(--muted-strong);border-radius:999px;padding:2px 7px;font-size:10px;font-style:normal;font-weight:760}.reports-export-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.report-export-card{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:112px;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:flex-start;gap:12px;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.report-export-card:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 10px 22px #0f172a12}.report-export-card:disabled{cursor:wait;opacity:.7}.report-export-icon{width:38px;height:38px;color:var(--muted-strong);background:#f4f4f5;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.report-export-copy{gap:6px;min-width:0;display:grid}.report-export-copy strong{color:var(--text);font-size:14px;font-weight:780}.report-export-copy span{color:var(--muted);font-size:12px;line-height:1.5}.report-export-card.blue .report-export-icon{color:#2563eb;background:#eff6ff}.report-export-card.green .report-export-icon{color:#059669;background:#ecfdf5}.report-export-card.slate .report-export-icon{color:#475569;background:#f1f5f9}.report-export-card.amber .report-export-icon{color:#b45309;background:#fffbeb}.report-export-card.violet .report-export-icon{color:#7c3aed;background:#f5f3ff}.report-export-card.red .report-export-icon{color:#dc2626;background:#fef2f2}.reports-config-toolbar{justify-content:flex-end;margin-bottom:10px;display:flex}.workflow-hint{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:10px;padding:9px 10px;display:flex}.workflow-hint div:first-child{gap:2px;min-width:0;display:grid}.workflow-hint strong{color:var(--text);font-size:12px;font-weight:720}.workflow-hint span{color:var(--muted);font-size:11px}.workflow-hint-stats{flex:none;align-items:center;gap:6px;display:inline-flex}.workflow-hint-stats span{border:1px solid var(--border);background:var(--surface);color:var(--muted-strong);border-radius:999px;padding:3px 7px;font-weight:650}.provider-monitor-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px;margin-bottom:10px;overflow:hidden}.provider-monitor-head{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 5%, white), var(--surface));justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 14px;display:flex}.provider-monitor-head h2{color:var(--text);margin:0 0 4px;font-size:16px;font-weight:780;line-height:1.2}.provider-monitor-head span{color:var(--muted);font-size:12px}.provider-monitor-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.provider-monitor-summary span{border:1px solid var(--border);background:var(--surface);min-width:72px;color:var(--muted);border-radius:8px;gap:1px;padding:6px 9px;font-size:11px;display:grid}.provider-monitor-summary strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;line-height:1}.provider-monitor-table-wrap{width:100%;overflow-x:auto}.provider-monitor-table{table-layout:fixed;width:100%;min-width:1100px}.provider-monitor-table th:first-child,.provider-monitor-table td:first-child{width:21%}.provider-monitor-table th:nth-child(2),.provider-monitor-table td:nth-child(2){width:11%}.provider-monitor-table th:nth-child(3),.provider-monitor-table td:nth-child(3),.provider-monitor-table th:nth-child(4),.provider-monitor-table td:nth-child(4){width:13%}.provider-monitor-table th:nth-child(5),.provider-monitor-table td:nth-child(5){width:12%}.provider-monitor-table th:nth-child(6),.provider-monitor-table td:nth-child(6),.provider-monitor-table th:nth-child(7),.provider-monitor-table td:nth-child(7),.provider-monitor-table th:nth-child(8),.provider-monitor-table td:nth-child(8){width:7%}.provider-monitor-table th:nth-child(9),.provider-monitor-table td:nth-child(9){width:9%}.provider-monitor-table th{background:var(--surface-soft);height:34px;color:var(--muted)}.provider-monitor-table td{vertical-align:middle;height:58px}.provider-monitor-name{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.provider-monitor-avatar{color:#fff;background:#10b981;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:820;display:inline-flex}.provider-monitor-avatar.degraded{background:#f59e0b}.provider-monitor-avatar.down{background:#e11d48}.provider-monitor-avatar.unknown{background:#64748b}.provider-monitor-name strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:780;line-height:1.25;display:block;overflow:hidden}.provider-monitor-name span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.45;display:block;overflow:hidden}.provider-monitor-status-cell{gap:5px;display:grid}.provider-monitor-status{color:#059669;background:#ecfdf5;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:760;display:inline-flex}.provider-monitor-status.degraded{color:#d97706;background:#fffbeb}.provider-monitor-status.down{color:#e11d48;background:#fff1f2}.provider-monitor-status.unknown{color:#64748b;background:#f1f5f9}.provider-monitor-status i,.provider-probe-line i,.provider-monitor-legend i{background:currentColor;border-radius:50%;width:7px;height:7px;display:inline-block}.provider-monitor-status-cell small,.provider-monitor-subtle{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.provider-probe-line{color:#059669;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:12px;line-height:1.65;display:flex}.provider-probe-line.warn{color:#d97706}.provider-probe-line.down{color:#e11d48}.provider-probe-line.na{color:#9ca3af}.provider-probe-line small{text-overflow:ellipsis;min-width:0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.provider-monitor-metric{color:var(--text);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.provider-codex-quota{width:100%;min-width:0;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;padding:0;font-size:11px;display:grid}.provider-codex-quota strong{color:#059669;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;line-height:1}.provider-codex-quota span,.provider-codex-quota small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-codex-quota.limited strong,.provider-codex-quota.error{color:#e11d48}.provider-codex-quota.loading,.provider-codex-quota.na{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.provider-codex-quota-wrap{position:relative}.provider-codex-accounts-popover{z-index:1000;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:320px;padding:8px;display:grid;position:fixed;box-shadow:0 14px 35px #0f172a29}.provider-codex-account{border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px;display:grid}.provider-codex-account+.provider-codex-account{border-top:1px solid var(--border);border-radius:0}.provider-codex-account>div{gap:3px;min-width:0;display:grid}.provider-codex-account strong,.provider-codex-account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-codex-account strong{color:var(--text);font-size:12px}.provider-codex-account span{color:var(--muted);font-size:11px}.provider-codex-account span.limited{color:#e11d48}.provider-codex-account button{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;display:grid}.provider-codex-account button:hover{color:var(--primary);border-color:var(--primary)}.provider-codex-account button:disabled{opacity:.5;cursor:wait}.provider-codex-account button:disabled svg{animation:.8s linear infinite provider-codex-quota-spin}@keyframes provider-codex-quota-spin{to{transform:rotate(360deg)}}.provider-quality-score{gap:6px;min-width:82px;display:grid}.provider-quality-score strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1}.provider-quality-score span{background:var(--surface-3);border-radius:999px;height:4px;overflow:hidden}.provider-quality-score i{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#16a34a);height:100%;display:block}.provider-trend-bars{justify-content:flex-start;align-items:flex-end;gap:1px;min-width:88px;height:26px;display:flex;overflow:hidden}.provider-trend-bars span{background:var(--surface-3);border-radius:2px;flex:0 0 2px;width:2px;min-height:18px}.provider-trend-bars .success{background:#16a34a;min-height:24px}.provider-trend-bars .warning{background:#f59e0b;min-height:20px}.provider-trend-bars .failure{background:#e11d48;min-height:24px}.provider-monitor-legend{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;padding:9px 14px;font-size:11px;display:flex}.provider-monitor-legend span{align-items:center;gap:6px;display:inline-flex}.provider-monitor-legend .success{color:#16a34a}.provider-monitor-legend .warning{color:#f59e0b}.provider-monitor-legend .failure{color:#e11d48}.provider-monitor-legend em{color:var(--muted);margin-left:auto;font-style:normal}.settings-view{gap:12px;display:grid}.language-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.language-card strong{color:var(--text);font-size:14px;font-weight:760;display:block}.language-card span,.language-card small{color:var(--muted);font-size:12px}.language-card-control{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.language-switcher{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;align-items:center;gap:3px;width:fit-content;max-width:100%;padding:3px;display:inline-flex}.language-switcher button{height:26px;color:var(--muted-strong);cursor:pointer;white-space:nowrap;border-radius:6px;padding:0 10px;font-size:12px;font-weight:680}.language-switcher button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0f172a0f}.login-language-switcher{margin-bottom:2px}.settings-tabs{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;align-items:center;gap:3px;width:fit-content;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.settings-tab{height:28px;color:var(--muted-strong);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:0 11px;font-size:12px;font-weight:650}.settings-tab:hover{color:var(--text);background:#eeeeef}.settings-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0f172a0f}.search-box{border:1px solid var(--border);min-width:240px;height:32px;color:var(--muted);background:var(--surface-soft);border-radius:8px;align-items:center;gap:7px;padding:0 9px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.button{color:#fff;cursor:pointer;white-space:nowrap;background:#111;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:32px;padding:0 11px;font-size:12px;font-weight:650;display:inline-flex}.button.compact{width:32px;padding:0}.button:disabled{cursor:wait;opacity:.65}.secondary-button{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text);cursor:pointer;border-radius:8px;padding:0 11px;font-size:12px;font-weight:650}.compact-action{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:inline-flex}.text-button{color:#303035;cursor:pointer;background:#f4f4f5;border-radius:7px;height:26px;padding:0 7px;font-size:12px;font-weight:650}.danger-button{width:26px;height:26px;color:var(--red);cursor:pointer;background:#fee4e2;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.row-actions{align-items:center;gap:6px;display:flex}.api-key-download-menu{display:inline-flex}.api-key-download-trigger{align-items:center;gap:4px;display:inline-flex}.api-key-download-options{z-index:1200;border:1px solid var(--border-2);background:var(--surface);width:248px;box-shadow:var(--shadow-lg);border-radius:10px;position:fixed;overflow:hidden}.api-key-download-options button{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;padding:10px 12px}.api-key-download-options button:last-child{border-bottom:0}.api-key-download-options button:hover,.api-key-download-options button:focus-visible{background:var(--surface-2)}.api-key-download-options strong,.api-key-download-options span{display:block}.api-key-download-options strong{font-size:12px}.api-key-download-options span{color:var(--ink-3);margin-top:3px;font-size:10.5px}.resource-detail-layout{display:block}.resource-detail-layout.with-panel{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:14px;display:grid}.resource-table-pane{min-width:0}.team-members-panel,.project-quota-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;max-height:min(720px,100vh - 220px);overflow:auto}.team-members-head,.project-quota-head{border-bottom:1px solid var(--border);z-index:1;background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:flex;position:sticky;top:0}.team-members-head div,.project-quota-head div{gap:2px;min-width:0;display:grid}.team-members-head span,.project-quota-head span{color:var(--muted);font-size:12px;font-weight:700}.team-members-head strong,.project-quota-head strong{color:var(--text);overflow-wrap:anywhere;font-size:14px;font-weight:760}.team-members-panel .table-wrap{border:0}.project-quota-body{gap:12px;padding:12px;display:grid}.project-panel-section-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.project-panel-section-head div{gap:2px;min-width:0;display:grid}.project-panel-section-head strong{color:var(--text);font-size:13px;font-weight:780}.project-panel-section-head span{color:var(--muted);font-size:11px}.compact-button{min-height:32px;padding:0 10px}.project-member-list{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.project-member-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px;display:grid}.project-member-row:last-child{border-bottom:0}.project-member-user{align-items:center;gap:9px;min-width:0;display:flex}.project-member-avatar{border:1px solid var(--border);width:30px;height:30px;color:var(--accent);background:var(--surface-soft);border-radius:999px;flex:0 0 30px;place-items:center;display:inline-grid}.project-member-user div{gap:2px;min-width:0;display:grid}.project-member-user strong{color:var(--text);overflow-wrap:anywhere;font-size:13px;font-weight:760}.project-member-user span{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.project-member-meta{color:var(--muted-strong);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.project-member-meta>span{border:1px solid var(--border);background:var(--surface-soft);border-radius:999px;align-items:center;min-height:22px;padding:3px 8px;display:inline-flex}.project-member-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.quota-status-row{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px;display:flex}.quota-status-row div{gap:4px;min-width:0;display:grid}.quota-status-row strong{color:var(--text);font-size:13px;font-weight:760}.quota-status-row span{color:var(--muted);font-size:11px;line-height:1.45}.quota-request-banner{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px;display:flex}.quota-request-banner div{gap:4px;min-width:0;display:grid}.quota-request-banner strong{color:var(--text);font-size:13px;font-weight:760}.quota-request-banner span{color:var(--muted-strong);font-size:11px;line-height:1.45}.project-quota-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.project-quota-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:8px}th{color:#86868b;text-transform:uppercase;font-size:11px;font-weight:700}td{color:#37373a;overflow-wrap:anywhere;max-width:280px}tr.clickable-row{cursor:pointer}tr.clickable-row:hover td,tr.selected-row td{background:var(--surface-soft)}tr.selected-row td:first-child{box-shadow:inset 3px 0 0 var(--text)}.muted-inline{color:var(--muted);font-size:12px}.model-name-cell{gap:3px;min-width:150px;display:grid}.model-name-cell strong{color:var(--text);font-size:12px;font-weight:720}.model-name-cell span{color:var(--muted);font-size:11px}.route-provider-list{flex-wrap:wrap;align-items:center;gap:6px;min-width:260px;display:flex}.route-provider-chip{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-template-columns:8px auto auto;align-items:center;gap:1px 6px;max-width:280px;min-height:28px;padding:4px 7px;display:grid}.route-provider-chip strong,.route-provider-chip em,.route-provider-chip small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.route-provider-chip strong{color:var(--text);font-size:11px;font-style:normal;font-weight:720}.route-provider-chip em{color:var(--muted-strong);font-size:11px;font-style:normal}.route-provider-chip small{color:var(--muted);grid-column:2/4;font-size:10px}.route-dot{background:var(--border-strong);border-radius:50%;width:7px;height:7px}.route-dot.ok{background:var(--green)}.route-overflow{color:var(--muted);font-size:11px;font-weight:650}td:last-child,th:last-child{white-space:nowrap;min-width:92px}.pill{white-space:nowrap;min-width:58px;height:22px;color:var(--muted);background:#f0f0f0;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:680;display:inline-flex}.pill.ok{color:#15803d;background:#dcfce7}.pill.warn{color:var(--amber);background:#fef3c7}.pill.error{color:var(--red);background:#fee4e2}.status-switch{min-width:82px;height:28px;color:var(--muted-strong);cursor:pointer;background:#f4f4f5;border:1px solid #d7d7db;border-radius:999px;align-items:center;gap:7px;padding:2px 8px 2px 3px;font-size:12px;font-weight:720;display:inline-flex}.status-switch:hover{border-color:var(--border-strong);background:#eeeeef}.status-switch.active{color:#15803d;background:#ecfdf3;border-color:#bbf7d0}.status-switch-track{background:#c8c8cc;border-radius:999px;flex:none;align-items:center;width:34px;height:20px;padding:2px;display:inline-flex}.status-switch.active .status-switch-track{background:#22c55e}.status-switch-thumb{background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .14s;box-shadow:0 1px 3px #0000002e}.status-switch.active .status-switch-thumb{transform:translate(14px)}.status-switch strong{min-width:24px;font-size:12px;font-weight:760}.secret{overflow-wrap:anywhere;border:1px dashed var(--border-strong);background:var(--surface-soft);border-radius:8px;width:100%;margin-bottom:10px;padding:8px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.empty{color:var(--muted);padding:12px 0}.category-tabs{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;align-items:center;gap:4px;min-height:38px;margin-bottom:10px;padding:4px;display:flex;overflow-x:auto}.category-tab{height:28px;color:var(--muted-strong);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.category-tab em{min-width:20px;height:20px;color:var(--muted);background:#e8e8ea;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-style:normal;display:inline-flex}.category-tab:hover,.category-tab.active{background:var(--surface);color:var(--text)}.category-tab.active em{color:var(--blue);background:#dbeafe}
.model-catalog{grid-template-columns:176px minmax(0,1fr);align-items:start;gap:18px;display:grid}.model-catalog-table-mode{grid-template-columns:minmax(0,1fr)}.model-category-strip{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.model-category-strip-head{gap:2px;min-width:0;display:grid}.model-category-strip-head strong{color:var(--text);font-size:12px;font-weight:760}.model-category-strip-head span{color:var(--muted);font-size:11px}.model-category-tabs{gap:8px;min-width:0;padding-bottom:1px;display:flex;overflow-x:auto}.model-category-tab{border:1px solid var(--border);min-width:132px;min-height:32px;color:var(--text);cursor:pointer;text-align:left;background:#fbfbfb;border-radius:7px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;padding:4px 7px;display:grid}.model-category-tab:hover,.model-category-tab.active{background:var(--surface);border-color:#111}.model-category-tab .model-brand-icon{background:#fff;border:1px solid #d7dee8;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;overflow:hidden}.model-category-tab .model-brand-icon img{object-fit:contain;width:14px;height:14px;display:block}.model-category-tab .model-brand-icon svg{width:13px;height:13px}.model-category-tab strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:680;overflow:hidden}.model-category-tab em{color:var(--muted);font-size:11px;font-style:normal;font-weight:650}.route-matrix{grid-template-columns:176px minmax(0,1fr);align-items:start;gap:18px;display:grid}.model-catalog-sidebar{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px;box-shadow:0 10px 28px #0f172a0f}.model-catalog-sidebar-head{gap:2px;min-height:36px;margin-bottom:8px;display:grid}.model-catalog-sidebar-head strong{color:var(--text);font-size:12px;font-weight:760}.model-catalog-sidebar-head span{color:var(--muted);font-size:11px}.model-provider-list{gap:6px;max-height:calc(100vh - 250px);display:grid;overflow:auto}.model-provider-filter{border:1px solid var(--border);min-height:32px;color:var(--text);cursor:pointer;text-align:left;background:#fbfbfb;border-radius:7px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;padding:4px 7px;display:grid}.model-provider-filter:hover,.model-provider-filter.active{background:var(--surface);border-color:#111}.model-provider-icon{color:#111;background:#eeeeef;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:inline-flex}.model-provider-filter strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:680;overflow:hidden}.model-provider-filter em{color:var(--muted);font-size:11px;font-style:normal;font-weight:650}.model-catalog-main{gap:12px;min-width:0;display:grid}.model-filterbar{justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.model-capability-tabs{flex-wrap:wrap;gap:7px;min-width:0;display:flex}.model-capability-tab{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--muted-strong);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:680;display:inline-flex}.model-capability-tab em{color:var(--muted);font-size:11px;font-style:normal}.model-capability-tab:hover,.model-capability-tab.active{color:var(--text);border-color:#111}.model-catalog-actions{flex:none;align-items:center;gap:8px;display:flex}.model-search{width:220px}.model-catalog-summary{min-height:28px;color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.model-catalog-summary span{color:var(--text);font-weight:720}.model-catalog-summary strong{color:var(--blue);font-size:13px}.model-catalog-summary em{font-style:normal}.model-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.model-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:11px;min-width:0;min-height:248px;padding:14px;display:grid}.model-card:hover{border-color:#c2c8d0;box-shadow:0 10px 24px #0f172a0f}.model-card.unrouted{border-color:color-mix(in srgb, var(--warn) 34%, var(--border));background:linear-gradient(0deg, color-mix(in srgb, var(--warn) 8%, transparent), color-mix(in srgb, var(--warn) 8%, transparent)), var(--surface);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--warn) 72%, transparent)}.model-card.unrouted:hover{border-color:color-mix(in srgb, var(--warn) 46%, var(--border));box-shadow:inset 3px 0 0 var(--warn), 0 10px 24px #0f172a0f}.model-card-head,.model-card-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.model-card-brand{align-items:center;gap:8px;min-width:0;display:flex}.model-card-brand>span{color:#fff;background:#111;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:900;display:inline-flex}.model-card-brand div{align-items:center;gap:5px;min-width:0;display:flex}.model-card-brand em,.model-card-brand strong,.model-card-tags span{min-height:22px;color:var(--muted-strong);background:#f4f4f5;border-radius:5px;align-items:center;padding:4px 6px;font-size:11px;font-style:normal;font-weight:680;display:inline-flex}.model-card-brand strong{color:var(--blue);background:#eef6ff}.model-card h2{border-bottom:1px dashed var(--border);min-height:26px;color:var(--text);overflow-wrap:anywhere;margin:0;padding-bottom:8px;font-size:16px;font-weight:760;line-height:1.25}.model-card-tags{flex-wrap:wrap;align-items:center;gap:5px;min-height:24px;display:flex}.model-card-tags .official{color:var(--blue);background:#eef6ff}.model-card-tags .third{color:#d45113;background:#fff4ed}.model-card-tags .unrouted-tag{background:var(--warn-weak);color:var(--warn)}.model-availability-note,.model-availability{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px}.model-availability-note{color:var(--muted-strong);align-items:flex-start;gap:8px;padding:9px 10px;font-size:12px;line-height:1.55;display:flex}.model-availability-note svg{color:var(--accent);flex:none;margin-top:1px}.model-availability{gap:4px;padding:9px 10px;display:grid}.model-availability strong{color:var(--text);font-size:12px;font-weight:780}.model-availability span{color:var(--muted);font-size:11px;line-height:1.45}.model-availability.ready{border-color:color-mix(in srgb, var(--pos) 26%, var(--border));background:var(--pos-weak)}.model-availability.ready strong{color:var(--pos)}.model-availability.warning{border-color:color-mix(in srgb, var(--warn) 30%, var(--border));background:var(--warn-weak)}.model-availability.warning strong{color:var(--warn)}.model-availability.blocked{border-color:color-mix(in srgb, var(--red) 24%, var(--border));background:color-mix(in srgb, var(--red) 7%, var(--surface))}.model-availability.blocked strong{color:var(--red)}.model-availability.restricted{border-color:color-mix(in srgb, var(--accent) 24%, var(--border));background:var(--accent-weak)}.model-availability.restricted strong{color:var(--accent)}.model-card-pricing{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;display:grid}.model-metric{gap:2px;min-width:0;display:grid}.model-metric strong{color:var(--blue);font-size:12px;font-weight:780}.model-metric.muted strong{color:var(--muted)}.model-metric span{color:var(--muted);font-size:11px}.model-card-routes{min-height:32px}.model-card-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-start;padding-top:9px}.model-catalog-empty{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:24px}.model-bulk-toolbar{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--muted);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px 6px 12px;font-size:12px;display:flex}.model-bulk-toolbar>span{color:var(--text);font-weight:720}.model-bulk-toolbar>div{align-items:center;gap:7px;display:flex}.model-bulk-delete{justify-content:center;gap:6px;min-width:92px}.model-price-table-wrap{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px;overflow-x:auto}.model-price-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:960px}.model-price-table.admin{min-width:960px}.model-price-table.admin.selectable{min-width:1040px}.model-price-table th{border-bottom:1px solid var(--border);background:var(--surface-soft);height:42px;color:var(--muted);text-align:left;white-space:nowrap;padding:0 12px;font-size:12px;font-weight:760}.model-sort-button{width:100%;min-height:28px;color:inherit;cursor:pointer;font-weight:inherit;text-align:left;white-space:nowrap;background:0 0;border-radius:6px;justify-content:flex-start;align-items:center;gap:4px;padding:0;display:inline-flex}.model-sort-button:hover,.model-sort-button.active{color:var(--text)}.model-sort-icon{color:var(--ink-4);opacity:.58;flex:none;transition:transform .15s,color .15s,opacity .15s}.model-sort-button.active .model-sort-icon{color:var(--accent);opacity:1}.model-sort-button.active.asc .model-sort-icon{transform:rotate(180deg)}.model-price-table td{border-bottom:1px solid var(--border);vertical-align:middle;height:72px;padding:10px 12px}.model-price-table tbody tr:last-child td{border-bottom:0}.model-price-table tbody tr:hover{background:color-mix(in srgb, var(--accent) 3%, transparent)}.model-price-table tbody tr.unrouted{background:color-mix(in srgb, var(--warn) 6%, var(--surface))}.model-price-table tbody tr.selected-model-row{background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.model-price-table th.model-price-select,.model-price-table td.model-price-select{text-align:center;width:44px;padding-left:8px;padding-right:8px}.model-price-select input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.model-price-table th:first-child,.model-price-table td:first-child{width:22%}.model-price-table th:nth-child(2),.model-price-table td:nth-child(2){width:7%}.model-price-table th:nth-child(3),.model-price-table td:nth-child(3),.model-price-table th:nth-child(4),.model-price-table td:nth-child(4),.model-price-table th:nth-child(5),.model-price-table td:nth-child(5),.model-price-table th:nth-child(6),.model-price-table td:nth-child(6){width:8%}.model-price-table th:nth-child(7),.model-price-table td:nth-child(7){width:10%}.model-price-table th:nth-child(8),.model-price-table td:nth-child(8){width:12%}.model-price-table th:nth-child(9),.model-price-table td:nth-child(9){width:8%}.model-price-table.admin th:nth-child(10),.model-price-table.admin td:nth-child(10){width:11%}.model-price-table.admin.selectable th:first-child,.model-price-table.admin.selectable td:first-child{width:44px}.model-price-table.admin.selectable th:nth-child(2),.model-price-table.admin.selectable td:nth-child(2){width:20%}.model-price-table.admin.selectable th:nth-child(3),.model-price-table.admin.selectable td:nth-child(3){width:7%}.model-price-table.admin.selectable th:nth-child(4),.model-price-table.admin.selectable td:nth-child(4),.model-price-table.admin.selectable th:nth-child(5),.model-price-table.admin.selectable td:nth-child(5),.model-price-table.admin.selectable th:nth-child(6),.model-price-table.admin.selectable td:nth-child(6),.model-price-table.admin.selectable th:nth-child(7),.model-price-table.admin.selectable td:nth-child(7){width:8%}.model-price-table.admin.selectable th:nth-child(8),.model-price-table.admin.selectable td:nth-child(8){width:10%}.model-price-table.admin.selectable th:nth-child(9),.model-price-table.admin.selectable td:nth-child(9){width:11%}.model-price-table.admin.selectable th:nth-child(10),.model-price-table.admin.selectable td:nth-child(10){width:8%}.model-price-table.admin.selectable th:nth-child(11),.model-price-table.admin.selectable td:nth-child(11){width:11%}.model-price-name{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.model-price-name .model-brand-icon{background:#fff;border:1px solid #d7dee8;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.model-price-name .model-brand-icon img{object-fit:contain;width:21px;height:21px;display:block}.model-brand-icon.fallback{background:var(--surface-soft);color:var(--muted-strong)}.model-price-name strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:780;line-height:1.25;display:block;overflow:hidden}.model-price-name>div>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;display:block;overflow:hidden}.model-type-badge,.model-source-pill{border:1px solid var(--border);background:var(--surface-soft);width:fit-content;color:var(--muted-strong);white-space:nowrap;border-radius:7px;align-items:center;padding:3px 8px;font-size:12px;font-weight:760;display:inline-flex}.model-type-badge.low{color:#059669;background:#ecfdf5;border-color:#bbf7d0}.model-type-badge.balanced{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.model-type-badge.reasoning{color:#7c3aed;background:#faf5ff;border-color:#e9d5ff}.model-type-badge.code,.model-type-badge.media{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.model-type-badge.flagship{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.model-price-number,.model-monthly-cost,.model-context-cell strong,.model-price-index strong{color:var(--text);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:780}.model-price-number.output{color:#c45a12}.model-price-number.muted{color:var(--muted)}.model-cache-price{cursor:help;outline:none;align-items:center;gap:4px;display:inline-flex;position:relative}.model-cache-price svg{color:var(--muted);flex:none}.model-cache-price:after{z-index:20;color:#f8fafc;content:attr(data-tooltip);opacity:0;pointer-events:none;text-align:left;visibility:hidden;white-space:normal;background:#172033;border:1px solid #ffffff1f;border-radius:8px;width:max-content;max-width:300px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.45;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 24px #0f172a33}.model-cache-price:hover:after,.model-cache-price:focus:after{opacity:1;visibility:visible;transform:translate(-50%)}.model-cache-price.estimated .model-price-number{border-bottom:1px dashed}.model-context-cell{gap:2px;display:grid}.model-context-cell span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.model-price-index{grid-template-columns:minmax(44px,1fr) auto;align-items:center;gap:6px;min-width:0;display:grid}.model-price-index>span{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;height:26px;overflow:hidden}.model-price-index i{border-radius:inherit;background:linear-gradient(90deg,#d8f3dc,#dbeafe);height:100%;display:block}.model-source-cell{gap:5px;display:grid}.model-source-pill.official{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.model-source-pill.third{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.model-source-pill.missing{border-color:var(--border);background:var(--surface-soft);color:var(--muted)}.model-source-cell small{color:var(--muted);white-space:nowrap;font-size:11px}.model-row-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.route-model-list{gap:12px;display:grid}.route-model-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;min-width:0;padding:14px;display:grid}.route-model-card:hover{border-color:#c2c8d0;box-shadow:0 10px 24px #0f172a0f}.route-model-head{justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;display:flex}.route-model-head>div:first-child{gap:8px;min-width:0;display:grid}.route-model-head h2{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:760;line-height:1.25}.model-card-brand.compact>span{border-radius:7px;width:24px;height:24px;font-size:15px}.route-model-stats{flex:none;justify-items:end;gap:5px;display:grid}.route-model-stats span:last-child{color:var(--muted);font-size:11px;font-weight:650}.route-order-list{gap:7px;display:grid}.route-provider-row{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-template-columns:26px 30px minmax(150px,1fr) minmax(170px,1.15fr) auto auto;align-items:center;gap:9px;min-height:58px;padding:8px;display:grid}.route-provider-row.dragging{opacity:.52;border-style:dashed}.route-provider-row:hover{background:#fbfbfb;border-color:#c2c8d0}.route-drag-handle{width:26px;height:32px;color:var(--muted);cursor:grab;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.route-drag-handle:disabled{cursor:wait;opacity:.55}.route-order-badge{color:#fff;background:#111;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-flex}.route-provider-main,.route-upstream-model{gap:3px;min-width:0;display:grid}.route-provider-main strong,.route-upstream-model strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:730;overflow:hidden}.route-provider-main span,.route-upstream-model span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.route-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.route-empty{border:1px dashed var(--border);background:var(--surface-soft);border-radius:8px;padding:14px}.pagination{border-top:1px solid var(--border);min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:10px;font-size:12px;display:flex}.pagination-controls{align-items:center;gap:12px;display:flex}.page-size{align-items:center;gap:7px;display:inline-flex}.page-size select{border:1px solid var(--border);background:var(--surface);height:30px;color:var(--text);border-radius:7px;padding:0 8px}.page-buttons{align-items:center;gap:4px;display:inline-flex}.page-buttons button{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--muted-strong);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.page-buttons button:disabled{cursor:default;opacity:.42}.page-buttons span{text-align:center;min-width:54px;color:var(--muted-strong);font-weight:650}
.overview-report{gap:20px;display:grid}.overview-report-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.overview-report-head h1{margin-bottom:6px}.overview-workbench{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;gap:14px;padding:18px;display:grid}.overview-workbench-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.overview-workbench-main h2{color:var(--ink);letter-spacing:0;margin:0 0 7px;font-size:18px;font-weight:760;line-height:1.25}.overview-workbench-main p{max-width:720px;color:var(--ink-2);margin:0;font-size:13px;line-height:1.65}.overview-readiness{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;gap:3px;min-width:128px;padding:10px 12px;display:grid}.overview-workbench-controls{grid-template-columns:minmax(0,1fr) 32px;align-items:start;gap:8px;display:grid}.workbench-dismiss{width:32px;height:32px;color:var(--ink-3)}.overview-readiness span,.overview-readiness small{color:var(--ink-3);font-size:11.5px;font-weight:650}.overview-readiness strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:24px;line-height:1.1}.overview-primary-action{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 13px;display:flex}.overview-primary-action>div{gap:4px;min-width:0;display:grid}.overview-primary-action strong{color:var(--ink);font-size:14px;font-weight:760}.overview-primary-action small{color:var(--ink-2);font-size:12px;line-height:1.45}.overview-workbench-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.overview-workbench-item{border:1px solid var(--border);text-align:left;background:var(--surface-2);cursor:pointer;border-radius:14px;grid-template-columns:34px minmax(0,1fr);gap:10px;min-width:0;min-height:112px;padding:12px;display:grid}.overview-workbench-item:hover{border-color:var(--border-strong);background:var(--surface);box-shadow:var(--shadow-sm)}.workbench-icon{background:var(--surface);width:34px;height:34px;color:var(--ink-2);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.workbench-icon.ready{background:color-mix(in srgb, var(--pos) 11%, var(--surface));color:var(--pos)}.workbench-icon.attention{background:color-mix(in srgb, var(--warn) 13%, var(--surface));color:var(--warn)}.workbench-icon.next{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent)}.workbench-item-body{gap:5px;min-width:0;display:grid}.workbench-item-body strong{color:var(--ink);font-size:13.5px;font-weight:760;line-height:1.25}.workbench-item-body small{color:var(--ink-2);font-size:12px;line-height:1.45}.workbench-status{width:fit-content;min-height:21px;color:var(--ink-2);background:var(--surface);border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:760;line-height:1;display:inline-flex}.workbench-status.ready{background:color-mix(in srgb, var(--pos) 10%, var(--surface));color:var(--pos)}.workbench-status.attention{background:color-mix(in srgb, var(--warn) 12%, var(--surface));color:var(--warn)}.workbench-status.next{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent)}.overview-range-tabs,.overview-metric-tabs{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:4px;padding:4px;display:inline-flex}.overview-range-tabs{flex:none}.overview-range-tabs button,.overview-metric-tabs button{height:34px;color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;padding:0 15px;font-size:13px;font-weight:650}.overview-range-tabs button.active,.overview-metric-tabs button.active{background:var(--accent-weak);color:var(--accent);box-shadow:var(--shadow-sm)}.overview-metrics{margin-bottom:4px}.overview-metric-card{align-content:start;gap:14px;min-height:138px;display:grid}.overview-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.overview-card-head>span{background:var(--pos-weak);min-height:24px;color:var(--pos);white-space:nowrap;border-radius:8px;align-items:center;padding:4px 8px;font-size:11.5px;font-weight:760;display:inline-flex}.overview-metric-card .metric-value{margin-top:0;font-size:29px}.overview-sparkline{width:100%;height:32px;margin-top:auto;display:block}.overview-sparkline path{fill:none;stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.overview-health-caption{min-height:32px;color:var(--ink-2);align-items:center;gap:8px;margin-top:auto;font-size:12.5px;display:flex}.overview-health-caption span{background:var(--pos);border-radius:50%;width:8px;height:8px}.overview-report-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.95fr);align-items:stretch;gap:16px;display:grid}.overview-side-stack{gap:16px;min-width:0;display:grid}.overview-panel{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:16px}.overview-trend-panel{grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:432px;padding:22px 22px 16px;display:grid}.overview-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.overview-panel h2,.overview-panel-head h2{color:var(--ink);margin:0;font-size:16px;font-weight:720}.overview-panel-head p{align-items:baseline;gap:10px;margin:12px 0 0;display:flex}.overview-panel-head p strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:28px;line-height:1}.overview-panel-head p span{color:var(--pos);font-size:13px;font-weight:760}.overview-panel-head p em{color:var(--ink-3);font-size:12.5px;font-style:normal}.overview-metric-tabs{background:var(--surface-3)}.overview-chart-wrap{min-width:0;overflow:hidden}.overview-chart{width:100%;height:100%;min-height:300px;display:block}.overview-chart line{stroke:var(--chart-grid);stroke-width:1px}.overview-chart text{fill:var(--ink-3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.overview-chart-area{fill:url(#overviewArea)}.overview-chart-line{fill:none;stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.overview-axis-label{text-anchor:middle}.overview-share-panel,.overview-top-panel{min-height:190px;padding:20px}.overview-share-content{grid-template-columns:142px minmax(0,1fr);align-items:center;gap:24px;margin-top:22px;display:grid}.overview-donut{aspect-ratio:1;border-radius:50%;place-items:center;width:126px;display:grid;position:relative}.overview-donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:22px}.overview-donut div{z-index:1;justify-items:center;gap:4px;display:grid;position:relative}.overview-donut strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:19px;line-height:1}.overview-donut span{color:var(--ink-3);font-size:10px}.overview-share-list{gap:13px;display:grid}.overview-share-row{color:var(--ink-2);grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;display:grid}.overview-share-row strong{color:var(--ink);font-weight:760}.overview-share-dot{background:var(--accent);border-radius:3px;width:9px;height:9px}.overview-share-dot.color-1{background:var(--accent-2)}.overview-share-dot.color-2{background:var(--ink-4)}.overview-top-list{gap:14px;margin-top:22px;display:grid}.overview-top-row{gap:7px;display:grid}.overview-top-row>div{color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.overview-top-row em{color:var(--ink-3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-style:normal}.overview-progress{background:var(--surface-3);border-radius:999px;height:7px;overflow:hidden}.overview-progress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.role-usage-overview{gap:16px}
.usage-monitor-dashboard{gap:14px;display:grid}.usage-monitor-status{border:1px solid var(--border);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 48%), var(--surface);min-height:76px;box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.usage-monitor-title{align-items:center;gap:12px;min-width:0;display:flex}.usage-monitor-title h1{color:var(--ink);margin:0 0 4px;font-size:22px;font-weight:780;line-height:1.15}.usage-monitor-title span:not(.usage-monitor-dot){color:var(--ink-3);font-size:12px}.usage-monitor-dot{width:11px;height:11px;box-shadow:0 0 0 5px color-mix(in srgb, var(--pos) 12%, transparent);border-radius:50%;flex:none}.usage-monitor-dot.ok{background:var(--pos)}.usage-monitor-dot.warn{background:var(--warn);box-shadow:0 0 0 5px color-mix(in srgb, var(--warn) 14%, transparent)}.usage-monitor-dot.bad{background:var(--danger);box-shadow:0 0 0 5px color-mix(in srgb, var(--danger) 13%, transparent)}.usage-monitor-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.usage-monitor-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.usage-monitor-kpi{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:124px;box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px;display:grid;position:relative;overflow:hidden}.usage-monitor-kpi:after{content:"";opacity:.08;border:8px solid;border-radius:50%;width:92px;height:92px;position:absolute;bottom:-38px;right:-28px}.usage-monitor-kpi-icon{background:var(--surface-2);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.usage-monitor-kpi.blue{color:var(--accent)}.usage-monitor-kpi.green{color:var(--pos)}.usage-monitor-kpi.red{color:var(--danger)}.usage-monitor-kpi.amber{color:var(--warn)}.usage-monitor-kpi.purple{color:#7c3aed}.usage-monitor-kpi div{gap:7px;min-width:0;display:grid}.usage-monitor-kpi div>span{color:var(--ink-3);font-size:12px;font-weight:680}.usage-monitor-kpi strong{color:var(--ink);overflow-wrap:normal;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(22px,1.72vw,27px);font-weight:780;line-height:1}.usage-monitor-kpi small{color:var(--ink-3);font-size:11.5px;line-height:1.35}.usage-monitor-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1.28fr) minmax(260px,.72fr);align-items:stretch;gap:12px;display:grid}.usage-monitor-bottom-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,.86fr);gap:12px;display:grid}.usage-monitor-panel{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:16px;padding:16px}.usage-monitor-panel.traffic,.usage-monitor-panel.health,.usage-monitor-panel.token-mix{min-height:286px}.usage-monitor-panel.health{flex-direction:column;display:flex}.usage-monitor-panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.usage-monitor-panel-head.compact{margin-bottom:14px}.usage-monitor-panel-head h2{color:var(--ink);margin:0 0 5px;font-size:15px;font-weight:760;line-height:1.25}.usage-monitor-panel-head span{color:var(--ink-3);font-size:12px}.usage-monitor-legend,.usage-health-legend{color:var(--ink-3);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:11.5px;display:inline-flex}.usage-monitor-legend span,.usage-health-legend span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.usage-monitor-legend i,.usage-health-legend i,.token-mix-row i{background:var(--accent);border-radius:3px;width:8px;height:8px;display:inline-block}.usage-monitor-legend .tokens,.token-mix-row .output{background:var(--pos)}.token-mix-row .input{background:var(--accent)}.usage-traffic-chart{min-width:0;overflow:hidden}.usage-traffic-chart svg{width:100%;min-height:210px;display:block}.usage-traffic-grid line{stroke:var(--chart-grid)}.usage-traffic-bar{fill:color-mix(in srgb, var(--pos) 72%, white)}.usage-traffic-line{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.usage-traffic-chart text{fill:var(--ink-3);text-anchor:middle;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.health-rate{background:var(--pos-weak);color:var(--pos);border-radius:9px;padding:5px 9px;font-size:13px;font-weight:780}.health-rate.warn{background:var(--warn-weak);color:var(--warn)}.usage-health-timeline{flex:1;grid-template-rows:minmax(132px,1fr) auto;justify-items:stretch;gap:12px;min-height:0;padding-top:4px;display:grid}.usage-health-grid{flex-direction:column;justify-content:space-between;gap:3px;width:100%;height:100%;display:flex}.usage-health-row{justify-content:space-between;align-items:center;gap:3px;min-width:0;display:flex}.usage-health-cell{aspect-ratio:1;border:1px solid var(--border);background:var(--surface-3);border-radius:2px;flex:6px;min-width:0;max-width:6px}.usage-health-cell.success,.usage-health-legend .success{border-color:color-mix(in srgb, var(--pos) 24%, var(--border));background:var(--pos)}.usage-health-cell.warning,.usage-health-legend .warning{border-color:color-mix(in srgb, var(--warn) 28%, var(--border));background:var(--warn)}.usage-health-cell.failure,.usage-health-legend .failure{border-color:color-mix(in srgb, var(--danger) 26%, var(--border));background:var(--danger)}.usage-health-legend .none{background:var(--surface-3)}.token-mix-list{gap:16px;display:grid}.token-mix-total{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;display:flex}.token-mix-total span{color:var(--ink-3);font-size:12px}.token-mix-total strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:24px}.token-mix-row{gap:8px;display:grid}.token-mix-row>div{color:var(--ink-2);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.token-mix-row span{align-items:center;gap:6px;display:inline-flex}.token-mix-row strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.token-mix-row em{color:var(--ink-3);font-style:normal}.token-mix-bar,.usage-rank-progress{background:var(--surface-3);border-radius:999px;height:7px;overflow:hidden}.token-mix-bar span,.usage-rank-progress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.token-mix-bar .output{background:var(--pos)}.usage-rank-list,.usage-failure-list{gap:11px;display:grid}.usage-rank-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.usage-rank-index{background:var(--accent-weak);width:24px;height:24px;color:var(--accent);border-radius:7px;justify-content:center;align-items:center;font-size:12px;font-weight:780;display:inline-flex}.usage-rank-row>div{gap:5px;min-width:0;display:grid}.usage-rank-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:13px;font-weight:760;overflow:hidden}.usage-rank-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-3);font-size:11.5px;overflow:hidden}.usage-rank-row em{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-style:normal;font-weight:760}.usage-failure-row{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.usage-failure-row div{gap:4px;min-width:0;display:grid}.usage-failure-row strong{color:var(--danger);font-size:12px;font-weight:760}.usage-failure-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-3);font-size:11.5px;overflow:hidden}.usage-failure-row em{color:var(--ink-2);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-style:normal}@media (max-width:1180px){.usage-monitor-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-monitor-grid,.usage-monitor-bottom-grid{grid-template-columns:1fr 1fr}.usage-monitor-panel.token-mix,.usage-monitor-panel.failures{grid-column:1/-1}}@media (max-width:980px){.usage-monitor-status{flex-direction:column;align-items:stretch}.usage-monitor-actions{justify-content:flex-start}.usage-monitor-kpis,.usage-monitor-grid,.usage-monitor-bottom-grid{grid-template-columns:1fr}.usage-monitor-panel.token-mix,.usage-monitor-panel.failures{grid-column:auto}}@media (max-width:640px){.usage-monitor-status,.usage-monitor-panel{padding:14px}.usage-monitor-title{align-items:flex-start}.usage-monitor-kpi{min-height:108px}.usage-monitor-panel.traffic,.usage-monitor-panel.health,.usage-monitor-panel.token-mix{min-height:0}.usage-rank-row{grid-template-columns:24px minmax(0,1fr)}.usage-rank-row em{grid-column:2}}.executive-report{gap:14px;margin-bottom:16px;display:grid}.executive-report-head{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.executive-report-head h2{color:var(--ink);margin:0 0 5px;font-size:22px;font-weight:760;line-height:1.2}.executive-report-head span,.executive-panel-head span{color:var(--ink-3);font-size:12.5px}.executive-report-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.executive-report-tools span{border:1px solid var(--border);background:var(--surface-2);min-height:30px;color:var(--ink-2);white-space:nowrap;border-radius:9px;align-items:center;padding:6px 10px;font-size:12px;font-weight:650;display:inline-flex}.executive-report-tools span:first-child{background:var(--accent-weak);color:var(--accent)}.executive-report-tools.subtle span:first-child{background:var(--surface-2);color:var(--ink-2)}.executive-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.executive-kpi,.executive-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px}.executive-kpi{align-content:start;gap:8px;min-height:108px;padding:16px 18px;display:grid}.executive-kpi span{color:var(--ink-2);font-size:12.5px;font-weight:650}.executive-kpi strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:28px;line-height:1}.executive-kpi small{color:var(--ink-3);font-size:12px;line-height:1.45}.executive-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);align-items:stretch;gap:14px;display:grid}.executive-panel{min-width:0;overflow:hidden}.executive-chart-panel,.executive-department-panel,.executive-member-panel{padding:18px}.executive-panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.executive-panel-head.compact{margin-bottom:12px}.executive-panel-head h3{color:var(--ink);margin:0 0 5px;font-size:15px;font-weight:740}.executive-legend{color:var(--ink-2);white-space:nowrap;align-items:center;gap:12px;font-size:12px;display:inline-flex}.executive-legend span{align-items:center;gap:6px;display:inline-flex}.executive-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.executive-legend .input{background:var(--accent)}.executive-legend .output{background:var(--accent-2)}.executive-chart-wrap{min-width:0;overflow:hidden}.executive-chart{width:100%;min-height:300px;display:block}.executive-chart line{stroke:var(--chart-grid)}.executive-chart text{fill:var(--ink-3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.executive-bar-bg{fill:var(--surface-3)}.executive-bar-input{fill:var(--accent)}.executive-bar-output{fill:var(--accent-2)}.executive-bar-value{text-anchor:middle;fill:var(--ink-2);font-weight:700}.executive-bar-label{text-anchor:middle;fill:var(--ink-2);font-weight:650}.executive-rank-list{gap:10px;display:grid}.executive-rank-row{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.executive-rank-index,.executive-rank-badge{background:var(--accent-weak);min-width:26px;height:26px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:760;display:inline-flex}.executive-rank-row div{gap:4px;min-width:0;display:grid}.executive-rank-row strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.executive-rank-row small{color:var(--ink-3);font-size:11.5px}.executive-rank-row em{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-style:normal;font-weight:760}.executive-progress{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.executive-progress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.executive-table-wrap{overflow:auto}.executive-rank-table{min-width:980px}.executive-rank-table th{background:var(--surface-2)}.executive-rank-table td{height:48px}.executive-rank-table td:nth-child(n+4),.executive-rank-table th:nth-child(n+4){text-align:right}.executive-rank-table td strong{color:var(--ink);font-weight:760}.executive-rank-table td small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;display:block;overflow:hidden}.flow-list{gap:8px;display:grid}
.overview-playground-card{width:100%;min-height:58px;color:var(--text);text-align:left;cursor:pointer;background:#f8fbff;border:1px solid #cfd6e2;border-radius:8px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:grid}.overview-playground-card:hover{background:#f4f8ff;border-color:#9bb5da}.overview-playground-card strong{font-size:13px;font-weight:740;display:block}.overview-playground-card small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.overview-playground-icon{color:#fff;background:#111;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.overview-announcements{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:14px;overflow:hidden}.overview-announcements-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 14px 0 16px;display:flex}.overview-announcements-head div{align-items:center;gap:8px;min-width:0;display:flex}.overview-announcements-head strong{color:var(--text);font-size:14px;font-weight:760}.overview-announcements-head span{color:var(--muted);font-size:12px;font-weight:650}.overview-announcement-list{gap:10px;padding:12px;display:grid}.overview-announcement{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-height:62px;padding:11px 12px;display:grid}.overview-announcement.popup{background:#eff6ff;border-color:#bfdbfe}.overview-announcement strong{color:var(--text);font-size:13px;font-weight:760}.overview-announcement p{color:var(--muted-strong);margin:5px 0 0;font-size:12px;line-height:1.55}.overview-announcement>span{border:1px solid var(--border);background:var(--surface);min-height:24px;color:var(--muted-strong);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:760}.flow-row{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-height:56px;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.flow-row strong{font-size:13px;display:block}.flow-row small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.45;display:block}.step-no{color:#fff;background:#111;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-weight:800;display:inline-flex}.chart-wrap{width:100%;padding-top:4px;overflow-x:auto}.legend{color:#343434;align-items:center;gap:8px;height:28px;font-size:12px;font-weight:600;display:flex}.legend-dot{background:var(--blue);width:9px;height:9px}.chart{width:100%;min-width:900px;height:300px}.chart line{stroke:#e9edf2;stroke-dasharray:4 5}.chart text{fill:#9a9ba0;font-size:11px;font-weight:560}.chart rect{fill:var(--blue)}
.modal-backdrop{z-index:20;background:#18181b47;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;width:min(720px,100%);max-height:calc(100vh - 44px);overflow:auto;box-shadow:0 20px 60px #00000038}.provider-modal{width:min(1080px,100%)}.provider-wizard-modal{width:min(980px,100%)}.identity-provider-modal{width:min(900px,100%)}.user-import-modal{width:min(760px,100%)}.api-key-wizard-modal{width:min(980px,100%)}.playground-modal{width:min(880px,100%);overflow:hidden}.playground-page{background:var(--surface);border:0;border-radius:14px;min-height:calc(100vh - 58px);overflow:hidden}.confirm-modal{background:var(--surface);border-radius:12px;width:min(420px,100%);padding:18px;box-shadow:0 20px 60px #00000038}.modal-header.slim{min-height:60px}.confirm-modal p{color:var(--muted);margin:8px 0 14px;line-height:1.55}.issued-key-modal{gap:14px;width:min(560px,100%);padding:18px;display:grid}.issued-key-modal h2{margin:0}.issued-key-modal p{margin:8px 0 0}.issued-key-icon{background:var(--accent-weak);width:38px;height:38px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.issued-key-field{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:8px;min-width:0;padding:10px;display:grid}.issued-key-field span{color:var(--muted);font-size:11px;font-weight:720}.issued-key-field textarea{resize:vertical;background:var(--surface);width:100%;min-height:74px;color:var(--text);border:0;border-radius:8px;padding:10px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6}.issued-key-modal .modal-actions{min-height:0;margin:0 -18px -18px}.issued-key-modal .secondary-button{align-items:center;gap:7px;display:inline-flex}.danger-confirm{background:var(--red);color:#fff;cursor:pointer;border-radius:8px;height:32px;padding:0 11px;font-size:12px;font-weight:650}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;min-height:64px;padding:14px 18px;display:flex}.modal-body{grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px;display:grid}.user-import-body{grid-template-columns:1fr}.user-import-textarea{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.55}.user-import-example{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:7px;padding:10px 11px;display:grid}.user-import-example strong{color:var(--text);font-size:12px}.user-import-example code{color:var(--muted-strong);overflow-wrap:anywhere;font-size:12px}.user-import-example span{color:var(--muted);font-size:11px;line-height:1.5}.wizard-stepper{border-bottom:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 18px;display:grid}.wizard-step{border:1px solid var(--border);background:var(--surface-soft);min-width:0;min-height:42px;color:var(--muted-strong);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:7px 9px;display:flex}.wizard-step:disabled{cursor:default;opacity:.72}.wizard-step span{background:var(--surface);width:24px;height:24px;color:var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.wizard-step strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:720;overflow:hidden}.wizard-step.active{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));background:var(--accent-weak);color:var(--accent)}.wizard-step.active span,.wizard-step.done span{background:var(--accent);color:var(--accent-ink)}.api-key-wizard-body{padding:16px 18px}.wizard-panel{align-content:start;gap:14px;min-height:360px;display:grid}.wizard-panel-head{gap:5px;display:grid}.wizard-panel-head h3{color:var(--text);margin:0;font-size:16px;font-weight:780}.wizard-panel-head p{max-width:720px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.wizard-project-grid,.wizard-choice-row,.wizard-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wizard-project-card,.wizard-choice,.wizard-review-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:7px;min-width:0;padding:12px;display:grid}.wizard-project-card,.wizard-choice{text-align:left;color:var(--text);cursor:pointer}.wizard-project-card:hover,.wizard-project-card.active,.wizard-choice:hover,.wizard-choice.active{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));background:var(--accent-weak)}.wizard-project-card.active,.wizard-choice.active{box-shadow:inset 3px 0 0 var(--accent)}.wizard-project-card strong,.wizard-choice strong,.wizard-review-item strong{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:13px;font-weight:760}.wizard-project-card span,.wizard-choice span,.wizard-review-item span{color:var(--muted);font-size:11px;line-height:1.45}.wizard-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wizard-form-grid .field{margin-bottom:0}.wizard-model-list{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:280px;padding:8px;display:grid;overflow:auto}.wizard-model-option{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:flex-start;gap:9px;min-width:0;padding:9px;display:flex}.wizard-model-option input{margin-top:2px}.wizard-model-option span{gap:3px;min-width:0;display:grid}.wizard-model-option strong{color:var(--text);overflow-wrap:anywhere;font-size:12px}.wizard-model-option em{color:var(--muted);font-size:11px;font-style:normal}.wizard-empty{text-align:center;place-items:center;min-height:140px;display:grid}.wizard-actions{gap:8px}.provider-modal-body{grid-template-columns:260px minmax(0,1fr);gap:14px;min-height:560px;padding:16px 18px;display:grid}.provider-modal-body.provider-wizard-single{grid-template-columns:1fr}.identity-provider-body{gap:14px;padding:16px 18px;display:grid}.identity-provider-section,.identity-provider-advanced,.identity-provider-template-panel{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;padding:14px}.identity-provider-section-head{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.identity-provider-section-head h3{color:var(--text);letter-spacing:0;margin:0;font-size:14px;font-weight:780}.identity-provider-section-head span,.identity-provider-advanced summary span{color:var(--muted);font-size:12px;line-height:1.45}.identity-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.identity-provider-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.identity-template-card{border:1px solid var(--border);text-align:left;background:var(--surface);min-width:0;min-height:120px;color:var(--text);cursor:pointer;border-radius:10px;align-content:start;gap:7px;padding:11px;display:grid}.identity-template-card:hover,.identity-template-card.active{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.identity-template-card.active{box-shadow:inset 3px 0 0 var(--accent)}.identity-template-card strong,.identity-template-card em,.identity-template-card small{min-width:0}.identity-template-card strong{color:var(--text);font-size:13px;font-weight:760}.identity-template-card em{color:var(--accent);font-size:11px;font-style:normal;font-weight:720}.identity-template-card small{color:var(--muted);font-size:11px;line-height:1.45}.identity-template-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.identity-provider-modal .field{margin-bottom:0}.identity-provider-modal .field small{margin-top:-2px}.identity-provider-advanced{padding:0;overflow:hidden}.identity-provider-advanced summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:0 14px;list-style:none;display:flex}.identity-provider-advanced summary::-webkit-details-marker{display:none}.identity-provider-advanced summary strong{color:var(--text);font-size:14px;font-weight:780}.identity-provider-advanced[open] summary{border-bottom:1px solid var(--border)}.identity-provider-advanced .identity-provider-grid{padding:14px}
.playground-shell{background:#fff;grid-template-columns:300px minmax(0,1fr);height:calc(100vh - 58px);min-height:620px;display:grid}.playground-config{border-right:1px solid var(--border);background:#fbfbfc;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.playground-model-select{border-bottom:1px solid var(--border);align-items:center;min-height:58px;padding:12px 16px;display:flex}.playground-model-select select,.playground-field select{width:100%;height:38px;color:var(--text);background:#fff;border:1px solid #d9d9dd;border-radius:7px;padding:0 11px;font-size:13px;font-weight:650}.playground-config-body{align-content:start;gap:12px;min-height:0;padding:16px;display:grid;overflow:auto}.playground-config-body h2{color:var(--text);margin:0 0 2px;font-size:16px;font-weight:780}.playground-field{gap:7px;display:grid}.playground-field span,.playground-slider span{color:#55565b;font-size:12px;font-weight:660}.playground-field textarea{resize:vertical;width:100%;min-height:52px;color:var(--text);background:#fff;border:1px solid #dedee2;border-radius:7px;padding:10px 11px;font-size:13px;line-height:1.45}.playground-slider{gap:6px;display:grid}.playground-slider>div{grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:8px;display:grid}.playground-slider input[type=number]{width:76px;height:30px;color:var(--text);background:#fff;border:1px solid #dedee2;border-radius:7px;padding:0 9px;font-size:12px;font-weight:650}.playground-slider input[type=range]{accent-color:#1473e6;width:100%;height:18px}.playground-functions{gap:9px;margin-top:2px;display:grid}.playground-functions strong{color:var(--text);font-size:14px;font-weight:760}.playground-main{background:#fff;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.playground-model-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 14px 10px 18px;display:flex}.playground-model-title{gap:3px;min-width:0;display:grid}.playground-copy-model{width:fit-content;max-width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.playground-copy-model strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:760;overflow:hidden}.playground-copy-model svg{color:var(--muted);flex:none}.playground-model-title>span{color:#5d5e64;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:12px;display:flex;overflow:hidden}.playground-model-title em{background:#d5d5d9;flex:none;width:1px;height:12px}.playground-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.playground-actions .secondary-button{justify-content:center;align-items:center;gap:8px;min-width:116px;height:38px;padding:0 14px;line-height:1;display:inline-flex}.playground-actions .secondary-button svg{stroke-width:2.3px;flex:0 0 16px;width:16px;height:16px;display:block}.secondary-button.active{color:#135fbd;background:#eff6ff;border-color:#b9d4ff}.playground-detail-strip{border-bottom:1px solid var(--border);background:#fbfbfc;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px 18px;display:grid}.playground-code-drawer{border-bottom:1px solid var(--border);background:#fff;max-height:360px;overflow:auto}.playground-code-drawer .api-example-panel{border:0;border-radius:0}.playground-route{border-bottom:1px solid var(--border);background:#fafafa;align-items:center;gap:8px;min-height:36px;padding:8px 18px;display:flex}.playground-route span{color:var(--text);font-size:12px;font-weight:730}.playground-route em{color:var(--muted-strong);font-size:12px;font-style:normal}.playground-route small,.playground-foot{color:var(--muted);font-size:11px}.playground-error{margin:8px 18px 0}.playground-chat{background:#fff;flex-direction:column;grid-row:6;gap:12px;min-height:0;padding:18px;display:flex;overflow:auto}.playground-empty{color:#67686e;text-align:center;align-content:center;place-items:center;gap:8px;min-height:100%;display:grid}.playground-empty svg{color:#33343a}.playground-empty strong{color:var(--text);font-size:17px;font-weight:780}.playground-empty span{font-size:13px}.playground-message{gap:5px;width:min(76%,720px);display:grid}.playground-message span{color:var(--muted);font-size:11px;font-weight:700}.playground-message p{border:1px solid var(--border);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfbfc;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.58}.playground-message.user{align-self:flex-end}.playground-message.user span{text-align:right}.playground-message.user p{background:#f4f8ff;border-color:#cfe0f8}.playground-composer{background:#fff;border:1px solid #dedee2;border-radius:8px;grid-row:7;grid-template-rows:minmax(44px,1fr) auto;gap:8px;min-height:104px;margin:0 18px 18px;padding:10px;display:grid}.playground-composer textarea{resize:vertical;width:100%;min-height:44px;max-height:120px;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:13px;line-height:1.5}.playground-composer-actions{grid-template-columns:auto minmax(0,1fr) 38px;align-items:end;gap:10px;display:grid}.playground-send-button{color:#fff;cursor:pointer;background:#777a80;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.playground-send-button:disabled{cursor:not-allowed;opacity:.45}.playground-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.api-example-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.api-example-header{border-bottom:1px solid var(--border);background:#fbfbfc;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:10px 12px;display:flex}.api-example-header strong{color:var(--text);font-size:13px;font-weight:760;display:block}.api-example-header span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.icon-button.subtle{color:var(--muted-strong);background:0 0;border-color:#0000}.icon-button.subtle:hover{border-color:var(--border);background:var(--surface);color:var(--text)}.api-example-tabs{border-bottom:1px solid var(--border);background:#f3f3f4;gap:4px;min-height:44px;padding:7px 12px;display:flex;overflow-x:auto}.api-example-tab{min-width:74px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:12px;font-weight:720}.api-example-tab:hover,.api-example-tab.active{background:var(--surface);color:var(--text)}.api-example-meta{border-bottom:1px solid var(--border);min-height:42px;color:var(--muted-strong);background:#f8f8f9;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.api-example-meta span{border:1px solid var(--border);background:var(--surface);min-height:26px;color:var(--text);border-radius:7px;align-items:center;padding:5px 10px;font-weight:720;display:inline-flex}.api-example-meta em{color:var(--muted);font-style:normal}.api-code-block{color:#24292f;tab-size:2;background:#fff;max-height:420px;margin:0;padding:16px 18px;font-size:12px;line-height:1.62;overflow:auto}.api-code-block code{white-space:pre;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}