@charset "UTF-8";

/* One compact token column keeps cache hits visible; the full accounting stays on demand. */
.table-token .token-primary{font-size:11px;line-height:1.75;font-weight:550;color:var(--ink)}
.table-token .token-cache{font-size:10px;color:var(--purple);font-variant-numeric:tabular-nums}
.token-summary-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:5px;line-height:1.6}
.token-summary-foot>small{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}
.token-detail-button{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:2px 6px;border:1px solid var(--line);border-radius:5px;background:var(--surface-alt);color:var(--text);font-size:9px;line-height:1.5;white-space:nowrap}
.token-detail-button:hover{background:var(--soft);border-color:var(--line-strong)}
.token-detail-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.token-popover{position:fixed;inset:auto;margin:0;width:326px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--paper);color:var(--text);box-shadow:0 14px 42px color-mix(in srgb,var(--shadow-color) 16%,transparent);overflow:auto;overscroll-behavior:contain;text-align:left;white-space:normal;font-size:12px;line-height:1.7}
.token-popover::backdrop{background:transparent}
.token-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.token-popover-heading>strong{font-size:13px;font-weight:650;color:var(--ink)}
.token-popover-heading>.icon-button{height:26px;width:26px;flex-shrink:0}
.token-popover-heading>.icon-button>.icon{height:15px;width:15px}
.token-breakdown{margin:0}
.token-breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:6px 0}
.token-breakdown dt{font-size:11px;color:var(--muted)}
.token-breakdown dd{margin:0;font-size:12px;font-weight:550;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.token-breakdown>div:nth-child(4),.token-breakdown>div:nth-child(6){border-top:1px solid var(--line-soft);margin-top:4px;padding-top:10px}
.token-breakdown>div:nth-child(7) dd{color:var(--purple)}
.token-popover p{font-size:10px;line-height:1.8;margin:10px 0 0;color:var(--muted)}
.token-popover .token-write-note{color:var(--text)}
.token-popover .token-accounting-note{border-top:1px solid var(--line-soft);padding-top:10px}
.bill-token-metrics .bill-metric>strong{overflow-wrap:anywhere}
@media(max-width:540px){#view-records #records-table .token-summary-foot{justify-content:flex-start;flex-wrap:wrap;gap:4px 8px}#view-records #records-table .token-cache{font-size:10px}#view-records #records-table .token-detail-button{min-height:28px}.bill-token-metrics .bill-metric:last-child{grid-column:1/-1;border-right:0}.token-popover{padding:14px}}

/* A closed phone drawer must also leave the keyboard and accessibility trees. */
@media(max-width:740px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}

/* One semantic palette for the complete console, including native controls. */
:root {
 color-scheme:light;
 --bg:#f3f1f7;--paper:#ffffff;--surface-alt:#f8f6fc;--surface-hover:#f0ebf8;
 --ink:#292435;--text:#51495f;--muted:#746a82;
 --line:#ddd6e8;--line-soft:#e8e2ef;--line-strong:#bca9d2;
 --purple:#7550b5;--purple-dark:#603b9d;--accent-solid:#7850bc;--accent-hover:#643ea4;
 --soft:#eee6f8;--focus:#aa8bd5;--green:#287558;
 --success:#287558;--success-soft:#eaf4ee;--success-line:#c3dfcd;
 --warning:#8e641d;--warning-soft:#faf3e5;--warning-line:#e8d8b8;
 --danger:#ac4b55;--danger-soft:#fcf0f1;--danger-line:#e9c9cd;--danger-solid:#a94e60;
 --rose:#9d4f80;--rose-soft:#f7edf4;--rose-line:#e4c7d9;
 --on-accent:#fff;--on-danger:#fff;--hero-muted:#f1e8fb;--hero-a:#7851aa;--hero-b:#8154aa;--hero-border:#9873bd;
 --overlay:#1e142c80;--shadow-color:#342044;--toast-bg:#49345deF;--toast-ink:#faf5ff;
 --auth-glow:#e1d3f490;--auth-glow-secondary:#eee6f8;
 --radius:15px;--font:Inter,"Segoe UI","Microsoft YaHei",sans-serif;
}
:root[data-theme=dark] {
 color-scheme:dark;
 --bg:#111018;--paper:#1c1926;--surface-alt:#221e2e;--surface-hover:#2c263c;
 --ink:#f0ebf7;--text:#d2c8df;--muted:#aa9cb9;
 --line:#3b324c;--line-soft:#30283f;--line-strong:#66507e;
 --purple:#bd9aef;--purple-dark:#d6bafa;--accent-solid:#8c5cca;--accent-hover:#8050bf;
 --soft:#332542;--focus:#a781dc;--green:#87d0ac;
 --success:#8dd4b1;--success-soft:#1d322c;--success-line:#345a48;
 --warning:#e8c282;--warning-soft:#382e20;--warning-line:#5b492d;
 --danger:#eca1ac;--danger-soft:#3c252e;--danger-line:#68404e;--danger-solid:#a94d65;
 --rose:#dda6cb;--rose-soft:#382736;--rose-line:#64425b;
 --hero-muted:#f2e5ff;--hero-a:#563375;--hero-b:#8152aa;--hero-border:#8d60b0;
 --overlay:#08060db8;--shadow-color:#07040d;--toast-bg:#4d3668f5;
 --auth-glow:#54307130;--auth-glow-secondary:#231c31;
}
:root[data-theme=sunflower] {
 color-scheme:light;
 --bg:#fbfaf5;--paper:#fffefb;--surface-alt:#fdfbf3;--surface-hover:#faf3dd;
 --ink:#302b1e;--text:#59513e;--muted:#766b52;
 --line:#e7e0cb;--line-soft:#efeada;--line-strong:#c5b47f;
 --purple:#896000;--purple-dark:#694900;--accent-solid:#f2cd66;--accent-hover:#e9be4e;
 --soft:#faf2d7;--focus:#ac7d16;--green:#31734f;
 --success:#31734f;--success-soft:#edf4e8;--success-line:#cedec6;
 --warning:#8a5b11;--warning-soft:#fbf0d9;--warning-line:#e2c99c;
 --danger:#ab4650;--danger-soft:#fcf0ef;--danger-line:#e8c5c8;--danger-solid:#a94e60;
 --rose:#9f6645;--rose-soft:#f7ecdf;--rose-line:#e5d1ba;
 --on-accent:#33280b;--hero-muted:#514018;--hero-a:#f8e6a3;--hero-b:#f4d77e;--hero-border:#e8cf89;
 --overlay:#30291b80;--shadow-color:#4b3b20;--toast-bg:#3b3025f5;--toast-ink:#fff8e5;
 --auth-glow:#f8edc940;--auth-glow-secondary:#fdf7e5;
}


*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button,input,select,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid var(--focus)}input:focus-visible,select:focus-visible{outline:2px solid var(--focus)}input,select{min-width:0;border:1px solid var(--line);background:var(--paper);border-radius:8px;color:var(--ink);padding:10px 12px;line-height:1.5;width:100%}input::placeholder{color:var(--muted);font-size:12px}select{cursor:pointer}input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--purple);cursor:pointer}label{font-size:12px;color:var(--text);font-weight:500;display:block;margin-bottom:7px}label>span{font-weight:400;color:var(--muted);font-size:10px;float:right}pre,code{font-family:"Cascadia Code",Consolas,"Microsoft YaHei",monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon.small{width:14px;height:14px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.subtle{color:var(--muted);font-size:11px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{height:39px;width:39px;border-radius:12px;background:var(--soft);color:var(--purple);display:grid;place-items:center}.brand-mark>svg{height:27px;width:27px}.brand>span:last-child{font-size:20px;letter-spacing:-.6px;font-weight:700;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;color:var(--muted);margin-top:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500;line-height:1.5;border:1px solid transparent;border-radius:8px;padding:10px 15px;white-space:nowrap;transition:background .15s,border-color .15s}.button .icon{width:16px;height:16px}.button.primary{background:var(--accent-solid);color:var(--on-accent);box-shadow:0 3px 7px color-mix(in srgb, var(--shadow-color) 7.06%, transparent)}.button.primary:hover{background:var(--accent-hover)}.button.secondary{background:var(--paper);border-color:var(--line);color:var(--text);box-shadow:0 1px 2px color-mix(in srgb, var(--shadow-color) 1.18%, transparent)}.button.secondary:hover{border-color:var(--line-strong);color:var(--text)}.button.soft{background:var(--soft);color:var(--text);border-color:var(--line)}.button.small{font-size:10px;padding:7px 10px}.button.danger{background:var(--danger-solid);color:var(--on-danger)}.icon-button{display:inline-grid;place-items:center;width:31px;height:31px;background:transparent;border:0;border-radius:7px;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--surface-alt);color:var(--text)}.icon-button .icon{height:17px;width:17px}.link-button{border:0;padding:0;background:none;display:inline-flex;align-items:center;gap:7px;color:var(--purple);font-size:11px;line-height:1.6;cursor:pointer}.link-button:hover{color:var(--purple)}.link-button:disabled{color:var(--purple)}.error,.notice{font-size:11px;line-height:1.9;padding:12px 15px;border-radius:8px;margin:0 0 18px;overflow-wrap:anywhere}.error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-line)}.notice{background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning-line)}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:4px 8px;font-size:9px;color:var(--muted);white-space:nowrap}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:var(--text);font-size:12px}.boot .brand-mark{height:48px;width:48px}.boot p{font-size:11px;max-width:320px;text-align:center}.loading-dots{animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.35}}.busy .icon{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Account entry */
#auth{min-height:100vh;background:radial-gradient(ellipse at 10% 44%,color-mix(in srgb, var(--soft) 43.92%, transparent),transparent 45%),radial-gradient(ellipse at 95% 10%,var(--surface-alt),transparent 45%),var(--paper)}.public-header,.public-footer{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 52px}.public-header{height:100px}.public-guide{display:flex;gap:8px;align-items:center;color:var(--text);font-size:11px}.public-guide .icon{height:14px;width:14px}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) 416px;gap:130px;align-items:center;max-width:1130px;margin:58px auto 78px;padding:0 30px}.auth-intro>.eyebrow{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:8px;letter-spacing:1.7px}.auth-intro .status-dot{height:5px;width:5px;background:var(--success);box-shadow:0 0 0 4px var(--soft)}.auth-intro h1{font-size:42px;font-weight:650;letter-spacing:-1.6px;line-height:1.6;margin:23px 0 16px;color:var(--ink)}.auth-intro h1>span{color:var(--ink);display:block}.auth-intro>p{font-size:12px;line-height:2.1;color:var(--muted);margin:18px 0 0}.intro-visual{height:218px;position:relative;margin:17px -15px 5px;overflow:hidden;isolation:isolate}.visual-orbit{position:absolute;top:50%;left:50%;border:1px solid var(--line);border-radius:50%;width:310px;height:154px;transform:translate(-50%,-50%) rotate(-20deg)}.orbit-two{width:210px;height:210px;transform:translate(-50%,-50%) rotate(35deg);border-style:dashed;opacity:.6}.visual-core{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:25px;background:linear-gradient(135deg,var(--soft),var(--surface-alt));box-shadow:0 12px 30px color-mix(in srgb, var(--shadow-color) 14.51%, transparent),0 0 0 9px color-mix(in srgb, var(--paper) 53.33%, transparent);display:grid;place-items:center;color:var(--muted)}.visual-core>svg{height:46px;width:46px}.visual-pill{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;font-size:10px;color:var(--text);border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 76.86%, transparent);border-radius:9px;box-shadow:0 5px 15px color-mix(in srgb, var(--shadow-color) 3.92%, transparent)}.visual-pill>.icon{height:14px;width:14px}.pill-text{left:5%;top:26%}.pill-image{right:1%;top:57%}.visual-caption{position:absolute;bottom:12px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:var(--muted)}.visual-caption .status-dot{height:4px;width:4px;box-shadow:none}.intro-points{display:flex;justify-content:space-between;gap:12px;max-width:365px;border-top:1px solid var(--line);padding-top:21px;color:var(--muted);font-size:10px}.intro-points>span{display:flex;gap:6px;align-items:center}.intro-points .icon{width:13px;height:13px;color:var(--muted)}.auth-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:32px 31px 0;box-shadow:0 17px 60px color-mix(in srgb, var(--shadow-color) 3.14%, transparent);overflow:hidden}.auth-card:before{content:"";position:absolute;left:31px;right:31px;top:0;height:3px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,var(--line-strong),var(--soft) 70%,var(--soft))}.auth-card-symbol{display:grid;place-items:center;height:41px;width:41px;border-radius:12px;background:var(--surface-alt);color:var(--purple);margin-bottom:24px}.auth-card-symbol .icon{width:21px;height:21px}.auth-card>.eyebrow{position:absolute;right:31px;top:49px;font-size:7px;color:var(--muted);letter-spacing:1px}.auth-card h2{font-size:23px;letter-spacing:-.7px;font-weight:650;margin:0 0 8px}.auth-card>p:not(.error):not(.notice){font-size:11px;color:var(--danger);margin:0 0 27px}.auth-form label{margin-top:18px;margin-bottom:8px;font-size:11px;color:var(--text)}.auth-form>label:first-child{margin-top:0}.auth-form input{background:var(--paper);padding:11px 12px;font-size:12px}.label-line{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.label-line label{margin:0 0 8px}.label-line .link-button{font-size:10px;margin-bottom:8px;color:var(--purple)}.password-field{display:flex;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding-right:5px;align-items:center}.password-field input{border:0;background:none;padding-right:2px;outline-offset:0}.password-field:focus-within{outline:2px solid var(--focus);outline-offset:2px}.password-field input:focus-visible{outline:none}.password-field .icon-button{width:27px;height:27px}.password-field .icon{width:15px;height:15px}.checkbox{display:flex;align-items:center;gap:7px;color:var(--muted)!important;font-size:10px!important;font-weight:400!important;cursor:pointer;white-space:nowrap}.checkbox input{width:12px;height:12px;flex-shrink:0}.auth-submit{width:100%;justify-content:space-between;padding:12px 14px;margin-top:24px;font-size:11px}.auth-switch{text-align:center;font-size:10px;color:var(--muted);margin:20px 0 26px}.auth-switch .link-button{font-size:10px;margin-left:6px}.auth-card-footer{display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;color:var(--muted);background:var(--paper);border-top:1px solid var(--line-soft);margin:0 -31px;padding:15px}.auth-card-footer .icon{height:11px;width:11px}.auth-card .notice,.auth-card .error{font-size:10px;padding:10px 12px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-pair label{margin-top:16px}.code-field{display:flex;align-items:stretch;gap:8px}.code-field input{flex:1;width:0}.code-field .button{font-size:10px;padding:9px 10px;min-width:97px}.public-pricing{max-width:1130px;margin:0 auto 45px;padding:0 30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:7px 0 0}.section-heading>.subtle{font-size:10px}.public-footer{height:78px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:9px}
/* Console frame */
.sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;z-index:30;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:31px 17px 0}.sidebar>.brand{margin:0 13px 43px}.sidebar .brand-mark{height:34px;width:34px;border-radius:10px}.sidebar .brand-mark svg{height:24px;width:24px}.sidebar .brand>span:last-child{font-size:18px}.sidebar .brand small{font-size:7px;letter-spacing:1.9px}.nav-label{display:block;color:var(--muted);font-size:9px;letter-spacing:.6px;margin:0 14px 13px}.secondary-label{margin-top:30px;margin-bottom:11px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border:0;background:none;border-radius:8px;text-align:left;width:100%;font-size:11px;color:var(--muted);min-height:42px}.nav-item>.icon{height:17px;width:17px}.nav-item:hover{background:var(--surface-alt);color:var(--text)}.nav-item.active{background:var(--soft);color:var(--purple);font-weight:600}.nav-active-dot{display:none;width:5px;height:5px;border-radius:50%;margin-left:auto;background:var(--accent-solid)}.nav-item.active .nav-active-dot{display:block}.nav-count{margin-left:auto;background:var(--soft);border-radius:4px;color:var(--muted);font-size:8px;min-width:18px;padding:1px 4px;text-align:center}.sidebar-bottom{margin-top:auto}.sidebar-tip{border:1px solid var(--line-soft);background:linear-gradient(135deg,var(--surface-alt),var(--paper));border-radius:11px;padding:16px 13px;margin:30px 5px 23px}.sidebar-tip>.icon{display:block;color:var(--muted);height:18px;width:18px;margin-bottom:10px}.sidebar-tip strong{font-size:10px;font-weight:500;color:var(--muted)}.sidebar-tip p{font-size:9px;line-height:1.9;color:var(--muted);margin:7px 0 12px}.sidebar-tip .link-button{font-size:9px;color:var(--purple)}.sidebar-account{display:flex;align-items:center;gap:9px;padding:18px 2px 23px;border-top:1px solid var(--line-soft)}.avatar{display:inline-grid;place-items:center;flex-shrink:0;height:31px;width:31px;border-radius:9px;background:var(--soft);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase}.avatar.small{height:26px;width:26px;border-radius:8px;font-size:10px}.sidebar-account>div{flex:1;min-width:0}.sidebar-account strong{display:block;font-size:10px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account small{display:block;font-size:8px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account>.icon-button{width:26px;height:28px}.workspace{margin-left:220px}.topbar{height:73px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:12px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:10px;color:var(--muted)}.breadcrumb>.icon{height:11px;width:11px;color:var(--muted)}.breadcrumb strong{font-size:10px;font-weight:500;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:24px}.connection{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--success)}.connection .status-dot{width:5px;height:5px}.connection.stale{color:var(--warning)}.connection.stale .status-dot{background:var(--warning)}.topbar-user{display:flex;align-items:center;gap:9px;border:0;background:none;font-size:10px;color:var(--text)}.topbar-user>.icon{height:11px;width:11px;color:var(--muted)}.menu-toggle{display:none}.main{max-width:1460px;padding:32px 35px 0;margin:0 auto;outline:none;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.6px;color:var(--muted)}.page-heading h1{font-size:25px;font-weight:650;letter-spacing:-.8px;margin:7px 0 5px}.page-heading p{font-size:11px;color:var(--muted);margin:0}.page-heading>.button{font-size:10px;padding:8px 11px}.page-heading>.button .icon{width:14px;height:14px}.usage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 21px}.periods{display:flex;align-items:center;gap:3px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:3px}.periods>button{border:0;background:none;border-radius:5px;padding:6px 13px;font-size:10px;color:var(--muted)}.periods>button[aria-pressed=true]{background:var(--paper);color:var(--text);box-shadow:0 1px 3px color-mix(in srgb, var(--shadow-color) 3.92%, transparent)}.key-filter{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted);margin:0;white-space:nowrap}.key-filter select{font-size:10px;width:163px;padding:7px 23px 7px 9px;border-color:var(--line);background:var(--paper);color:var(--text);border-radius:7px}.view{min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric-card{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:19px 19px 15px;min-width:0;position:relative;overflow:hidden}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.metric-icon{height:27px;width:27px;border-radius:8px;display:grid;place-items:center}.metric-icon .icon{height:14px;width:14px}.purple{background:var(--surface-alt);color:var(--purple)}.mint{background:var(--success-soft);color:var(--success)}.amber{background:var(--warning-soft);color:var(--warning)}.rose{background:var(--rose-soft);color:var(--rose)}.metric-number{display:block;font-size:clamp(22px,2.35vw,32px);line-height:1.2;letter-spacing:-.9px;font-weight:550;color:var(--ink);font-variant-numeric:tabular-nums;margin:20px 0 23px;white-space:nowrap}.metric-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:8px;white-space:nowrap}.metric-foot .link-button{font-size:8px;color:var(--purple)}.metric-unit{font-size:7px;letter-spacing:.5px}.wallet-card{background:linear-gradient(120deg,var(--hero-a),var(--hero-b));border-color:var(--hero-border)}.wallet-card .metric-label{color:var(--hero-muted);position:relative;z-index:1}.wallet-card .metric-number{color:var(--on-accent);position:relative;z-index:1;font-weight:500}.wallet-card .metric-foot{border-top-color:color-mix(in srgb, var(--on-accent) 14.51%, transparent);color:var(--hero-muted);position:relative;z-index:1}.wallet-card .metric-label>.icon{color:var(--hero-muted);width:21px;height:21px;margin:3px}.wallet-orbit{position:absolute;right:-46px;top:-57px;width:180px;height:180px;border:25px solid color-mix(in srgb, var(--on-accent) 2.35%, transparent);border-radius:50%}.wallet-orbit:after{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb, var(--on-accent) 8.24%, transparent);border-radius:50%}.panel{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 22px 0}.panel-heading h2{font-size:12px;font-weight:600;line-height:1.5;margin:0;color:var(--ink)}.panel-heading p{font-size:9px;color:var(--muted);line-height:1.7;margin:5px 0 0}.panel-heading .link-button{font-size:9px}.insights-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;margin-bottom:20px}.segmented{display:flex;align-items:center;gap:2px;border:1px solid var(--line-soft);border-radius:7px;background:var(--paper);padding:3px}.segmented>button{border:0;background:none;border-radius:4px;padding:4px 9px;font-size:9px;color:var(--muted)}.segmented>button[aria-pressed=true]{background:var(--surface-alt);color:var(--muted)}.segmented.large>button{font-size:11px;padding:6px 13px}.chart-summary{display:flex;align-items:baseline;gap:7px;padding:18px 22px 0}.chart-summary>strong{font-size:24px;color:var(--purple);line-height:1.2;letter-spacing:-.7px;font-weight:550;font-variant-numeric:tabular-nums}.chart-summary>span{font-size:9px;color:var(--muted)}.chart-legend{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:8px!important}.chart-legend>i{height:5px;width:5px;border-radius:50%;background:var(--line-strong)}.usage-chart{height:210px;margin:10px 20px 0;position:relative}.usage-chart>svg{display:block;height:100%;width:100%;overflow:visible}.chart-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:10px}.service-cards{padding:20px 22px 0;display:grid;gap:16px}.service-cards>div{display:flex;align-items:center;gap:11px}.service-symbol{height:33px;width:33px;border-radius:9px;display:inline-grid;place-items:center;flex-shrink:0}.service-symbol .icon{height:17px;width:17px}.service-cards>div>div{min-width:0;flex:1}.service-cards strong{font-size:10px;font-weight:500;color:var(--text);display:block}.service-cards small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.service-cards b{font-size:12px;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.model-usage{margin:20px 22px 18px;border-top:1px solid var(--line-soft);padding-top:13px;display:grid;gap:13px}.model-row>div{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);min-width:0}.model-row code{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.model-track{height:3px;background:var(--surface-alt);border-radius:5px;margin-top:8px;overflow:hidden}.model-track>span{display:block;height:100%;background:var(--line-strong);border-radius:5px}.endpoint-banner{display:flex;align-items:center;gap:13px;margin:0 0 20px;padding:17px 20px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(105deg,var(--surface-alt),var(--paper))}.endpoint-banner>div{min-width:0;flex:1}.endpoint-banner strong{font-size:10px;color:var(--muted);display:block;font-weight:500}.endpoint-banner code{display:block;font-size:10px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.endpoint-banner .button{font-size:10px;padding:8px 11px}.endpoint-banner .button .icon{width:13px;height:13px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:10px}th{font-size:9px;font-weight:500;color:var(--muted);background:var(--paper);padding:12px 15px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);text-align:left}td{padding:15px;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line-soft)}th:first-child,td:first-child{padding-left:22px}th:last-child,td:last-child{padding-right:22px}tbody tr:last-child td{border-bottom:0}.panel>.table-scroll:not(:first-child){margin-top:19px}.numeric{text-align:right;font-variant-numeric:tabular-nums}.table-model{min-width:178px;max-width:240px}.table-model>strong{font:10px/1.7 Consolas,monospace;color:var(--ink);display:block;overflow-wrap:anywhere}.table-model>small{display:block;color:var(--muted);font-size:8px;margin:3px 0}.table-token{min-width:182px;text-align:right}.table-token>strong{font-size:10px;font-weight:500;color:var(--ink);display:block;font-variant-numeric:tabular-nums}.table-token>small{font-size:8px;display:block;color:var(--muted);line-height:1.9}.table-time{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.request-table{min-width:940px}.request-table.compact{min-width:840px}.image-table{min-width:800px}.table-performance{min-width:130px;line-height:1.8;font-size:9px;color:var(--muted)}.table-performance small{font-size:8px;color:var(--muted)}.result{display:inline-flex;align-items:center;gap:5px;font-size:9px}.result:before{content:"";height:4px;width:4px;border-radius:50%;background:currentColor}.result.ok{color:var(--success)}.result.bad{color:var(--danger)}.result.unknown{color:var(--muted)}.badge{display:inline-flex;align-items:center;font-size:8px;line-height:1.6;padding:3px 6px;border-radius:5px;background:var(--success-soft);color:var(--success);white-space:nowrap}.badge.pending,.badge.unsettled,.badge.admitted{color:var(--warning);background:var(--warning-soft)}.badge.disabled,.badge.free{color:var(--muted);background:var(--surface-alt)}.bill-button{border:1px solid var(--line);background:var(--surface-alt);color:var(--muted);padding:5px 8px;border-radius:6px;font-size:9px;white-space:nowrap}.bill-button:hover{background:var(--soft);color:var(--text)}.empty{padding:42px 20px;text-align:center;font-size:11px;line-height:2;color:var(--muted)}.empty>.icon{display:block;margin:0 auto 12px;width:25px;height:25px;color:var(--muted)}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.section-toolbar h2{font-size:14px;font-weight:600;color:var(--ink);margin:0;display:flex;align-items:center;gap:8px}.section-toolbar p{font-size:10px;color:var(--muted);margin:6px 0 0}.count-badge{font-size:9px;border:1px solid var(--line);background:var(--surface-alt);color:var(--muted);border-radius:5px;padding:2px 6px;font-weight:400}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line-soft);padding:14px 21px;font-size:9px;color:var(--muted)}.pagination>div{display:flex;gap:6px}.section-note{font-size:10px;line-height:1.9;color:var(--muted);margin:16px 0}.live-summary{border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px;background:linear-gradient(100deg,var(--surface-alt),var(--paper));margin-bottom:20px}.live-pulse{width:37px;height:37px;border-radius:10px;background:var(--soft);display:grid;place-items:center;color:var(--muted)}.live-summary>div{flex:1;min-width:0}.live-summary strong{font-weight:500;font-size:13px;color:var(--text)}.live-summary strong>span{font-size:17px;margin-right:3px}.live-summary p{font-size:9px;color:var(--muted);margin:4px 0 0}.live-summary>.subtle{font-size:9px}.live-table{min-width:850px}.live-state{font-size:9px;display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.live-state:before{content:"";height:5px;width:5px;border-radius:50%;background:currentColor}.live-state.processing,.live-state.streaming,.live-state.receiving{color:var(--muted)}.live-state.processing:before,.live-state.streaming:before{animation:pulse 1.3s infinite}.live-state.completed{color:var(--success)}.live-state.failed{color:var(--danger)}.key-table{min-width:780px}.key-name{display:flex;align-items:center;gap:9px}.key-name>.service-symbol{height:27px;width:27px;border-radius:7px}.key-name .icon{height:13px;width:13px}.key-name strong{font-size:11px;font-weight:500;color:var(--ink);display:block}.key-name small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.masked-key{font-size:10px;color:var(--muted)}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.row-actions>button{font-size:9px;border:1px solid var(--line-soft);border-radius:5px;background:var(--paper);padding:4px 6px;color:var(--muted);white-space:nowrap}.row-actions>button:hover{color:var(--text);background:var(--surface-alt)}.info-strip{display:flex;align-items:flex-start;gap:9px;padding:14px 17px;background:var(--surface-alt);border:1px solid var(--line);border-radius:9px;color:var(--muted);margin-top:18px}.info-strip>.icon{height:14px;width:14px;margin-top:2px}.info-strip p{font-size:10px;margin:0;line-height:1.9}.wallet-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:22px}.wallet-hero{border:1px solid var(--hero-border);border-radius:15px;background:linear-gradient(110deg,var(--hero-a),var(--hero-b));color:var(--on-accent);position:relative;overflow:hidden;padding:27px 29px}.wallet-hero .eyebrow{font-size:8px;color:var(--hero-muted)}.wallet-hero h2{font-size:12px;font-weight:400;color:var(--hero-muted);margin:8px 0 9px}.wallet-hero strong{font-size:36px;font-weight:500;letter-spacing:-1px;line-height:1.4;font-variant-numeric:tabular-nums}.wallet-hero p{font-size:9px;color:var(--hero-muted);margin:11px 0 0}.wallet-hero-symbol{position:absolute;right:28px;top:47px;fill:none;stroke:color-mix(in srgb, var(--line-soft) 12.16%, transparent);stroke-width:1;width:100px;height:100px;transform:rotate(-13deg)}.wallet-explainer{padding:25px 27px}.wallet-explainer>.service-symbol{height:29px;width:29px;margin-bottom:12px}.wallet-explainer h2{font-size:14px;font-weight:500;color:var(--ink);margin:0 0 8px}.wallet-explainer p{font-size:10px;color:var(--muted);line-height:1.9;max-width:330px;margin:0 0 14px}.wallet-explainer .link-button{font-size:10px}.ledger-table{min-width:720px}.ledger-positive{color:var(--success)}.ledger-negative{color:var(--purple)}.access-address{margin-bottom:20px}.address-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line-soft);background:var(--paper);border-radius:8px;padding:9px 11px 9px 14px;margin:19px 22px 23px}.address-field>code{flex:1;min-width:0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.access-card{padding:24px}.access-card>.service-symbol{height:35px;width:35px;margin-bottom:15px}.access-card h2{font-size:16px;font-weight:550;letter-spacing:-.2px;margin:0 0 8px;color:var(--ink)}.access-card>p{font-size:10px;line-height:1.9;color:var(--muted);margin:0 0 20px}.access-card label{font-size:10px;color:var(--muted);margin-bottom:7px}.access-card select{font-size:11px;color:var(--muted);border-color:var(--line)}.access-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:17px 0 9px}.access-actions .button{font-size:10px;padding:10px 11px}.access-actions>.link-button{font-size:10px}.field-help{font-size:10px!important;line-height:1.9!important;color:var(--muted)!important;margin:9px 0 17px!important}.access-card>.button.secondary{font-size:10px;padding:8px 10px}.image-template{border-top:1px solid var(--line-soft);margin-top:17px}.image-template>summary{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;cursor:pointer;padding:13px 0;list-style:none}.image-template>summary::-webkit-details-marker{display:none}.image-template pre{font-size:9px;line-height:2;color:var(--muted);margin:0 0 4px}.example-panel{margin-bottom:18px}.example-panel>pre{font-size:11px;line-height:1.9;color:var(--muted);background:var(--paper);border-top:1px solid var(--line-soft);padding:19px 22px;margin:20px 0 0}.available-models{display:flex;flex-wrap:wrap;gap:8px}.available-models>span{display:block;flex-basis:100%;font-size:9px;color:var(--muted);margin-bottom:3px}.available-models>code{font-size:9px;line-height:1.6;padding:5px 8px;background:var(--soft);border:1px solid var(--line);border-radius:5px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.profile-details{margin:23px 23px 21px}.profile-details>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line-soft);padding:13px 0;font-size:11px}.profile-details dt{color:var(--muted)}.profile-details dd{margin:0;color:var(--muted);text-align:right;overflow-wrap:anywhere;min-width:0}.profile-card>.button{margin:0 23px 24px;font-size:10px}.password-card form{padding:22px 23px 25px}.password-card label{font-size:10px;color:var(--muted);margin-bottom:7px}.password-card input{font-size:11px;color:var(--muted);margin-bottom:17px}.password-card .button{font-size:10px}.password-card .error{font-size:10px}.workspace-footer{display:flex;justify-content:space-between;gap:15px;padding:27px 0 21px;margin-top:20px;font-size:8px;color:var(--muted)}.workspace-footer>span>span{margin:0 7px;color:var(--muted)}
/* Published price cards */
[data-pricing]{margin-top:23px}.pricing{border:1px solid var(--line);border-radius:15px;background:linear-gradient(125deg,var(--paper),var(--surface-alt));overflow:hidden}.pricing-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 24px 0}.pricing-heading .eyebrow{font-size:8px;color:var(--muted)}.pricing-heading h2{font-size:18px;color:var(--ink);font-weight:600;margin:5px 0}.pricing-heading p{font-size:9px;color:var(--muted);margin:0}.price-offer{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px}.price-offer>strong{background:var(--accent-solid);color:var(--on-accent);font-size:12px;font-weight:550;padding:6px 10px;border-radius:7px}.price-controls{display:flex;align-items:flex-end;gap:12px;margin:18px 24px 17px;padding-top:16px;border-top:1px solid var(--line-soft)}.price-controls label{margin:0;display:flex;flex-direction:column;gap:5px;font-size:9px;font-weight:400;color:var(--muted);width:205px}.price-controls select{font-size:10px;padding:7px 23px 7px 9px;color:var(--text);border-color:var(--line);background:var(--paper);border-radius:7px}.price-unit{margin-left:auto;color:var(--muted);font-size:9px;align-self:flex-end;padding-bottom:8px}.price-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 24px 19px}.price-tile{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:16px 16px 13px;min-width:0}.price-tile>h3{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;color:var(--ink);margin:0 0 18px}.price-tile>h3>.icon{height:24px;width:24px;padding:5px;box-sizing:content-box;border-radius:8px;color:var(--ink);background:var(--surface-alt)}.price-baseline{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;color:var(--muted);font-size:8px;margin-bottom:4px}.price-standard{font-size:10px;color:var(--muted);text-decoration:none;overflow-wrap:anywhere}.price-tile.has-saving .price-standard{text-decoration:line-through;text-decoration-color:var(--line-strong)}.price-discounted strong{display:block;font-size:29px;line-height:1.25;font-weight:600;color:var(--purple);letter-spacing:-.7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.price-discounted strong.precise{font-size:20px;line-height:1.8}.price-tile-foot{display:flex;justify-content:space-between;gap:5px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:11px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:8px}.price-saving{font-size:7px;padding:2px 4px;border:1px solid var(--line-soft);border-radius:4px;color:var(--muted);background:var(--surface-alt)}.all-pricing{margin:0 24px 15px;border-top:1px solid var(--line)}.all-pricing summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:10px;color:var(--muted);padding:13px 0}.all-pricing summary::-webkit-details-marker{display:none}.all-pricing[open] summary>.icon{transform:rotate(90deg)}.all-price-model h3{font:10px Consolas,monospace;color:var(--ink);margin:10px 0}.all-price-model{margin-bottom:18px}.all-price-model .table-scroll{border:1px solid var(--line);border-radius:7px}.all-price-model table{min-width:670px;background:var(--paper);table-layout:fixed}.all-price-model th,.all-price-model td{font-size:9px;padding:9px 10px;white-space:normal;overflow-wrap:anywhere;text-align:right}.all-price-model th:first-child{width:25%;text-align:left}.all-price-model td>del{font-size:8px;color:var(--muted)}.all-price-model td>strong{font-size:9px;font-weight:500;color:var(--muted)}.all-price-model td>span{color:var(--muted);margin:0 5px}.pricing-note{padding:0 24px 14px;margin:0;font-size:8px;color:var(--muted);line-height:1.9}.pricing-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.pricing-footer a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.pricing-empty{padding:24px;font-size:11px;color:var(--muted)}
/* Dialogs and exact component bills */
.modal{border:1px solid var(--line);border-radius:17px;background:var(--paper);padding:0;width:min(450px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);color:var(--text);box-shadow:0 30px 100px color-mix(in srgb, var(--shadow-color) 30.2%, transparent);overflow:auto}.modal::backdrop{background:color-mix(in srgb, var(--overlay) 30.2%, transparent);backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:24px 25px 19px;border-bottom:1px solid var(--line-soft);background:var(--paper)}.modal-heading .eyebrow{font-size:7px;color:var(--muted)}.modal-heading h2{font-size:20px;font-weight:600;letter-spacing:-.4px;color:var(--ink);margin:7px 0 0}.modal-heading p{font-size:10px;color:var(--muted);margin:6px 0 0;line-height:1.9}.modal-body{padding:23px 25px 26px}.modal-body>label{font-size:11px;color:var(--muted)}.modal-body>input,.modal-body>select{font-size:12px;margin-bottom:19px;color:var(--text);border-color:var(--line)}.modal-body>.button.primary{width:100%;margin-top:4px}.modal-body>p{font-size:11px;line-height:1.9;margin:0 0 17px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.secret-modal pre{color:var(--text);font-size:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:15px;line-height:1.9;margin:0 0 18px;user-select:all}.bill-dialog{width:min(830px,calc(100vw - 40px));max-height:calc(100dvh - 56px)}.bill-dialog>.modal-heading{position:sticky;top:0;z-index:2}.bill-dialog>.modal-body{padding:22px 26px 25px}.bill-summary{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(110deg,var(--surface-alt),var(--paper));padding:19px 20px}.bill-total{min-width:135px}.bill-total>span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.bill-total>strong{display:block;font-size:28px;line-height:1.4;font-weight:550;letter-spacing:-.6px;color:var(--purple);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.bill-identity{min-width:0;flex:1}.bill-identity>strong{display:block;font-size:12px;font-weight:500;color:var(--muted);overflow-wrap:anywhere}.bill-identity>span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.bill-cost-path{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:20px;padding:15px 17px;border:1px solid var(--line);border-radius:8px;background:var(--paper);margin-top:12px}.bill-cost-path>div{position:relative;min-width:0}.bill-cost-path>div+div:before{content:'→';position:absolute;left:-16px;top:15px;font-size:10px;color:var(--muted)}.bill-cost-path span{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.bill-cost-path strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere;color:var(--muted);font-variant-numeric:tabular-nums}.bill-cost-path>div:last-child strong{color:var(--muted)}.bill-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;margin:17px 0 20px}.bill-metric{padding:13px 15px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);min-width:0}.bill-metric:nth-child(3n){border-right:0}.bill-metric:nth-last-child(-n+3){border-bottom:0}.bill-metric>span{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.bill-metric>strong{display:block;font-size:14px;font-weight:500;line-height:1.7;color:var(--muted);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.bill-metric>small{display:block;font-size:8px;color:var(--muted);line-height:1.8;margin-top:2px}.bill-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.bill-section-heading h3{font-size:12px;color:var(--ink);font-weight:500;margin:0}.bill-policy-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.bill-policy-tags>span{font-size:8px;padding:2px 5px;color:var(--muted);border:1px solid var(--line);border-radius:4px;background:var(--paper)}.bill-charges-note{font-size:10px;color:var(--muted);line-height:1.9;margin:0 0 12px}.bill-charge-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px}.bill-charge-table{min-width:560px;table-layout:fixed;white-space:normal}.bill-charge-table th,.bill-charge-table td{padding:12px 13px;white-space:normal;text-align:right;overflow-wrap:anywhere;border-color:var(--line-soft);font-size:11px;color:var(--muted);line-height:1.9;font-variant-numeric:tabular-nums}.bill-charge-table thead th{font-size:9px;color:var(--muted);background:var(--paper)}.bill-charge-table th:first-child{width:22%;text-align:left}.bill-charge-table tbody th{color:var(--muted)}.bill-component-row.has-formula>th,.bill-component-row.has-formula>td{border-bottom:0}.bill-unit-price>strong{display:block;font-size:12px;font-weight:500;color:var(--muted)}.bill-unit-price>.bill-baseline-rate{display:block;font-size:8px;line-height:1.8;color:var(--muted);margin-top:4px}.bill-subtotal{background:var(--surface-alt)}.bill-subtotal>strong{display:block;font-size:12px;color:var(--purple);font-weight:500}.bill-subtotal>small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.bill-charge-table .bill-formula-row>td{padding:9px 13px 11px;text-align:left;background:var(--paper)}.bill-component-formula{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}.bill-component-formula>span{font-size:8px;color:var(--muted)}.bill-component-formula>code{font-size:10px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere;white-space:normal;min-width:0}.bill-note{font-size:10px!important;color:var(--muted)!important;background:var(--paper);border:1px solid var(--line-soft);border-radius:8px;padding:12px 14px;margin:14px 0 0!important;line-height:1.9;overflow-wrap:anywhere}.bill-detail-empty{font-size:11px;color:var(--muted);border:1px dashed var(--line);background:var(--paper);border-radius:8px;padding:15px;line-height:1.9}.bill-request-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 20px;border-top:1px solid var(--line-soft);margin:18px 0 0;padding-top:16px}.bill-request-meta>div{min-width:0}.bill-request-meta dt{font-size:8px;color:var(--muted);margin-bottom:4px}.bill-request-meta dd{font:9px/1.9 Consolas,"Microsoft YaHei",monospace;color:var(--muted);margin:0;overflow-wrap:anywhere}.bill-dialog-footer{position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--line-soft);padding:13px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.bill-dialog-footer>span{display:flex;gap:6px;align-items:center;font-size:8px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:100;max-width:calc(100vw - 36px);padding:11px 17px;background:color-mix(in srgb, var(--toast-bg) 93.73%, transparent);backdrop-filter:blur(8px);color:var(--on-accent);font-size:11px;border-radius:9px;box-shadow:0 8px 25px color-mix(in srgb, var(--shadow-color) 16.86%, transparent);text-align:center;line-height:1.8}
/* Contrast: primary information stays legible in the light purple palette. */
.page-heading p,.panel-heading p{color:var(--muted)}.metric-label{color:var(--text)}.metric-number{color:var(--ink)}.metric-foot{color:var(--muted)}.panel-heading h2{color:var(--ink)}.table-model>strong,.table-token>strong{color:var(--ink)}.table-time{color:var(--muted)}td{color:var(--text)}.pricing-heading h2{color:var(--ink)}.price-discounted strong{color:var(--purple)}.price-tile>h3{color:var(--ink)}.price-baseline,.price-standard{color:var(--muted)}.price-controls select{color:var(--text)}.price-tile-foot{color:var(--muted)}.bill-summary .bill-total>strong{color:var(--purple)}.bill-unit-price>strong,.bill-subtotal>strong{color:var(--purple)}.bill-component-formula>code{color:var(--text)}.auth-intro h1{color:var(--ink)}.auth-card h2{color:var(--ink)}
/* Responsive console */
@media(min-width:1650px){.main{padding-top:38px}.metric-card{padding:22px 23px 17px}.metric-number{font-size:34px}.usage-chart{height:235px}}
@media(max-width:1200px){.auth-layout{gap:70px;max-width:1050px}.main{padding:27px 27px 0}.topbar{padding:0 27px}.metric-grid{gap:11px}.metric-card{padding:17px 15px 14px}.metric-number{font-size:26px}.metric-foot{font-size:7px}.metric-foot .link-button{font-size:7px}.insights-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px}.service-cards,.model-usage{margin-left:0;margin-right:0}.service-cards{padding-left:18px;padding-right:18px}.model-usage{margin-left:18px;margin-right:18px}.price-cards{gap:9px}.price-tile{padding:14px 13px 12px}.price-discounted strong{font-size:25px}}
@media(max-width:1050px){.sidebar{width:196px;padding-left:12px;padding-right:12px}.sidebar>.brand{margin-left:9px;margin-right:9px}.sidebar .brand>span:last-child{font-size:16px}.workspace{margin-left:196px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-number{font-size:29px;margin:17px 0 20px}.metric-foot{font-size:8px}.metric-foot .link-button{font-size:8px}.insights-grid{grid-template-columns:minmax(0,1fr)}.service-panel{display:grid;grid-template-columns:1fr 1fr}.service-panel>.panel-heading{grid-column:1/-1}.service-cards{padding-bottom:20px}.model-usage{margin-top:20px}.price-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.price-controls label{flex:1;width:auto}.price-unit{display:none}.access-grid{gap:14px}.access-card{padding:20px}.access-actions{gap:9px}.access-actions .button{font-size:9px;padding:9px}.wallet-layout{gap:15px}.wallet-hero{padding:24px}.wallet-hero-symbol{right:-13px;opacity:.7}.settings-grid{gap:15px}.topbar-right{gap:15px}}
@media(max-width:740px){.public-header{height:81px;padding:0 24px}.public-header .brand>span:last-child{font-size:18px}.public-header .brand-mark{height:34px;width:34px}.public-guide{font-size:9px}.public-guide .icon{height:12px;width:12px}.auth-layout{display:block;padding:0 24px;margin:20px auto 45px;max-width:450px}.auth-intro{display:none}.auth-card{padding:27px 25px 0;border-radius:17px}.auth-card:before{left:25px;right:25px}.auth-card-symbol{height:38px;width:38px;margin-bottom:23px}.auth-card>.eyebrow{right:25px;top:43px;font-size:6px}.auth-card h2{font-size:22px}.auth-card>p:not(.error):not(.notice){font-size:11px;margin-bottom:25px}.auth-card-footer{margin:0 -25px;padding:15px 10px;font-size:7px}.auth-form label{font-size:10px}.auth-form input{font-size:11px;padding:11px}.auth-form input::placeholder{font-size:10px}.auth-submit{font-size:11px;margin-top:21px}.field-pair{gap:10px}.code-field{gap:6px}.code-field .button{font-size:9px;min-width:88px;padding:8px}.public-pricing{padding:0 24px;max-width:480px}.section-heading{display:block;margin-bottom:16px}.section-heading .eyebrow{font-size:7px}.section-heading h2{font-size:18px;margin:5px 0 7px}.section-heading>.subtle{font-size:9px}.public-footer{display:block;text-align:center;height:auto;padding:20px 20px 24px;font-size:8px;line-height:2}.public-footer>span{display:block}.sidebar{width:228px;transform:translateX(-100%);transition:transform .2s;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:20px 0 65px color-mix(in srgb, var(--shadow-color) 12.16%, transparent)}.sidebar>.brand{margin-top:0;margin-bottom:34px}.sidebar .brand>span:last-child{font-size:18px}.nav-backdrop{display:block;position:fixed;inset:0;z-index:25;background:color-mix(in srgb, var(--overlay) 27.45%, transparent);border:0;backdrop-filter:blur(2px)}.workspace{margin-left:0}.topbar{height:66px;padding:0 17px;gap:8px}.menu-toggle{display:grid;width:25px;height:28px;margin-right:0}.menu-toggle .icon{width:17px;height:17px}.breadcrumb{gap:7px;font-size:9px}.breadcrumb>span{display:none}.breadcrumb>.icon{display:none}.breadcrumb strong{font-size:10px}.topbar-right{gap:10px}.connection{font-size:8px;gap:5px}.topbar-user{gap:6px;font-size:9px;padding:0}.topbar-user>span:not(.avatar){max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user>.icon{display:none}.avatar.small{height:24px;width:24px;font-size:9px}.main{padding:24px 18px 0}.page-heading{margin-bottom:21px;gap:10px;align-items:center}.page-heading .eyebrow{font-size:6px;letter-spacing:1.1px}.page-heading h1{font-size:22px;margin:6px 0}.page-heading p{font-size:10px;line-height:1.8;max-width:235px}.page-heading>.button{font-size:8px;padding:7px 8px;gap:5px}.page-heading>.button .icon{height:12px;width:12px}.usage-toolbar{gap:8px;align-items:center;margin-bottom:17px}.periods{gap:1px;padding:3px}.periods>button{font-size:8px;padding:5px 8px}.key-filter{font-size:0;gap:0}.key-filter select{width:123px;font-size:8px;padding:6px 19px 6px 7px}.metric-grid{gap:11px;margin-bottom:17px}.metric-card{padding:15px 14px 12px;border-radius:11px}.metric-label{font-size:9px;gap:5px}.metric-icon{height:24px;width:24px;border-radius:7px}.metric-icon .icon{height:12px;width:12px}.wallet-card .metric-label>.icon{height:18px;width:18px;margin:3px}.metric-number{font-size:25px;letter-spacing:-.6px;margin:16px 0 18px}.metric-foot{padding-top:10px;font-size:7px;gap:4px}.metric-foot .link-button{font-size:7px}.metric-unit{font-size:6px}.panel{border-radius:11px}.panel-heading{padding:18px 17px 0;gap:8px}.panel-heading h2{font-size:11px}.panel-heading p{font-size:8px;line-height:1.8}.panel-heading .link-button{font-size:8px}.insights-grid{gap:16px;margin-bottom:17px}.chart-summary{padding:16px 17px 0}.chart-summary>strong{font-size:23px}.chart-summary>span{font-size:8px}.chart-legend{font-size:7px!important}.segmented>button{font-size:8px;padding:4px 7px}.usage-chart{height:190px;margin:8px 14px 0}.service-panel{display:block}.service-cards{padding:18px 17px 0;grid-template-columns:1fr 1fr;gap:12px}.service-cards>div{gap:8px;align-items:flex-start;flex-wrap:wrap}.service-cards .service-symbol{height:29px;width:29px;border-radius:8px}.service-cards .service-symbol>.icon{height:15px;width:15px}.service-cards strong{font-size:9px}.service-cards small{font-size:7px}.service-cards b{flex-basis:100%;font-size:16px;margin:1px 0 1px 37px}.model-usage{margin:17px 17px 18px;padding-top:12px;gap:12px}.endpoint-banner{padding:14px;gap:9px;margin-bottom:17px;flex-wrap:wrap;border-radius:10px}.endpoint-banner .service-symbol{height:29px;width:29px}.endpoint-banner>.service-symbol+.div{min-width:0}.endpoint-banner>div{flex-basis:calc(100% - 40px)}.endpoint-banner strong{font-size:9px}.endpoint-banner code{font-size:9px;line-height:1.8;margin-top:3px}.endpoint-banner .button{font-size:8px;padding:7px 9px;gap:5px}.endpoint-banner>.button.secondary{margin-left:38px}.endpoint-banner .button .icon{height:12px;width:12px}.panel>.table-scroll:not(:first-child){margin-top:16px}.empty{font-size:10px;padding:32px 17px}.section-toolbar{gap:10px;margin-bottom:17px}.section-toolbar h2{font-size:12px}.section-toolbar p{font-size:9px;line-height:1.8;max-width:220px}.section-toolbar>.button{font-size:9px;padding:8px 10px;gap:5px}.section-toolbar>.button .icon{height:12px;width:12px}.count-badge{font-size:8px}.segmented.large>button{font-size:9px;padding:5px 9px}.section-toolbar>.subtle{font-size:8px}.pagination{padding:12px 15px;font-size:8px}.pagination .button{font-size:8px;padding:6px 8px}.section-note{font-size:9px;margin-top:13px;line-height:1.9}.live-summary{padding:15px 14px;gap:10px;flex-wrap:wrap;margin-bottom:17px}.live-pulse{height:32px;width:32px;border-radius:8px}.live-summary strong{font-size:11px}.live-summary strong>span{font-size:15px}.live-summary p{font-size:8px}.live-summary>.subtle{font-size:8px;flex-basis:100%;margin-left:42px}.info-strip{padding:12px 13px;gap:7px}.info-strip p{font-size:9px}.wallet-layout{grid-template-columns:1fr;gap:15px;margin-bottom:18px}.wallet-hero{padding:24px;border-radius:12px}.wallet-hero strong{font-size:33px}.wallet-hero-symbol{right:21px;top:34px;opacity:1}.wallet-hero p{font-size:8px}.wallet-explainer{padding:20px}.wallet-explainer h2{font-size:13px}.wallet-explainer p{font-size:9px}.wallet-explainer .link-button{font-size:9px}.access-address{margin-bottom:17px}.address-field{margin:16px 17px 19px;padding:8px 8px 8px 12px;gap:6px}.address-field>code{font-size:10px}.access-grid{grid-template-columns:1fr;gap:17px;margin-bottom:17px}.access-card{padding:22px}.access-card>.service-symbol{height:32px;width:32px}.access-card h2{font-size:16px}.access-card>p{font-size:10px;margin-bottom:18px}.access-actions .button{font-size:10px}.access-actions>.link-button{font-size:9px}.field-help{font-size:9px!important}.example-panel>pre{font-size:9px;padding:16px 17px;line-height:1.9;margin-top:16px}.example-panel .button.small{font-size:8px;padding:6px 8px;gap:4px}.example-panel .button.small .icon{height:12px;width:12px}.settings-grid{grid-template-columns:1fr;gap:17px}.profile-details{margin:18px 19px}.profile-details>div{font-size:10px;padding:12px 0}.profile-card>.button{margin:0 19px 20px;font-size:9px}.password-card form{padding:20px 19px 22px}.password-card input{font-size:11px;margin-bottom:15px}.password-card label{font-size:10px}.workspace-footer{display:block;text-align:center;line-height:2.2;padding:21px 0 20px;margin-top:17px;font-size:7px}.workspace-footer>span{display:block}.pricing{border-radius:12px}[data-pricing]{margin-top:18px}.pricing-heading{padding:19px 17px 0;gap:9px;align-items:flex-start}.pricing-heading .eyebrow{font-size:6px;letter-spacing:1px}.pricing-heading h2{font-size:16px;margin-top:5px}.pricing-heading p{font-size:8px}.price-offer{font-size:8px;flex-direction:column;align-items:flex-end;gap:4px;margin-top:2px}.price-offer>strong{font-size:10px;padding:4px 7px;border-radius:5px}.price-controls{gap:9px;margin:15px 17px 14px;padding-top:13px}.price-controls label{font-size:8px;gap:5px}.price-controls select{font-size:9px;padding:7px 18px 7px 7px;border-radius:6px}.price-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 17px 15px}.price-tile{padding:12px 11px 11px;border-radius:8px}.price-tile>h3{font-size:10px;margin-bottom:15px;gap:3px}.price-tile>h3>.icon{width:16px;height:16px;padding:5px;border-radius:6px}.price-baseline{font-size:7px;gap:4px}.price-standard{font-size:9px}.price-discounted strong{font-size:24px;letter-spacing:-.5px}.price-discounted strong.precise{font-size:13px;line-height:2.3}.price-tile-foot{font-size:7px;margin-top:9px;padding-top:9px;gap:3px}.price-saving{font-size:6px;padding:1px 3px}.all-pricing{margin:0 17px 12px}.all-pricing summary{font-size:8px;padding:12px 0}.pricing-note{padding:0 17px 12px;font-size:7px;line-height:2}.pricing-footer{padding:11px 17px;font-size:7px;gap:6px}.pricing-empty{padding:20px 17px;font-size:10px}.modal{width:calc(100vw - 28px);max-height:calc(100dvh - 28px);border-radius:13px}.modal-heading{padding:20px 18px 16px;gap:9px}.modal-heading .eyebrow{font-size:6px;letter-spacing:1.1px}.modal-heading h2{font-size:18px;margin-top:6px}.modal-heading p{font-size:9px}.modal-heading>.icon-button{width:26px;height:26px}.modal-body{padding:20px 18px 22px}.modal-body>p{font-size:10px}.modal-body>label{font-size:10px}.modal-body>input,.modal-body>select{font-size:11px;margin-bottom:17px}.secret-modal pre{font-size:11px;padding:13px}.bill-dialog{width:calc(100vw - 24px)}.bill-dialog>.modal-body{padding:16px 17px 20px}.bill-summary{padding:15px 14px;gap:12px;flex-wrap:wrap}.bill-total{min-width:0;flex:1}.bill-total>span{font-size:8px}.bill-total>strong{font-size:24px}.bill-identity{flex-basis:100%;order:3}.bill-identity>strong{font-size:10px}.bill-identity>span{font-size:8px}.bill-cost-path{padding:12px 11px;gap:16px}.bill-cost-path span{font-size:8px}.bill-cost-path strong{font-size:10px}.bill-cost-path>div+div:before{left:-13px;top:13px;font-size:9px}.bill-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 18px}.bill-metric{padding:11px 12px}.bill-metric:nth-child(3n){border-right:1px solid var(--line-soft)}.bill-metric:nth-child(2n){border-right:0}.bill-metric:nth-last-child(-n+3){border-bottom:1px solid var(--line-soft)}.bill-metric:nth-last-child(-n+2){border-bottom:0}.bill-metric>span{font-size:9px}.bill-metric>strong{font-size:13px}.bill-metric>small{font-size:7px}.bill-section-heading{flex-wrap:wrap;gap:8px}.bill-section-heading h3{font-size:11px}.bill-policy-tags{justify-content:flex-start}.bill-policy-tags>span{font-size:7px}.bill-charges-note{font-size:9px}.bill-charge-scroll{overflow:visible;border:0;border-radius:0}.bill-charge-table{display:block;min-width:0;width:100%;table-layout:auto}.bill-charge-table thead{display:none}.bill-charge-table tbody{display:grid;gap:11px}.bill-charge-table .bill-component-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper)}.bill-charge-table .bill-component-row.has-formula{border-radius:8px 8px 0 0}.bill-charge-table tbody th{grid-column:1/-1;width:auto;padding:9px 11px!important;text-align:left;font-size:10px;background:var(--surface-alt);border-bottom:1px solid var(--line-soft)!important}.bill-charge-table tbody td{width:auto;padding:10px 11px!important;border-bottom:0;text-align:left;font-size:10px}.bill-charge-table td[data-label]:before{content:attr(data-label);display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.bill-charge-table .bill-unit-price{border-left:1px solid var(--line-soft)}.bill-unit-price>strong{font-size:11px}.bill-unit-price>.bill-baseline-rate{font-size:7px}.bill-charge-table .bill-subtotal{grid-column:1/-1;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:7px}.bill-charge-table .bill-subtotal:before{margin:0 auto 0 0}.bill-subtotal>strong{font-size:12px}.bill-subtotal>small{font-size:7px;margin:0}.bill-charge-table .bill-formula-row{display:block;margin-top:-11px;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;background:var(--paper);overflow:hidden}.bill-charge-table .bill-formula-row>td{display:block;border:0;padding:10px 11px 12px!important;background:none}.bill-component-formula{display:block}.bill-component-formula>span{display:block;font-size:7px;margin-bottom:3px}.bill-component-formula>code{font-size:9px;line-height:1.9}.bill-note{font-size:9px!important;padding:11px 12px}.bill-request-meta{gap:12px 15px}.bill-request-meta dt{font-size:7px}.bill-request-meta dd{font-size:8px}.bill-dialog-footer{padding:12px 17px}.bill-dialog-footer>span{font-size:7px}.bill-dialog-footer>.button{font-size:9px}.toast{font-size:10px;bottom:22px;padding:10px 14px}}

/* Soft surfaces with stronger content contrast. */
.nav-item{color:var(--text);font-size:12px}.nav-item.active{color:var(--purple)}.sidebar-account strong{color:var(--text)}.page-heading p,.panel-heading p{color:var(--text)}.metric-label{color:var(--text)}.metric-foot{color:var(--muted)}.model-row code{color:var(--text)}.service-cards strong{color:var(--text)}.service-cards small{color:var(--muted)}.service-cards b{color:var(--text)}.table-model>strong,.table-token>strong{color:var(--ink)}.table-time{color:var(--muted)}td{color:var(--text)}.table-token>small{color:var(--muted)}.table-performance{color:var(--muted)}.table-performance small{color:var(--muted)}.panel-heading h2{color:var(--ink)}.price-tile>h3{color:var(--ink)}.price-discounted strong{color:var(--purple)}.price-standard,.price-baseline{color:var(--muted)}.price-controls label{color:var(--muted)}.price-controls select{color:var(--text)}.price-tile-foot{color:var(--muted)}.pricing-note,.pricing-footer{color:var(--muted)}.pricing-heading p{color:var(--muted)}.pricing-heading h2{color:var(--ink)}.wallet-explainer p{color:var(--muted)}.field-help{color:var(--muted)!important}.access-card>p{color:var(--muted)}.access-card h2{color:var(--ink)}.access-card label{color:var(--text)}.access-card select{color:var(--text)}.profile-details dt{color:var(--muted)}.profile-details dd{color:var(--text)}.bill-total>strong{color:var(--purple)}.bill-unit-price>strong,.bill-subtotal>strong{color:var(--purple)}.bill-component-formula>code{color:var(--text)}.bill-metric>strong{color:var(--text)}.bill-metric>span{color:var(--muted)}.bill-charge-table th,.bill-charge-table td{color:var(--text)}.live-state.accepting{color:var(--muted)}

.price-offer{display:grid;grid-template-columns:auto auto;gap:4px 12px;align-items:center}.offer-promotion{grid-column:1/-1;color:var(--text);font-size:8px;letter-spacing:1px;text-align:right}.rate-history{display:inline-flex;align-items:baseline;gap:7px;color:var(--muted);font-size:9px}.rate-history>del{color:var(--muted);text-decoration-color:var(--line-strong);font-size:12px}.rate-history>b{font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.4px;color:var(--purple);font-variant-numeric:tabular-nums}.price-offer>strong{font-size:10px;padding:5px 8px;border-radius:6px}
@media(max-width:740px){.price-offer{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.offer-promotion{font-size:7px;letter-spacing:.5px}.rate-history{font-size:7px;gap:4px}.rate-history>del{font-size:9px}.rate-history>b{font-size:15px}.price-offer>strong{font-size:8px;padding:3px 5px}.pricing-heading h2{font-size:16px}}

.overview-live-strip{display:flex;align-items:center;gap:8px;border:1px solid var(--line-soft);border-radius:9px;background:var(--paper);padding:11px 15px;margin:0 0 17px;font-size:9px;color:var(--muted)}.overview-live-strip>.status-dot{height:5px;width:5px;background:var(--success)}.overview-live-strip>strong{font-size:10px;font-weight:500;color:var(--text)}.overview-live-strip>.link-button{font-size:9px;margin-left:auto}.overview-live-strip>span:not(.status-dot){font-size:8px}
@media(max-width:740px){.overview-live-strip{padding:10px 12px;gap:7px;margin-bottom:15px}.overview-live-strip>strong{font-size:9px}.overview-live-strip>span:not(.status-dot){display:none}.overview-live-strip>.link-button{font-size:8px}}

.pricing-services{display:inline-flex;margin:22px 24px 0;background:var(--surface-alt);border:1px solid var(--line-soft);padding:4px;border-radius:9px;gap:3px}.pricing-services button{min-width:76px;padding:8px 14px;font-size:10px;color:var(--muted)}.pricing-services button[aria-pressed=true]{background:var(--paper);box-shadow:0 2px 7px color-mix(in srgb, var(--shadow-color) 4.71%, transparent);color:var(--text)}.price-cards.extended-pricing{grid-template-columns:repeat(5,minmax(0,1fr))}.extended-pricing .price-tile{padding-left:15px;padding-right:15px}.extended-pricing .price-tile>h3{font-size:10px}.extended-pricing .price-discounted strong{font-size:25px}.extended-pricing .price-tile>h3>.icon{height:13px;width:13px}.service-cards{gap:10px}.service-cards>div{padding-top:7px;padding-bottom:7px}.service-panel .model-usage{margin-top:10px}
.claude-access{margin-top:20px;margin-bottom:20px;padding:25px 28px}.claude-access .panel-heading{padding:0;margin-bottom:22px}.claude-access .eyebrow{margin-bottom:7px;display:block}.claude-access h2{font-size:17px;color:var(--ink)}.claude-access-fields{display:grid;grid-template-columns:.7fr 1.25fr 1fr;gap:15px}.claude-access-fields label{font-size:10px;color:var(--muted)}.claude-access-fields select{margin-top:9px;width:100%;padding:12px;font-size:11px;color:var(--text);border-color:var(--line);background:var(--paper)}.claude-access-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px}.claude-access-footer .field-help{margin:0;max-width:480px;line-height:1.9}.claude-access-footer .button{flex-shrink:0;font-size:10px}.claude-access>.image-template{margin-top:22px;padding-top:15px;border-top:1px solid var(--line-soft)}.claude-access pre{background:var(--surface-alt);border:1px solid var(--line-soft);padding:18px;border-radius:9px;white-space:pre-wrap;word-break:break-word;color:var(--text);font-size:10px;line-height:1.9}.claude-access .image-template .button{margin-top:12px}.available-models{display:block}.available-models>span{display:block;margin-bottom:10px}.model-group{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:9px}.model-group>strong{font-size:9px;color:var(--muted);min-width:76px;font-weight:500}.model-group>code{display:inline-block}
@media(max-width:1150px){.price-cards.extended-pricing{grid-template-columns:repeat(3,minmax(0,1fr))}.claude-access-fields{grid-template-columns:1fr 1fr}.claude-access-fields>label:last-child{grid-column:1/-1}.claude-access-footer{align-items:flex-start}.claude-access-footer .field-help{font-size:9px}}
@media(max-width:740px){.pricing-services{display:flex;width:calc(100% - 34px);margin:18px 17px 0}.pricing-services button{flex:1;min-width:0;padding:8px 5px;font-size:9px}.price-cards.extended-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.extended-pricing .price-tile:last-child{grid-column:1/-1}.extended-pricing .price-discounted strong{font-size:23px}.claude-access{padding:20px;margin-top:16px;margin-bottom:16px}.claude-access .panel-heading{gap:12px}.claude-access .panel-heading p{font-size:10px;line-height:1.9}.claude-access h2{font-size:16px}.claude-access-fields{display:grid;grid-template-columns:1fr;gap:15px}.claude-access-fields>label:last-child{grid-column:auto}.claude-access-fields select{font-size:10px;padding:11px}.claude-access-footer{display:block;margin-top:15px}.claude-access-footer .button{margin-top:15px;width:100%;font-size:10px}.claude-access pre{font-size:9px;padding:14px}.model-group>strong{width:100%;margin-top:5px}.service-cards>div{padding-top:6px;padding-bottom:6px}}
/* Service selection and image prices share the public pricing rhythm. */
.pricing-services{max-width:calc(100% - 48px);flex-wrap:wrap;align-items:stretch}
.pricing-services button{white-space:nowrap}
.price-cards.image-price-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.image-price-cards .price-tile{padding:20px 20px 16px;background:linear-gradient(135deg,var(--paper),var(--paper))}
.image-price-cards .price-tile>h3{font-size:13px;margin-bottom:15px}
.image-price-cards .price-discounted strong{font-size:30px}
.image-price-cards .price-tile-foot{font-size:10px;margin-top:15px;color:var(--text)}
.image-tier-size{font-size:9px;color:var(--muted);white-space:normal}
.image-model-catalog{margin:0 24px 20px;padding-top:17px;border-top:1px solid var(--line-soft)}
.image-model-catalog>h3{margin:0 0 5px;color:var(--ink);font-size:12px;font-weight:550;line-height:1.6}
.image-model-catalog>p{margin:0 0 13px;color:var(--muted);font-size:10px;line-height:1.9}
.image-model-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px}
.image-model-list>code{display:inline-block;min-width:0;max-width:100%;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--text);font-size:10px;line-height:1.7;overflow-wrap:anywhere;white-space:normal}
.gpt-access-actions{align-items:stretch;gap:10px;margin-bottom:9px}
.gpt-access-actions>.button{min-height:40px;justify-content:center;gap:7px}
.access-card .direct-import-help{margin-bottom:12px}
.access-card .ccswitch-help{margin:0 0 18px}
.ccswitch-help>.link-button{font-size:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:740px){
.pricing-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 34px);max-width:none;gap:4px}
.pricing-services button{min-width:0;min-height:35px;padding:8px 6px;font-size:11px;line-height:1.6}
.price-cards.image-price-cards{grid-template-columns:1fr;gap:10px}
.image-price-cards .price-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;padding:16px 17px}
.image-price-cards .price-tile>h3{grid-column:1;grid-row:1;justify-content:flex-start;gap:8px;margin:0;font-size:13px}
.image-price-cards .price-tile>h3>.icon{width:13px;height:13px;padding:4px}
.image-price-cards .price-discounted{grid-column:2;grid-row:1 / span 2;align-self:center}
.image-price-cards .price-discounted strong{font-size:28px}
.image-price-cards .price-tile-foot{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:3px 8px;margin:4px 0 0;padding:0;border:0;font-size:10px}
.image-tier-size{font-size:8px}
.image-model-catalog{margin:0 17px 18px;padding-top:15px}
.image-model-catalog>h3{font-size:11px}
.image-model-catalog>p{margin-bottom:11px;font-size:10px}
.image-model-list{gap:6px}
.image-model-list>code{padding:6px 8px;font-size:9px;line-height:1.8}
.gpt-access-actions{gap:9px}
.gpt-access-actions>.button{flex:1 1 140px;min-width:0;min-height:42px;padding:10px 9px;font-size:10px}
}
/* Authentication: restrained hierarchy, readable fields, one consistent form system. */
#auth .auth-layout{grid-template-columns:minmax(0,1fr) 440px;gap:106px;max-width:1160px;margin-top:48px}
#auth .auth-card{padding:34px 34px 0;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 20px 65px color-mix(in srgb, var(--shadow-color) 3.14%, transparent),0 3px 12px color-mix(in srgb, var(--shadow-color) 1.18%, transparent);color:var(--ink)}
#auth .auth-card:before{display:none}
#auth .auth-card-heading{display:flex;align-items:flex-start;gap:14px;margin:0 0 30px}
#auth .auth-card-symbol{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;margin:2px 0 0;border:1px solid var(--line);border-radius:13px;background:var(--surface-alt);color:var(--purple);box-shadow:0 2px 4px color-mix(in srgb, var(--shadow-color) 1.96%, transparent)}
#auth .auth-card-symbol .icon{width:27px;height:27px}
#auth .auth-heading-copy{min-width:0}
#auth #auth-eyebrow{display:none}
#auth #auth-title{margin:0 0 7px;color:var(--ink);font-size:27px;line-height:1.35;font-weight:650;letter-spacing:-.7px}
#auth #auth-description{margin:0;color:var(--text);font-size:13px;line-height:1.8}
#auth .auth-form label{margin-top:20px;margin-bottom:8px;color:var(--ink);font-size:13px;line-height:1.6;font-weight:550}
#auth .auth-form>label:first-child{margin-top:0}
#auth .auth-form label>span{font-size:11px;color:var(--text);font-weight:400;line-height:1.9}
#auth .auth-form input{height:48px;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s,background .15s}
#auth .auth-form input::placeholder{font-size:13px;color:var(--text);opacity:1}
#auth .auth-form input:hover{border-color:var(--line-strong)}
#auth .auth-form input:focus-visible{outline:0;border-color:var(--line-strong);box-shadow:0 0 0 3px var(--soft);background:var(--paper)}
#auth .auth-input-field,#auth .password-field{display:flex;align-items:center;gap:10px;padding:0 10px 0 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);transition:border-color .15s,box-shadow .15s}
#auth .auth-input-field:hover,#auth .password-field:hover{border-color:var(--line-strong)}
#auth .auth-input-field>input,#auth .password-field>input{flex:1;width:0;min-width:0;padding-left:0;padding-right:0;border:0;border-radius:0;background:none}
#auth .auth-input-field>input:focus-visible,#auth .password-field>input:focus-visible{outline:0;box-shadow:none;background:none}
#auth .auth-input-field:focus-within,#auth .password-field:focus-within{outline:0;border-color:var(--line-strong);box-shadow:0 0 0 3px var(--soft);background:var(--paper)}
#auth .auth-input-field>.icon,#auth .password-field>.input-leading{width:17px;height:17px;color:var(--muted)}
#auth .password-field .icon-button{width:32px;height:32px;color:var(--text);border-radius:6px}
#auth .password-field .icon-button:hover{background:var(--surface-alt);color:var(--text)}
#auth .password-field .icon-button .icon{width:17px;height:17px}
#auth .label-line{margin-top:20px;align-items:baseline}
#auth .label-line label{margin:0 0 8px}
#auth .link-button{font-size:13px;color:var(--purple);font-weight:500}
#auth .link-button:hover{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
#auth .label-line .link-button{margin:0 0 8px;font-size:12px}
#auth .auth-form .checkbox{margin:17px 0 0;gap:8px;color:var(--text)!important;font-size:12px!important;font-weight:400!important;min-height:22px}
#auth .auth-form .checkbox input{width:15px;height:15px;padding:0;border-radius:3px;box-shadow:none;accent-color:var(--accent-solid)}
#auth .auth-submit{justify-content:center;position:relative;width:100%;height:48px;padding:12px 38px;margin-top:24px;border:1px solid var(--line-strong);border-radius:9px;background:var(--accent-solid)!important;color:white;font-size:14px;font-weight:550;letter-spacing:.1px;box-shadow:0 3px 8px color-mix(in srgb, var(--shadow-color) 8.63%, transparent)!important;transition:background .15s,box-shadow .15s}
#auth .auth-submit:hover:not(:disabled){background:var(--accent-solid)!important;border-color:var(--line-strong);box-shadow:0 4px 10px color-mix(in srgb, var(--shadow-color) 13.73%, transparent)!important}
#auth .auth-submit>.icon{position:absolute;right:16px;width:17px;height:17px;opacity:.85}
#auth .auth-switch{margin:20px 0 25px;color:var(--text);font-size:12px;line-height:1.8;text-align:center}
#auth .auth-switch .link-button{margin-left:7px;font-size:13px}
#auth .auth-card-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 -34px;padding:15px 12px;border-top:1px solid var(--line-soft);background:var(--paper);color:var(--text);font-size:10px;line-height:1.7}
#auth .auth-card-footer .icon{width:13px;height:13px;color:var(--muted)}
#auth .auth-card .notice,#auth .auth-card .error{margin:0 0 22px;padding:11px 13px;border-radius:8px;font-size:12px;line-height:1.8}
#auth .auth-card .notice{background:var(--warning-soft);border-color:var(--warning-line);color:var(--warning)}
#auth .auth-card .error{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}
#auth .field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#auth .field-pair label{margin-top:19px}
#auth .register-identity>div{min-width:0}
#auth .auth-form label>.optional-label{float:none;display:inline-block;margin-left:5px;font-size:10px;font-weight:400;color:var(--text);vertical-align:baseline}
#auth .auth-form .password-help,.password-card .password-help{margin:7px 0 0;color:var(--text);font-size:11px;line-height:1.85;overflow-wrap:anywhere}
#auth .auth-form .password-help>strong,.password-card .password-help>strong{font-weight:500;color:var(--text)}
#auth .auth-form .field-error{margin:7px 0 0;padding:0;color:var(--danger);font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.password-field:has(>input[aria-invalid=true]),.password-field.is-invalid{border-color:var(--danger-line)!important;box-shadow:0 0 0 3px var(--paper)!important}
.password-field input::-ms-reveal,.password-field input::-ms-clear{display:none}
.password-card #password-form>label{margin-top:18px;margin-bottom:8px;font-size:12px;line-height:1.6;color:var(--text)}
.password-card #password-form>label:first-child{margin-top:0}
.password-card .password-field{padding:0 8px 0 12px;gap:9px;border-color:var(--line);background:var(--paper);border-radius:8px}
.password-card .password-field>input{height:44px;margin:0;padding:10px 0;border:0;border-radius:0;color:var(--text);font-size:13px;background:none}
.password-card .password-field>input::placeholder{font-size:12px;color:var(--muted)}
.password-card .password-field>.input-leading{width:16px;height:16px;color:var(--muted)}
.password-card .password-field .icon-button{width:30px;height:30px;color:var(--muted)}
.password-card .password-field .icon-button>.icon{width:16px;height:16px}
.password-card #password-error{margin:17px 0 0}
.password-card #password-form>.button.primary{margin-top:22px}
#auth .email-verification{padding:0 0 20px;margin-bottom:0;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:none}
#auth .email-verification>label:first-child{margin-top:0}
#auth .email-verification>label:not(:first-child){margin-top:15px}
#auth .verification-help{margin:6px 0 0;color:var(--text);font-size:11px;line-height:1.7}
#auth .code-field{display:flex;align-items:stretch;gap:9px}
#auth .code-field>input{flex:1;width:0;min-width:0}
#auth .code-field>input:not(:placeholder-shown){font-variant-numeric:tabular-nums;letter-spacing:1.5px}
#auth .code-field>.button{height:48px;min-width:109px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-alt);color:var(--text);font-size:12px;font-weight:500;box-shadow:none}
#auth .code-field>.button:hover:not(:disabled){border-color:var(--line-strong);background:var(--soft);color:var(--text)}
#auth .code-field>.button:disabled{opacity:.7}
#auth:is([data-mode=register],[data-mode=reset]) .auth-card-heading{margin-bottom:26px}
#auth:is([data-mode=register],[data-mode=reset]) .auth-form label>span{font-size:11px}
#auth:is([data-mode=register],[data-mode=reset]) .auth-switch{margin-top:19px;margin-bottom:24px}
@media(max-width:1100px) and (min-width:741px){
#auth .auth-layout{gap:55px;max-width:1040px;grid-template-columns:minmax(0,1fr) 420px}
#auth .auth-card{padding-left:30px;padding-right:30px}
#auth .auth-card-footer{margin-left:-30px;margin-right:-30px}
}
@media(max-width:740px){
#auth .auth-layout{display:block;max-width:470px;padding:0 20px;margin:20px auto 40px}
#auth .auth-card{padding:28px 24px 0;border-radius:20px;box-shadow:0 12px 40px color-mix(in srgb, var(--shadow-color) 2.35%, transparent)}
#auth .auth-card-heading{gap:12px;margin-bottom:27px}
#auth .auth-card-symbol{width:39px;height:39px;border-radius:12px}
#auth .auth-card-symbol .icon{width:25px;height:25px}
#auth #auth-title{font-size:25px;margin-bottom:6px}
#auth #auth-description{font-size:12px;line-height:1.8}
#auth .auth-form label{font-size:13px;margin-top:19px;margin-bottom:8px}
#auth .auth-form input{height:48px;font-size:16px;padding:11px 12px}
#auth .auth-form input::placeholder{font-size:13px}
#auth .auth-input-field,#auth .password-field{padding-left:12px;gap:8px}
#auth .auth-input-field>input,#auth .password-field>input{padding-left:0;padding-right:0}
#auth .label-line{margin-top:19px}
#auth .label-line label{margin-top:0}
#auth .label-line .link-button{font-size:12px}
#auth .auth-form .checkbox{font-size:12px!important;margin-top:16px}
#auth .auth-submit{height:48px;font-size:14px;margin-top:23px}
#auth .auth-switch{font-size:12px;margin:19px 0 24px}
#auth .auth-switch .link-button{font-size:13px}
#auth .auth-card-footer{margin-left:-24px;margin-right:-24px;padding:14px 10px;font-size:10px}
#auth .auth-card .notice,#auth .auth-card .error{font-size:12px;padding:10px 12px}
#auth .field-pair{gap:11px}
#auth .field-pair label{margin-top:18px}
#auth .register-identity{grid-template-columns:1fr;gap:0}
#auth .auth-form .password-help{font-size:11px;line-height:1.85}
.password-card .password-field>input{font-size:16px}
#auth .email-verification{padding-bottom:18px}
#auth .email-verification>label:not(:first-child){margin-top:13px}
#auth .verification-help{font-size:11px}
#auth .code-field{gap:8px}
#auth .code-field>.button{min-width:100px;height:48px;padding:9px 10px;font-size:12px}
#auth:is([data-mode=register],[data-mode=reset]) .auth-card-heading{margin-bottom:24px}
#auth:is([data-mode=register],[data-mode=reset]) .auth-switch{margin:18px 0 23px}
}
@media(max-width:360px){
#auth .auth-layout{padding-left:14px;padding-right:14px}
#auth .auth-card{padding-left:20px;padding-right:20px}
#auth .auth-card-footer{margin-left:-20px;margin-right:-20px}
#auth .auth-card-heading{gap:10px}
#auth #auth-title{font-size:23px}
#auth .auth-card-symbol{width:36px;height:36px;border-radius:11px}
#auth .code-field>.button{min-width:92px;padding-left:8px;padding-right:8px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){#auth .auth-form input,#auth .auth-input-field,#auth .password-field,#auth .auth-submit{transition:none}}

/* The same restrained purple identity, with clear surfaces and readable details. */
html{background:var(--bg)}
body{color:var(--ink)}
input,select,textarea{color-scheme:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.public-actions{display:flex;align-items:center;gap:22px}
.theme-switch{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface-alt);flex-shrink:0}
.theme-switch>button{display:grid;place-items:center;width:29px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);transition:background .15s,color .15s,box-shadow .15s}
.theme-switch>button>.icon{width:16px;height:16px;stroke-width:1.7}
.theme-switch>button:hover{background:var(--surface-hover);color:var(--ink)}
.theme-switch>button[aria-pressed=true]{background:var(--paper);color:var(--purple);box-shadow:0 1px 5px color-mix(in srgb,var(--shadow-color) 10%,transparent)}
#auth{background:radial-gradient(ellipse at 12% 40%,var(--auth-glow),transparent 52%),radial-gradient(ellipse at 96% 5%,var(--auth-glow-secondary),transparent 45%),var(--bg)}
.auth-card,.panel,.metric-card{box-shadow:0 2px 5px color-mix(in srgb,var(--shadow-color) 3%,transparent)}
#auth .auth-card{box-shadow:0 16px 48px color-mix(in srgb,var(--shadow-color) 7%,transparent),0 2px 6px color-mix(in srgb,var(--shadow-color) 3%,transparent)}
.auth-intro h1>span{color:var(--purple)}
.auth-card:before{background:linear-gradient(90deg,var(--purple),var(--line-strong) 70%,var(--soft))}
.auth-intro>p,.auth-switch,.auth-card-footer,.public-footer{color:var(--muted)}
.auth-intro h1,.auth-card h2,.panel-heading h2,.section-toolbar h2,.page-heading h1,.access-card h2,.claude-access h2{color:var(--ink)}
.auth-form label,label,.breadcrumb strong,.key-name strong,.table-model>strong,.table-token>strong{color:var(--text)}
.brand-mark,.auth-card-symbol,.purple{background:var(--soft);color:var(--purple)}
.brand small{color:var(--muted)}
.button.primary{background:var(--accent-solid);color:var(--on-accent)}
.button.primary:hover{background:var(--accent-hover)}
#auth .auth-submit{color:var(--on-accent)}
.button.danger{color:var(--on-danger)}
.toast{color:var(--toast-ink)}
.button.secondary{background:var(--paper);border-color:var(--line);color:var(--text)}
.button.secondary:hover{background:var(--surface-hover);border-color:var(--line-strong);color:var(--purple)}
.button.soft,.bill-button{background:var(--soft);color:var(--purple);border-color:var(--line)}
.button.soft:hover,.bill-button:hover{background:var(--surface-hover);color:var(--purple)}
.icon-button{color:var(--muted)}
.icon-button:hover{color:var(--purple);background:var(--surface-hover)}
.link-button{color:var(--purple)}
.link-button:hover{color:var(--purple-dark)}
.row-actions>button{color:var(--text);border-color:var(--line);background:var(--paper)}
.row-actions>button:hover{background:var(--surface-hover);border-color:var(--line-strong);color:var(--purple)}
.row-actions>.key-usage-action{color:var(--purple);background:var(--soft);border-color:var(--line)}
.nav-item{color:var(--text)}
.nav-item:hover{color:var(--purple);background:var(--surface-alt)}
.nav-item.active{color:var(--purple);background:var(--soft)}
.sidebar-account strong,.topbar-user{color:var(--text)}
.nav-label,.page-heading .eyebrow,.eyebrow{color:var(--muted)}
.page-heading p,.panel-heading p,.section-toolbar p{color:var(--muted)}
.metric-label{color:var(--text)}
.metric-number{color:var(--ink);font-weight:600}
.metric-foot{color:var(--muted)}
.metric-foot .link-button{color:var(--purple)}
.wallet-card{background:linear-gradient(120deg,var(--hero-a),var(--hero-b));border-color:var(--hero-border)}
.wallet-card .metric-label,.wallet-card .metric-foot,.wallet-card .metric-label>.icon{color:var(--hero-muted)}
.wallet-card .metric-number{color:var(--on-accent)}
.wallet-card .metric-foot .link-button{color:var(--on-accent)}
.wallet-hero{background:linear-gradient(110deg,var(--hero-a),var(--hero-b));color:var(--on-accent)}
.wallet-hero h2,.wallet-hero .eyebrow,.wallet-hero p{color:var(--hero-muted)}
.chart-summary>strong,.service-cards b{color:var(--ink)}
.service-cards strong,.model-row code{color:var(--text)}
.service-cards small{color:var(--muted)}
.chart-legend>i,.model-track>span{background:var(--purple)}
.usage-chart svg>line{stroke:var(--line)}
.usage-chart svg>text{fill:var(--muted)}
.usage-chart svg>path[stroke]{stroke:var(--purple)}
.usage-chart svg stop:first-child{stop-color:var(--purple);stop-opacity:.23}
.usage-chart svg stop:last-child{stop-color:var(--purple);stop-opacity:.015}
th{color:var(--muted);background:var(--surface-alt);font-weight:550}
td{color:var(--text)}
.table-time,.table-performance,.table-token>small,.table-model>small,.key-name small,.masked-key{color:var(--muted)}
.pricing{background:linear-gradient(125deg,var(--surface-alt),var(--soft));border-color:var(--line)}
.pricing-heading h2,.price-tile>h3{color:var(--ink)}
.pricing-heading p,.price-baseline,.price-standard,.price-tile-foot,.pricing-note,.pricing-footer,.image-tier-size{color:var(--muted)}
.price-discounted strong{color:var(--purple)}
.price-controls select{color:var(--text)}
.price-offer>strong{background:var(--accent-solid);color:var(--on-accent)}
.pricing-services{background:var(--soft);border-color:var(--line)}
.pricing-services button{color:var(--text)}
.pricing-services button[aria-pressed=true]{color:var(--purple);background:var(--paper)}
.image-price-cards .price-tile{background:var(--paper)}
.image-model-list>code{color:var(--text);background:var(--paper);border-color:var(--line)}
.image-model-catalog>h3{color:var(--text)}
.image-model-catalog>p{color:var(--muted)}
.modal,.modal-heading,.bill-dialog-footer{background:var(--paper)}
.modal-heading h2,.bill-total>strong,.bill-summary .bill-total>strong{color:var(--ink)}
.bill-metric>strong,.bill-unit-price>strong,.bill-subtotal>strong{color:var(--text)}
.bill-charge-table th,.bill-charge-table td,.bill-component-formula>code{color:var(--text)}
.bill-charge-table thead th,.bill-charge-table .bill-formula-row>td{background:var(--surface-alt)}
.bill-summary{background:linear-gradient(110deg,var(--soft),var(--paper))}
.bill-subtotal,.bill-cost-path{background:var(--surface-alt)}
.bill-unit-price>.bill-baseline-rate,.bill-subtotal>small,.bill-metric>span,.bill-request-meta dt,.bill-request-meta dd,.bill-charge-table td[data-label]:before{color:var(--muted)}
.field-help{color:var(--muted)!important}
.result.ok,.live-state.completed,.ledger-positive{color:var(--success)}
.result.bad,.live-state.failed{color:var(--danger)}
.badge{background:var(--success-soft);color:var(--success)}
.badge.disabled,.badge.free{background:var(--surface-alt);color:var(--muted)}
.badge.pending,.badge.unsettled,.badge.admitted{background:var(--warning-soft);color:var(--warning)}
::selection{background:var(--soft);color:var(--ink)}

/* Per-Key totals remain scanable without letting actions dominate the row. */
.key-list-note{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin:0;padding:13px 22px;line-height:1.8;background:var(--surface-alt)}
.key-list-note .icon{width:14px;height:14px;color:var(--purple)}
.key-usage-cell,.key-spend-cell{font-variant-numeric:tabular-nums}
.key-usage-cell>strong,.key-spend-cell>strong{display:block;font-size:12px;line-height:1.7;font-weight:600;color:var(--ink)}
.key-usage-cell>small,.key-spend-cell>small{display:block;font-size:10px;line-height:1.75;color:var(--muted);margin-top:3px}
.key-spend-cell>strong{color:var(--purple)}
.key-spend-cell>strong.precise{font-size:10px}
.key-usage-cell .key-usage-pending,.key-spend-cell .key-usage-pending{color:var(--warning)}
.key-usage-focus{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(110deg,var(--soft),var(--paper));margin:0 0 20px;min-width:0}
.key-focus-identity{min-width:0;flex:1}
.key-focus-identity .eyebrow{font-size:8px;letter-spacing:1.2px;color:var(--purple);display:block;margin:0 0 6px}
.key-focus-identity h2,.key-focus-identity>strong{display:block;font-size:15px;font-weight:600;color:var(--ink);margin:0;overflow-wrap:anywhere;line-height:1.6}
.key-focus-identity p,.key-focus-identity code{display:block;color:var(--muted);font-size:10px;margin:5px 0 0;overflow-wrap:anywhere}
.key-focus-metrics{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:24px;min-width:0}
.key-focus-metrics>div{min-width:0}
.key-focus-metrics span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}
.key-focus-metrics strong{display:block;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.4px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.key-focus-metrics>div:last-child strong{color:var(--purple)}
.key-focus-clear{flex-shrink:0}
.key-focus-pending{order:4;flex-basis:100%;margin:-8px 0 0;font-size:10px;line-height:1.8;color:var(--warning)}
.key-table{font-size:11px}
.key-table th,.key-table td{padding-top:18px;padding-bottom:18px}
.key-table .row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:4px;max-width:none}
.key-table .row-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:11px;font-weight:500;line-height:1.35;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}
.key-table .row-actions>button>.icon{width:14px;height:14px;stroke-width:1.7}
.key-table .row-actions>.key-usage-action{background:var(--soft);color:var(--purple)}
.key-table .row-actions>.key-usage-action:hover{background:var(--surface-hover);color:var(--purple-dark)}
.key-table .row-actions>.key-import-action{padding-left:8px;padding-right:8px;color:var(--text)}
.key-table .row-actions>.key-import-action:hover{background:var(--surface-hover);color:var(--purple)}
.key-table .row-actions>.key-more-action{width:34px;padding:0;color:var(--muted);flex:0 0 34px}
.key-table .row-actions>.key-more-action>.icon{width:18px;height:18px}
.key-table .row-actions>.key-more-action:hover,.key-table .row-actions>.key-more-action[aria-expanded=true]{background:var(--soft);color:var(--purple)}
.key-table .row-actions>button:disabled{opacity:.45}
.key-action-menu{position:fixed;inset:auto;margin:0;width:216px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--text);box-shadow:0 14px 40px color-mix(in srgb,var(--shadow-color) 14%,transparent),0 3px 10px color-mix(in srgb,var(--shadow-color) 7%,transparent);overflow:auto;overscroll-behavior:contain}
.key-action-menu::backdrop{background:transparent}
.key-action-menu:popover-open{animation:key-menu-in .14s ease-out}
.key-action-menu-heading{display:block;padding:8px 9px 11px;margin:0 0 5px;border-bottom:1px solid var(--line-soft);min-width:0}
.key-action-menu-heading>small,.key-action-menu-heading>.eyebrow{display:block;font-size:8px;line-height:1.5;letter-spacing:1.25px;color:var(--muted);margin:0 0 5px}
.key-action-menu-heading>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.5;color:var(--ink)}
.key-action-menu .key-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;font-size:12px;font-weight:400;line-height:1.5;white-space:nowrap;transition:background .12s,color .12s}
.key-action-menu .key-menu-item>.icon{width:16px;height:16px;stroke-width:1.65;color:var(--muted)}
.key-action-menu .key-menu-item:hover{background:var(--surface-hover);color:var(--ink)}
.key-action-menu .key-menu-item:hover>.icon{color:var(--purple)}
.key-action-menu .key-menu-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;background:var(--surface-hover);color:var(--ink)}
.key-action-menu .key-menu-item.is-danger,.key-action-menu .key-menu-item.is-danger>.icon{color:var(--danger)}
.key-action-menu .key-menu-item.is-danger:hover,.key-action-menu .key-menu-item.is-danger:focus-visible{background:var(--danger-soft);color:var(--danger)}
.key-action-menu hr{height:1px;border:0;background:var(--line-soft);margin:6px 4px}
@keyframes key-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.key-table .key-name strong{font-size:12px}
.key-table .key-name small{font-size:10px}

/* Quiet, live password guidance: unmet rules stay neutral while typing. */
#auth .auth-form .password-requirements,.password-card .password-requirements{display:flex;flex-wrap:wrap;gap:3px 12px;line-height:1.65;margin:7px 0 0;color:var(--muted);font-size:11px}
.password-rule{display:inline-flex;align-items:baseline;gap:5px;min-width:0;color:var(--muted)}
.password-rule-mark{display:inline-block;text-align:center;width:10px;font-size:11px;flex-shrink:0;color:var(--muted)}
.password-rule[data-state=met],.password-rule[data-state=met] .password-rule-mark{color:var(--success)}
.password-requirements[data-attention=true] .password-rule[data-state=unmet],.password-requirements[data-attention=true] .password-rule[data-state=unmet] .password-rule-mark{color:var(--warning)}
#auth .auth-form .password-match-status,.password-card .password-match-status{font-size:11px;line-height:1.65;margin:7px 0 0;color:var(--muted);min-height:0}
#auth .auth-form .password-match-status.is-match,.password-card .password-match-status.is-match{color:var(--success)}
#auth .auth-form .password-match-status.is-mismatch,.password-card .password-match-status.is-mismatch{color:var(--muted)}
#auth .auth-form .password-match-status.is-mismatch[data-attention=true],.password-card .password-match-status.is-mismatch[data-attention=true]{color:var(--warning)}

@media(max-width:1050px){
 .key-usage-focus{flex-wrap:wrap;gap:18px}
 .key-focus-identity{flex-basis:calc(100% - 140px)}
 .key-focus-metrics{order:3;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:16px;border-top:1px solid var(--line);padding-top:15px}
 .key-focus-clear{margin-left:auto}
}
@media(max-width:740px){
 .public-actions{gap:12px}
 .theme-switch{gap:2px;padding:3px;border-radius:9px}
 .theme-switch>button{width:27px;height:27px}
 .topbar-right{gap:10px}
 .topbar-right .connection{display:none}
 .topbar-right .theme-switch>button{width:25px;height:25px}
 .topbar-right .theme-switch>button>.icon{width:15px;height:15px}
 .key-list-note{font-size:10px;line-height:1.8;margin:0;padding:12px 14px}
 .key-usage-focus{padding:17px 16px;gap:14px;border-radius:11px;margin-bottom:17px}
 .key-focus-identity{flex-basis:calc(100% - 100px)}
 .key-focus-identity h2,.key-focus-identity>strong{font-size:14px}
 .key-focus-clear{font-size:9px;padding:7px 9px}
 .key-focus-metrics{gap:12px;padding-top:13px}
 .key-focus-metrics span{font-size:9px}
 .key-focus-metrics strong{font-size:17px;letter-spacing:-.5px}
 .key-table,.key-table tbody{display:block;white-space:normal;min-width:0;width:100%}
 .key-table thead{display:none}
 .key-table tbody{padding:0 14px}
 .key-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 15px;padding:17px 0;border-bottom:1px solid var(--line)}
 .key-table tbody tr:last-child{border-bottom:0}
 .key-table td{display:block;min-width:0;width:auto;border:0;padding:8px 0!important;font-size:11px;overflow-wrap:anywhere}
 .key-table td[data-label]:before{content:attr(data-label);display:block;font-size:9px;line-height:1.5;color:var(--muted);margin:0 0 5px;letter-spacing:.2px}
 .key-table td:first-child{grid-column:1/-1;padding-top:0!important}
 .key-table td:first-child:before{display:none}
 .key-table td:last-child{grid-column:1/-1;padding-bottom:0!important;margin-top:8px;padding-top:12px!important;border-top:1px solid var(--line-soft)}
 .key-table td:last-child:before{display:none}
 .key-table .row-actions{display:flex;flex-wrap:nowrap;max-width:none;gap:5px;justify-content:flex-start}
 .key-table .row-actions>button{font-size:11px;min-height:34px;padding:7px 10px}
 .key-table .key-name{gap:10px}
 .key-table .key-name strong{font-size:13px}
 .key-table .key-name small{font-size:10px}
 .key-table .masked-key{font-size:11px;overflow-wrap:anywhere}
 .key-usage-cell>strong,.key-spend-cell>strong{font-size:13px}
 .key-usage-cell>small,.key-spend-cell>small{font-size:9px}
 #auth .auth-form .password-requirements,.password-card .password-requirements{font-size:10px;gap:2px 10px;margin-top:6px;line-height:1.65}
 #auth .auth-form .password-match-status,.password-card .password-match-status{font-size:10px;margin-top:6px;line-height:1.65}
}
@media(max-width:540px){.public-actions>.public-guide{display:none}.public-header{gap:10px}.public-header .brand>span:last-child{font-size:18px}}
@media(max-width:360px){.public-header{padding-left:18px;padding-right:18px}.public-header .brand{gap:8px}.public-header .brand>span:last-child{font-size:17px}.topbar-right{gap:7px}.topbar-user>span:not(.avatar){max-width:52px}.key-table .row-actions{gap:4px}.key-table .row-actions>button{min-height:34px;font-size:10px;padding:7px 9px}.key-table .row-actions>.key-import-action{padding-left:7px;padding-right:7px}.key-table .row-actions>.key-more-action{padding:0}.usage-toolbar{flex-wrap:wrap;gap:10px}.usage-toolbar .periods{flex:1;min-width:0}.usage-toolbar .periods>button{flex:1;white-space:nowrap;padding:6px 7px}.usage-toolbar .key-filter{flex-basis:100%;width:100%}.usage-toolbar .key-filter select{width:100%}.key-focus-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:13px}.key-focus-metrics strong{font-size:16px}.key-focus-metrics>div:last-child{grid-column:1/-1;border-top:1px solid var(--line-soft);padding-top:12px}.key-focus-metrics>div:last-child strong{font-size:18px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.theme-switch>button,.key-table .row-actions>button,.key-action-menu .key-menu-item{transition:none}.key-action-menu:popover-open{animation:none}}

/* A single usage workspace: shared scope, four useful totals, then requests. */
#view-overview .overview-usage-link{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 20px;padding:22px 24px;background:linear-gradient(110deg,var(--surface-alt),var(--paper));border-radius:13px}
#view-overview .overview-usage-link>div{min-width:0}
#view-overview .overview-usage-link .eyebrow{font-size:8px;letter-spacing:1.6px;color:var(--muted)}
#view-overview .overview-usage-link h2{margin:8px 0 5px;font-size:16px;font-weight:600;line-height:1.5;color:var(--ink)}
#view-overview .overview-usage-link p{margin:0;font-size:11px;line-height:1.8;color:var(--muted)}
#view-overview .overview-usage-link>.button{flex-shrink:0;min-height:36px;font-size:11px}
#view-records .usage-workspace{min-width:0}
#view-records #usage-toolbar{margin:0 0 18px;gap:18px;padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
#view-records #usage-toolbar .periods{background:var(--surface-alt);border-color:var(--line-soft)}
#view-records #usage-toolbar .periods>button{font-size:11px;min-height:30px;padding:6px 13px}
#view-records #usage-toolbar .periods>button[aria-pressed=true]{color:var(--purple);font-weight:600}
#view-records #usage-toolbar .key-filter{font-size:10px;gap:10px}
#view-records #usage-toolbar .key-filter select{min-width:190px;width:auto;max-width:270px;font-size:11px;min-height:34px}
#view-records .usage-dashboard{min-width:0;margin-bottom:22px}
#view-records #usage-metrics{gap:14px;margin-bottom:18px}
#view-records .usage-metric{position:relative;min-width:0;overflow:hidden;padding:18px 19px 16px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}
#view-records .usage-metric.cost{background:linear-gradient(120deg,var(--surface-alt),var(--paper));border-color:var(--line-strong)}
#view-records .usage-metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;line-height:1.5;color:var(--text)}
#view-records .usage-metric-head>.icon{width:18px;height:18px;padding:5px;box-sizing:content-box;border-radius:8px;flex-shrink:0;background:var(--surface-alt);color:var(--muted)}
#view-records .usage-metric.cost .usage-metric-head>.icon{background:var(--soft);color:var(--purple)}
#view-records .usage-metric.requests .usage-metric-head>.icon{background:var(--success-soft);color:var(--success)}
#view-records .usage-metric.tokens .usage-metric-head>.icon{background:var(--warning-soft);color:var(--warning)}
#view-records .usage-metric-value{display:block;margin:13px 0 8px;font-size:clamp(24px,2.15vw,31px);font-weight:650;line-height:1.25;letter-spacing:-.7px;font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere}
#view-records .usage-metric.cost .usage-metric-value{color:var(--purple)}
#view-records .usage-metric-note{font-size:10px;line-height:1.7;color:var(--muted);margin:0;min-height:17px;overflow-wrap:anywhere}
#view-records .usage-metric-note:empty{min-height:17px}
#view-records .usage-pending{margin:-4px 0 16px;padding:10px 13px;border:1px solid var(--warning-line);border-radius:9px;background:var(--warning-soft);color:var(--warning);font-size:10px;line-height:1.75}
#view-records .usage-insights{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:18px;align-items:stretch}
#view-records .usage-insights>.panel{min-width:0;border-radius:13px}
#view-records .usage-insights .panel-heading{padding:19px 20px 0;gap:12px;min-height:38px}
#view-records .usage-insights .panel-heading h2{font-size:13px;font-weight:600}
#view-records .usage-insights .panel-heading p{font-size:10px;margin-top:4px}
#view-records .usage-chart-controls,#view-records .usage-model-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-alt);flex-shrink:0}
#view-records .usage-chart-controls>button,#view-records .usage-model-switch>button{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;border:0;border-radius:5px;background:transparent;font-size:10px;line-height:1.5;font-weight:500;color:var(--muted);white-space:nowrap}
#view-records .usage-chart-controls>button:hover,#view-records .usage-model-switch>button:hover{color:var(--purple)}
#view-records .usage-chart-controls>button[aria-pressed=true],#view-records .usage-model-switch>button[aria-pressed=true]{background:var(--paper);color:var(--purple);box-shadow:0 1px 3px color-mix(in srgb,var(--shadow-color) 8%,transparent)}
#view-records .usage-chart-controls>button:focus-visible,#view-records .usage-model-switch>button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
#view-records .usage-trend-panel .chart-summary{padding:15px 20px 0;gap:8px}
#view-records .usage-trend-panel .chart-summary>strong{font-size:23px;color:var(--ink);letter-spacing:-.5px}
#view-records .usage-trend-panel .chart-summary>span{font-size:10px;color:var(--muted)}
#view-records #usage-chart{height:215px;margin:12px 14px 0;padding:0;position:relative;min-width:0}
#view-records #usage-chart svg{width:100%;height:100%;display:block;overflow:visible}
#view-records #usage-chart:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:5px}
#view-records #usage-chart .chart-empty{min-height:175px;height:100%;font-size:11px}
#view-records .usage-chart-inspection{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:20px;margin:4px 20px 16px;padding-top:10px;border-top:1px solid var(--line-soft);font-size:10px;line-height:1.6;color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#view-records .usage-chart-inspection strong{color:var(--text);font-weight:550}
#view-records #usage-model-list{padding:9px 20px 13px;min-height:240px}
#view-records .usage-model-panel{display:flex;flex-direction:column}
#view-records #usage-model-list{max-height:365px;overflow:auto;overscroll-behavior:contain}
#view-records .usage-model-row{padding:12px 0 11px}
#view-records .usage-model-row+.usage-model-row{border-top:1px solid var(--line-soft)}
#view-records .usage-model-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;margin-bottom:8px}
#view-records .usage-model-title>strong{font-size:11px;font-weight:550;line-height:1.5;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#view-records .usage-model-title>span{font-size:11px;line-height:1.5;color:var(--purple);white-space:nowrap;font-variant-numeric:tabular-nums}
#view-records .usage-model-track{height:5px;background:var(--line-soft);border-radius:4px;overflow:hidden}
#view-records .usage-model-track>span{display:block;height:100%;border-radius:inherit;background:var(--purple);min-width:0}
#view-records .usage-model-row:nth-child(2) .usage-model-track>span{background:var(--success)}
#view-records .usage-model-row:nth-child(3) .usage-model-track>span{background:var(--rose)}
#view-records .usage-model-row:nth-child(4) .usage-model-track>span{background:var(--warning)}
#view-records .usage-model-row:nth-child(5) .usage-model-track>span{background:var(--muted)}
#view-records .usage-model-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-top:7px}
#view-records .usage-model-meta>small{font-size:9px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#view-records #usage-model-list>.empty{min-height:210px;font-size:11px}
#view-records .usage-request-panel{border-radius:13px}
#view-records .usage-request-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--paper)}
#view-records .usage-tabs{display:flex;align-items:stretch;gap:24px;min-width:0}
#view-records .usage-tabs>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;position:relative;min-height:57px;padding:16px 0;border:0;background:transparent;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;color:var(--muted)}
#view-records .usage-tabs>button:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;border-radius:2px}
#view-records .usage-tabs>button[aria-selected=true]{color:var(--purple);font-weight:650}
#view-records .usage-tabs>button[aria-selected=true]:after{background:var(--purple)}
#view-records .usage-tabs>button:hover{color:var(--ink)}
#view-records .usage-tabs>button:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:3px}
#view-records .usage-tabs>button>.icon{height:15px;width:15px}
#view-records .usage-tabs .nav-count{font-size:9px;padding:1px 5px;min-width:17px;margin-left:0;background:var(--success-soft);color:var(--success);border-radius:5px}
#view-records .usage-request-header>.subtle{font-size:10px;line-height:1.7;text-align:right}
#view-records #usage-history>.section-toolbar{padding:15px 20px 12px;margin:0;border-bottom:1px solid var(--line-soft);min-height:33px}
#view-records #usage-history .segmented.large>button{min-height:29px;padding:5px 11px;font-size:10px}
#view-records #record-count{font-size:10px;line-height:1.65}
#view-records #records-table table,#view-records #live-table table{font-size:11px}
#view-records #records-table th,#view-records #live-table th{font-size:9px;padding-top:12px;padding-bottom:12px;background:var(--surface-alt)}
#view-records #records-table td,#view-records #live-table td{padding-top:15px;padding-bottom:15px}
#view-records #usage-history>.section-note,#view-records #usage-realtime>.section-note{font-size:10px;line-height:1.8;margin:0;padding:12px 20px;border-top:1px solid var(--line-soft);color:var(--muted);background:var(--surface-alt)}
#view-records #usage-history>.pagination{padding:12px 20px;border-top:1px solid var(--line-soft)}
#view-records #usage-realtime .live-summary{margin:0;padding:15px 20px;border:0;border-radius:0;border-bottom:1px solid var(--line-soft);background:var(--surface-alt);gap:12px}
#view-records #usage-realtime .live-summary strong{font-size:12px;color:var(--ink)}
#view-records #usage-realtime .live-summary p{font-size:10px;color:var(--muted);line-height:1.7}
#view-records #usage-realtime .live-pulse{height:34px;width:34px;border-radius:10px;flex-shrink:0}
#view-records #usage-realtime .live-pulse .icon{width:17px;height:17px}
#view-records #usage-realtime .live-summary>.subtle{font-size:10px;margin-left:auto;white-space:nowrap}
#view-records .usage-request-panel .empty{min-height:185px}
@media(min-width:1650px){#view-records .usage-insights{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}#view-records #usage-chart{height:245px}#view-records .usage-metric-value{font-size:33px}}
@media(max-width:1150px){#view-records #usage-metrics{gap:11px}#view-records .usage-metric{padding:16px 15px 14px}#view-records .usage-metric-value{font-size:26px}#view-records .usage-insights{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px}#view-records .usage-insights .panel-heading{padding:16px 16px 0;flex-wrap:wrap}#view-records #usage-model-list{padding:7px 16px 12px}#view-records .usage-chart-inspection{margin-right:16px;margin-left:16px}}
@media(max-width:950px){#view-records .usage-insights{grid-template-columns:minmax(0,1fr)}#view-records #usage-model-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;min-height:0;padding-top:6px;padding-bottom:15px}#view-records .usage-model-row{padding:12px 0}#view-records .usage-model-row:nth-child(2){border-top:0}#view-records #usage-model-list>.empty{grid-column:1/-1;min-height:150px}#view-records .usage-insights .panel-heading{flex-wrap:nowrap}}
@media(max-width:740px){#view-records #usage-toolbar{padding:12px 13px;border-radius:11px;gap:12px;margin-bottom:14px;flex-wrap:wrap}#view-records #usage-toolbar .periods{flex:1;justify-content:space-between}#view-records #usage-toolbar .periods>button{flex:1;min-height:31px;padding:5px 10px}#view-records #usage-toolbar .key-filter{flex-basis:100%;width:100%;justify-content:space-between}#view-records #usage-toolbar .key-filter select{max-width:none;min-width:0;width:auto;flex:1}#view-records #usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}#view-records .usage-metric{border-radius:11px;padding:15px 15px 13px}#view-records .usage-metric-head{font-size:10px;gap:6px}#view-records .usage-metric-head>.icon{width:15px;height:15px;padding:4px;border-radius:7px}#view-records .usage-metric-value{font-size:26px;letter-spacing:-.6px;margin:11px 0 7px}#view-records .usage-metric-note{font-size:9px;line-height:1.6;min-height:29px}#view-records .usage-dashboard{margin-bottom:16px}#view-records .usage-insights{gap:14px}#view-records .usage-insights .panel-heading{padding:16px 16px 0}#view-records #usage-chart{height:195px;margin-left:10px;margin-right:12px}#view-records .usage-chart-inspection{margin-top:1px;margin-bottom:13px;font-size:9px;gap:8px}#view-records .usage-trend-panel .chart-summary{padding:13px 16px 0}#view-records .usage-trend-panel .chart-summary>strong{font-size:21px}#view-records .usage-request-header{padding:0 16px;gap:9px;flex-wrap:wrap}#view-records .usage-tabs{gap:23px}#view-records .usage-tabs>button{min-height:52px;padding:14px 0;font-size:12px}#view-records .usage-request-header>.subtle{font-size:9px}#view-records #usage-history>.section-toolbar{padding:12px 14px;gap:10px}#view-records #record-count{font-size:9px}#view-records #usage-history>.pagination{padding:12px 14px}#view-records #usage-history>.section-note,#view-records #usage-realtime>.section-note{padding:11px 14px;font-size:9px}#view-records #usage-realtime .live-summary{padding:14px;gap:10px}#view-records #usage-realtime .live-summary>.subtle{font-size:9px}#view-records #usage-realtime .live-summary p{font-size:9px}#view-records #usage-realtime .live-summary strong{font-size:11px}#view-records #usage-realtime .live-pulse{width:31px;height:31px}}
@media(max-width:480px){#view-records .usage-insights .panel-heading{align-items:flex-start;gap:9px}#view-records .usage-insights .panel-heading h2{font-size:12px}#view-records .usage-insights .panel-heading p{font-size:9px}#view-records .usage-chart-controls,#view-records .usage-model-switch{padding:2px}#view-records .usage-chart-controls>button,#view-records .usage-model-switch>button{font-size:9px;padding:4px 7px;min-height:27px}#view-records #usage-model-list{grid-template-columns:minmax(0,1fr);gap:0}#view-records .usage-model-row:nth-child(2){border-top:1px solid var(--line-soft)}#view-records .usage-model-title>strong,#view-records .usage-model-title>span{font-size:11px}#view-records #usage-history>.section-toolbar{align-items:flex-start;flex-direction:column;gap:9px}#view-records .usage-request-header>.subtle{display:none}#view-records #usage-realtime .live-summary{flex-wrap:wrap}#view-records #usage-realtime .live-summary>.subtle{flex-basis:100%;margin-left:41px;margin-top:-7px}#view-records .usage-chart-inspection{flex-wrap:wrap;gap:3px 8px}}
@media(max-width:360px){#view-records .usage-metric{padding:13px 12px 11px}#view-records .usage-metric-value{font-size:22px}#view-records .usage-metric-note{font-size:9px;min-height:43px}#view-records #usage-toolbar .periods>button{font-size:10px;padding:5px 8px}#view-records .usage-chart-controls>button{padding-left:6px;padding-right:6px}#view-records .usage-insights .panel-heading{flex-wrap:wrap}#view-records .usage-tabs{gap:21px}#view-records #usage-chart{height:185px}}
@media(max-width:740px){#view-overview .overview-usage-link{align-items:flex-start;gap:15px;padding:19px 18px;flex-direction:column}#view-overview .overview-usage-link h2{font-size:15px}#view-overview .overview-usage-link p{font-size:10px}#view-overview .overview-usage-link>.button{min-height:35px;font-size:10px}}

/* On phones, each request is a complete card rather than a clipped wide row. */
@media(max-width:540px){
 #view-records #records-table .request-table,#view-records #records-table .image-table,#view-records #live-table .live-table{display:block;width:100%;min-width:0;table-layout:auto;white-space:normal}
 #view-records #records-table table thead,#view-records #live-table table thead{display:block;position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 #view-records #records-table table tbody,#view-records #live-table table tbody{display:block;width:100%}
 #view-records #records-table tbody tr,#view-records #live-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 15px;padding:16px 15px;border-bottom:1px solid var(--line);min-width:0}
 #view-records #records-table tbody tr:last-child,#view-records #live-table tbody tr:last-child{border-bottom:0}
 #view-records #records-table tbody td,#view-records #live-table tbody td{display:block;min-width:0;width:auto;padding:0!important;border:0;text-align:left;font-size:11px;line-height:1.65;white-space:normal;overflow-wrap:anywhere}
 #view-records #records-table tbody td[data-label]:before,#view-records #live-table tbody td[data-label]:before{content:attr(data-label);display:block;margin:0 0 4px;font-size:9px;line-height:1.5;color:var(--muted);font-weight:400}
 #view-records #records-table tbody td.table-time,#view-records #live-table tbody td.table-time{font-size:9px;line-height:1.6;color:var(--muted);font-variant-numeric:tabular-nums;align-self:center}
 #view-records #records-table tbody td.table-model,#view-records #live-table tbody td.table-model{grid-column:1/-1;grid-row:2;padding-bottom:10px!important;border-bottom:1px solid var(--line-soft)}
 #view-records #records-table .table-model>strong,#view-records #live-table .table-model>strong{font-size:12px;color:var(--ink);font-weight:600;line-height:1.7;overflow-wrap:anywhere;white-space:normal}
 #view-records #records-table .table-model>small,#view-records #live-table .table-model>small{font-size:9px;line-height:1.7;margin-top:3px;overflow-wrap:anywhere;white-space:normal}
 #view-records #records-table .table-token strong{font-size:10px;line-height:1.7;white-space:normal}
 #view-records #records-table .table-token small,#view-records #records-table .table-performance small{font-size:9px;line-height:1.7;white-space:normal}
 #view-records #records-table .table-performance{font-size:10px}
 #view-records #records-table .request-table td:nth-child(1),#view-records #records-table .image-table td:nth-child(1),#view-records #live-table td:nth-child(1){grid-area:1/1;white-space:nowrap}
 #view-records #records-table .request-table td:nth-child(3),#view-records #records-table .image-table td:nth-child(5),#view-records #live-table td:nth-child(3){grid-area:1/2;text-align:right;align-self:center}
 #view-records #records-table .request-table td:nth-child(4){grid-area:3/1}
 #view-records #records-table .request-table td:nth-child(5){grid-area:3/2;font-size:14px;font-weight:600;color:var(--purple);font-variant-numeric:tabular-nums}
 #view-records #records-table .request-table td:nth-child(6){grid-area:4/2}
 #view-records #records-table .request-table td:nth-child(7){grid-area:4/1}
 #view-records #records-table .image-table td:nth-child(2){grid-area:2/1/3/3;padding-bottom:10px!important;border-bottom:1px solid var(--line-soft);font-size:12px;font-weight:600;color:var(--ink)}
 #view-records #records-table .image-table td:nth-child(3){grid-area:3/1}
 #view-records #records-table .image-table td:nth-child(4){grid-area:3/2}
 #view-records #records-table .image-table td:nth-child(6){grid-area:4/1;font-size:14px;font-weight:600;color:var(--purple);font-variant-numeric:tabular-nums}
 #view-records #records-table .image-table td:nth-child(7){grid-area:4/2}
 #view-records #records-table .request-table td:nth-child(8),#view-records #records-table .image-table td:nth-child(8){grid-area:5/1/6/3;display:flex;justify-content:flex-end;padding-top:10px!important;border-top:1px solid var(--line-soft)}
 #view-records #records-table .bill-button{min-height:32px;padding:5px 10px;font-size:10px}
 #view-records #live-table td:nth-child(4){grid-area:3/1}
 #view-records #live-table td:nth-child(5){grid-area:3/2}
 #view-records #live-table td:nth-child(6){grid-area:4/1;font-size:14px;font-weight:600;color:var(--purple);font-variant-numeric:tabular-nums}
 #view-records #live-table td:nth-child(7){grid-area:4/2}
 #view-records #records-table tbody td:nth-child(1):before,#view-records #records-table tbody td:nth-child(2):before,#view-records #records-table .request-table tbody td:nth-child(3):before,#view-records #records-table .image-table tbody td:nth-child(5):before,#view-records #records-table tbody td:nth-child(8):before,#view-records #live-table tbody td:nth-child(1):before,#view-records #live-table tbody td:nth-child(2):before,#view-records #live-table tbody td:nth-child(3):before{display:none}
}