@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@500;600&family=Fira+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&family=Noto+Sans+SC:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&family=Public+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:light;--color-primary: #5a73e8;--color-primary-strong: #405bd6;--color-primary-rgb: 90, 115, 232;--color-secondary: #7dcbbe;--color-secondary-rgb: 125, 203, 190;--color-cta: #f3a65c;--color-cta-strong: #e78552;--color-cta-rgb: 243, 166, 92;--color-accent: #e8a6bf;--color-accent-rgb: 232, 166, 191;--color-background: #fff9f5;--color-background-soft: #fffefc;--color-panel: rgba(255, 255, 255, .72);--color-panel-strong: rgba(255, 255, 255, .88);--color-line: rgba(255, 255, 255, .76);--color-line-strong: rgba(91, 112, 160, .14);--color-text: #27324a;--color-text-soft: #6b7790;--color-success: #23976f;--color-success-rgb: 35, 151, 111;--color-warning: #dd8b49;--color-warning-rgb: 221, 139, 73;--color-danger: #d66c8e;--color-danger-rgb: 214, 108, 142;--color-neutral: #7a869e;--color-neutral-rgb: 122, 134, 158;--shadow-sm: 0 14px 30px rgba(98, 121, 166, .1);--shadow-md: 0 28px 72px rgba(99, 122, 165, .15);--shadow-lg: 0 46px 120px rgba(93, 117, 163, .18);--surface-blur: 24px;font-family:Noto Sans SC,Outfit,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100vh}html{background:var(--color-background)}body{margin:0;color:var(--color-text);background:radial-gradient(circle at 10% 16%,rgba(249,220,174,.56),transparent 18%),radial-gradient(circle at 85% 10%,rgba(var(--color-primary-rgb),.28),transparent 22%),radial-gradient(circle at 88% 72%,rgba(var(--color-cta-rgb),.26),transparent 23%),radial-gradient(circle at 12% 88%,rgba(var(--color-secondary-rgb),.2),transparent 17%),linear-gradient(180deg,#fffefc,#fff8f4 42%,#fff0e8)}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{background:radial-gradient(circle at 6% 12%,rgba(255,255,255,.74) 0 18px,transparent 19px),radial-gradient(circle at 15% 24%,rgba(255,255,255,.56) 0 9px,transparent 10px),radial-gradient(circle at 77% 8%,rgba(255,255,255,.62) 0 26px,transparent 27px),radial-gradient(circle at 90% 22%,rgba(255,255,255,.5) 0 12px,transparent 13px),radial-gradient(circle at 86% 78%,rgba(255,255,255,.58) 0 14px,transparent 15px),radial-gradient(circle at 18% 82%,rgba(255,255,255,.52) 0 16px,transparent 17px),radial-gradient(circle at 59% 68%,rgba(255,255,255,.58) 0 11px,transparent 12px),radial-gradient(circle at 53% 74%,rgba(255,255,255,.62) 0 8px,transparent 9px);opacity:.92}body:after{top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at 28% 38%,rgba(255,255,255,.5),transparent 24%),radial-gradient(circle at 70% 56%,rgba(255,255,255,.34),transparent 22%);filter:blur(26px);opacity:.85}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,.usage-table__row,.shell__nav-link{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(var(--color-primary-rgb),.24);outline-offset:2px}.page-eyebrow,.shell__eyebrow,.login-card__eyebrow{margin:0;color:var(--color-primary-strong);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.page-title,.shell__brand,.login-card h1,.hero-banner h3,.panel__head h3,.metric-section__head h3,.drawer__head h3,.state-panel__copy h3{margin:0;color:var(--color-text);font-family:Outfit,Noto Sans SC,sans-serif;font-weight:700;letter-spacing:-.03em}.page-title{font-size:clamp(34px,4.8vw,56px);line-height:.96}.page-subtitle,.shell__subhead,.login-card__desc,.hero-banner__lead,.panel-note,.shell__trust p,.login-footer,.drawer__subtitle,.state-panel__copy p,.fact-card small,.kpi-card small,.data-list__item small{color:var(--color-text-soft)}.page-subtitle{margin:10px 0 0;max-width:40rem}.field{display:grid;gap:8px}.field span{color:var(--color-primary-strong);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.82);border-radius:20px;background:#ffffffb8;box-shadow:inset 0 1px #ffffffbd,0 10px 20px #819ac414;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.field input::placeholder,.field textarea::placeholder{color:#6d7a92b8}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(var(--color-primary-rgb),.28);background:#ffffffe6;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.1),0 16px 28px #7089b31a}.field textarea{min-height:140px;resize:vertical}.primary-button,.ghost-button,.shell__logout,.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.76);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.primary-button{background:linear-gradient(135deg,#ffe0b8 0%,var(--color-cta) 58%,var(--color-cta-strong) 100%);color:#7a4f29;font-weight:800;box-shadow:0 18px 34px rgba(var(--color-cta-rgb),.22)}.primary-button:hover:not(:disabled){box-shadow:0 22px 38px #ff9f6857}.ghost-button,.shell__logout,.copy-button{background:#fff9;color:var(--color-text);box-shadow:inset 0 1px #ffffffc2}.ghost-button:hover:not(:disabled),.shell__logout:hover,.copy-button:hover{background:#ffffffc7;border-color:rgba(var(--color-primary-rgb),.18)}.primary-button:disabled,.ghost-button:disabled,.shell__logout:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.copy-button svg{width:16px;height:16px}.form-error{margin:0;color:var(--color-danger);font-weight:700}.login-page{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card,.shell__surface,.shell__principal,.shell__trust,.hero-banner,.panel,.metric-section,.state-panel,.drawer{position:relative;overflow:hidden;border:1px solid var(--color-line);background:linear-gradient(180deg,#ffffffd6,#ffffff94),var(--color-panel);box-shadow:var(--shadow-md);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur))}.login-card:before,.shell__surface:before,.hero-banner:before,.panel:before,.metric-section:before,.state-panel:before,.drawer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(255,255,255,.72),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.24),transparent 28%)}.login-card{width:min(760px,100%);padding:36px;border-radius:36px}.login-card h1{margin-top:10px;font-size:clamp(38px,5vw,62px);line-height:.96;max-width:10ch}.login-card__desc{margin:18px 0 0;max-width:34rem;line-height:1.7}.login-bullets{display:grid;gap:12px;margin:24px 0 28px}.login-bullet{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border-radius:22px;border:1px solid rgba(255,255,255,.72);background:#fff6}.login-bullet svg{width:24px;height:24px;color:var(--color-primary-strong)}.login-bullet div{display:grid;gap:4px}.login-bullet strong{color:var(--color-text)}.login-bullet span{color:var(--color-text-soft)}.login-form{display:grid;gap:16px}.login-footer{display:flex;justify-content:space-between;gap:16px;margin-top:20px;font-size:13px}.shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;padding:24px}.shell--compact{grid-template-columns:208px minmax(0,1fr)}.shell__aside{position:sticky;top:24px;align-self:start}.shell__surface{display:grid;gap:24px;min-height:calc(100vh - 48px);padding:28px 24px;border-radius:34px}.shell--compact .shell__surface{gap:18px;padding:22px 18px;border-radius:30px}.shell__surface:after{content:"";position:absolute;right:-48px;bottom:-48px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(var(--color-cta-rgb),.2),transparent 70%);filter:blur(4px);pointer-events:none}.shell__brand-block{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;align-items:start}.shell--compact .shell__brand-block{grid-template-columns:54px minmax(0,1fr);gap:12px}.shell__brand-copy{display:grid;gap:6px}.shell--compact .shell__brand-copy{gap:2px}.shell__mark{display:grid;place-items:center;width:68px;height:68px;border-radius:26px;border:1px solid rgba(255,255,255,.84);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.94),transparent 55%),linear-gradient(135deg,#fff0d4f5,rgba(var(--color-cta-rgb),.88) 52%,rgba(var(--color-primary-rgb),.84));color:#725637;font-family:Outfit,Noto Sans SC,sans-serif;font-size:40px;font-weight:800;line-height:1;box-shadow:0 18px 36px #849bc033}.shell--compact .shell__mark{width:54px;height:54px;border-radius:18px;font-size:28px}.shell__brand{font-size:34px;line-height:1}.shell--compact .shell__brand{font-size:18px;line-height:1.22;letter-spacing:-.02em}.shell__subhead{margin:0;line-height:1.6}.shell__nav{display:grid;gap:10px}.shell__nav-link{position:relative;z-index:1;display:grid;grid-template-columns:18px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border-radius:24px;border:1px solid rgba(255,255,255,.62);background:#ffffff57;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.shell__nav-link--compact{grid-template-columns:1fr;gap:0;padding:14px 16px;border-radius:18px;background:#ffffff8f}.shell__nav-link:hover,.shell__nav-link.router-link-active{border-color:rgba(var(--color-primary-rgb),.18);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-cta-rgb),.06)),#ffffff80;box-shadow:var(--shadow-sm)}.shell__nav-link--compact:hover,.shell__nav-link--compact.router-link-active{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-cta-rgb),.14)),#ffffffbd}.shell__nav-icon{width:18px;height:18px;margin-top:2px;color:var(--color-primary-strong)}.shell__nav-copy{display:grid;gap:4px}.shell__nav-link--compact .shell__nav-copy{justify-items:center}.shell__nav-copy span{font-size:15px;font-weight:700}.shell__nav-link--compact .shell__nav-copy span{font-size:16px}.shell__nav-copy small{color:var(--color-text-soft);line-height:1.5}.shell__nav-link--compact .shell__nav-icon{display:none}.shell__principal,.shell__trust{padding:18px;border-radius:26px}.shell__principal{display:grid;gap:10px}.shell__principal-row,.window-card__head,.breakdown-row__header,.usage-footer,.usage-footer__actions,.chart-panel__labels,.drawer__head{display:flex;justify-content:space-between;gap:14px;align-items:center}.shell__principal-label,.dashboard-hero__label,.fact-card span,.kpi-card span,.limit-number span,.data-list__item dt,.usage-table__head span,.pie-chart__summary span,.network-block__label,.chart-panel__meta span{color:var(--color-primary-strong);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.shell__principal strong{font-size:24px;line-height:1.08;overflow-wrap:anywhere}.shell__principal-meta{color:var(--color-text-soft);line-height:1.55}.shell__principal-pills,.hero-banner__badges,.filters__footer,.filter-chips,.drawer__badges,.drawer__actions,.chip-row,.shell__session-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.shell__session-actions{margin-bottom:2px}.shell--compact .shell__session-actions{justify-content:space-between;gap:8px}.shell__session-badge{min-width:56px}.shell__trust{margin-top:auto;display:grid;gap:10px}.shell__trust-badge,.shell__status-chip,.shell__topbar-badge,.signal-chip,.status-chip,.status-badge,.rule-chip,.request-pill,.usage-table__badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.74);background:#ffffff85;color:var(--color-text);font-size:12px;font-weight:700}.shell__trust-badge,.signal-chip--neutral,.shell__topbar-badge--neutral,.shell__status-chip--neutral,.status-badge--neutral,.request-pill--unknown{color:var(--color-neutral);background:#ffffffad}.signal-chip--success,.shell__topbar-badge--success,.shell__status-chip--success,.status-badge--success,.request-pill--stream{color:var(--color-success);background:#19ad7d1f;border-color:#19ad7d2e}.signal-chip--warning,.shell__topbar-badge--warning,.shell__status-chip--warning,.status-badge--warning,.request-pill--sync{color:var(--color-warning);background:#f59b431f;border-color:#f59b432e}.signal-chip--danger,.shell__topbar-badge--danger,.shell__status-chip--danger,.status-badge--danger,.rule-chip--danger{color:var(--color-danger);background:#e85f801f;border-color:#e85f802e}.request-pill--ws{color:var(--color-primary-strong);background:rgba(var(--color-primary-rgb),.12);border-color:rgba(var(--color-primary-rgb),.16)}.rule-chip{min-height:34px;color:var(--color-text)}.rule-chip--muted{color:var(--color-text-soft)}.shell__main{display:grid;gap:24px;min-width:0;padding-bottom:32px}.shell__topbar{position:sticky;top:24px;z-index:10;display:block;padding:24px 28px;border-radius:30px;border:1px solid var(--color-line);background:#ffffff94;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--shadow-sm)}.shell--compact .shell__topbar{padding:18px 22px;border-radius:28px}.shell__topbar-copy{min-width:0}.shell__content,.dashboard-page,.detail-page,.usage-page{display:grid;gap:24px}.hero-banner,.panel,.metric-section,.state-panel,.drawer{padding:28px;border-radius:32px}.hero-banner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.95fr);gap:20px}.hero-banner__content,.hero-banner__facts{position:relative;z-index:1}.hero-banner__content{display:grid;gap:14px}.hero-banner__lead{margin:0;max-width:36rem;line-height:1.7}.hero-banner__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}.dashboard-hero__heading,.panel__head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:start}.dashboard-hero__key{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;align-items:end;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.74);background:#ffffff70}.dashboard-hero__key-copy{display:grid;gap:6px;min-width:0}.dashboard-hero__key-copy strong{font-size:24px;line-height:1.08;overflow-wrap:anywhere}.dashboard-hero__key-copy small{color:var(--color-text-soft);line-height:1.5}.fact-card,.kpi-card,.data-list__item,.window-card,.hero-metric,.usage-table__row,.usage-table__head{position:relative;z-index:1;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.72);background:#ffffff70;box-shadow:inset 0 1px #ffffffc7}.fact-card,.kpi-card,.data-list__item,.hero-metric,.window-card{display:grid;gap:8px}.fact-card strong,.kpi-card strong,.data-list__item dd,.hero-metric strong{margin:0;font-size:24px;line-height:1.14;overflow-wrap:anywhere}.fact-card small,.kpi-card small,.data-list__item small{line-height:1.55}.tone-value--success{color:var(--color-success)}.tone-value--warning{color:var(--color-warning)}.tone-value--danger{color:var(--color-danger)}.tone-value--neutral{color:var(--color-neutral)}.metric-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.metric-section{display:grid;gap:18px}.metric-section__head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:start}.metric-section__grid,.dashboard-grid,.limit-panel__numbers,.data-list,.data-list--compact,.pie-chart,.chart-panel__meta,.drawer__stats{display:grid;gap:14px}.metric-section__grid,.limit-panel__numbers{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}.dashboard-grid--dashboard .panel--wide{grid-column:1 / -1}.panel__head{margin-bottom:18px}.panel__head small{color:var(--color-text-soft)}.panel__head h3,.metric-section__head h3{font-size:26px;line-height:1.04}.panel-note{margin:0;line-height:1.7}.panel--accent{background:linear-gradient(180deg,#ffffffe0,#fffaf6bd),#ffffffb3}.dashboard-progress-panel{display:grid;gap:18px}.dashboard-progress-panel--success{box-shadow:0 30px 70px #19ad7d1f}.dashboard-progress-panel--warning{box-shadow:0 30px 70px #f59b4324}.dashboard-progress-panel--danger{box-shadow:0 30px 70px #e85f8029}.limit-number{display:grid;gap:8px;padding:16px 18px;border-radius:22px;border:1px solid rgba(255,255,255,.72);background:#ffffff70}.limit-number strong{font-size:28px;line-height:1.05}.quota-rail,.breakdown-row__track,.model-bars__track{overflow:hidden;border-radius:999px;background:#ffffff94}.quota-rail{position:relative;z-index:1;height:14px}.quota-rail__fill,.breakdown-row__fill,.model-bars__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-primary) 52%,var(--color-cta) 100%)}.quota-rail__fill--success{background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-success) 100%)}.quota-rail__fill--warning{background:linear-gradient(90deg,#f8d2a8 0%,var(--color-warning) 100%)}.quota-rail__fill--danger{background:linear-gradient(90deg,#f2bfd0 0%,var(--color-danger) 100%)}.quota-rail__fill--neutral{background:linear-gradient(90deg,#c4d4e8,#7e93b5)}.dashboard-trend-toolbar{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.preset-bar,.segmented-control{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}.preset-bar__button,.segmented-control__button{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.74);background:#ffffff80;color:var(--color-text-soft)}.preset-bar__button--active,.segmented-control__button--active{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.14),rgba(var(--color-cta-rgb),.14));border-color:rgba(var(--color-primary-rgb),.14);color:var(--color-primary-strong);font-weight:700}.chart-panel{display:grid;gap:16px}.trend-chart{width:100%;height:260px}.trend-chart__grid{stroke:#7b93ba29;stroke-width:1}.trend-chart__line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-chart__dot{stroke-width:2}.chart-panel__meta{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-panel__meta>div,.pie-chart__summary,.pie-chart__legend-item{position:relative;z-index:1;padding:14px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.72);background:#ffffff75}.chart-panel__meta>div{display:grid;gap:6px}.chart-panel__meta strong,.pie-chart__summary strong{font-size:22px}.chart-panel__labels{color:var(--color-text-soft);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pie-chart{grid-template-columns:minmax(240px,.9fr) minmax(0,1fr);align-items:center;gap:22px}.pie-chart__figure{display:grid;gap:14px;justify-items:center}.pie-chart__graphic{width:min(100%,240px);aspect-ratio:1 / 1}.pie-chart__svg{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 28px rgba(121,143,177,.18))}.pie-chart__summary{width:100%;text-align:center}.pie-chart__legend{display:grid;gap:12px}.pie-chart__legend-item{display:grid;grid-template-columns:14px minmax(0,1fr);gap:12px;align-items:start}.pie-chart__swatch{width:14px;height:14px;border-radius:999px;margin-top:4px}.pie-chart__legend-copy{display:grid;gap:4px}.pie-chart__legend-copy strong{font-size:16px}.pie-chart__legend-copy small{color:var(--color-text-soft);line-height:1.5}.filters,.filters--operator,.usage-workbench,.breakdown-list,.breakdown-row,.state-panel__copy,.network-block,.network-block__group,.panel--filters{display:grid;gap:16px}.filters--operator{grid-template-columns:168px 168px minmax(160px,1fr) auto;align-items:end}.usage-toolbar{display:grid;gap:10px}.usage-toolbar__form{display:grid;grid-template-columns:152px 152px minmax(180px,1fr) auto;gap:12px;align-items:end}.usage-toolbar__field{min-width:0}.usage-toolbar__actions{display:flex;gap:12px}.usage-toolbar__actions{align-items:end;flex-wrap:wrap}.usage-toolbar__reset{justify-self:start}.usage-workbench--with-detail{grid-template-columns:minmax(0,1.18fr) minmax(340px,.88fr);align-items:start;gap:20px}.usage-list-panel{min-width:0;display:grid;gap:18px;height:min(760px,calc(100dvh - 210px));grid-template-rows:auto minmax(0,1fr) auto}.usage-list-panel__header{display:grid;gap:8px}.usage-table-shell{min-height:0}.usage-table-scroll{min-height:0;height:100%;overflow:auto;padding-bottom:4px;overscroll-behavior:contain;scrollbar-gutter:stable both-edges}.usage-table{display:grid;gap:10px;min-width:1120px}.usage-table__head,.usage-table__row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(92px,1fr) minmax(106px,1.2fr) minmax(172px,2fr) minmax(132px,1.5fr) minmax(132px,1.5fr) minmax(132px,1.5fr) minmax(168px,2fr);gap:14px;align-items:center}.usage-table__head{position:sticky;top:0;z-index:2;padding:0 18px 6px;background:linear-gradient(180deg,#fff9f5f5,#fff9f5cc);border-bottom:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.usage-table__head span{justify-self:center;text-align:center}.usage-table__row{padding:18px;text-align:left;border:1px solid rgba(var(--color-primary-rgb),.08);border-radius:24px;border-color:rgba(var(--color-primary-rgb),.08);background:#ffffffb8;box-shadow:0 16px 28px #7985a914;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.usage-table__row:hover{border-color:rgba(var(--color-primary-rgb),.18);background:#ffffffe0;box-shadow:0 18px 34px #7985a91f}.usage-table__model{display:grid;gap:4px;justify-items:center;text-align:center}.usage-table__model strong{font-size:16px}.usage-table__model small{color:var(--color-text-soft)}.usage-table__badge{justify-self:center;min-height:28px;padding:0 7px;color:var(--color-primary-strong);font-size:11px;letter-spacing:.02em}.usage-table__number,.usage-table__time{justify-self:center;font-family:JetBrains Mono,monospace;font-size:14px;text-align:center}.usage-table__token-stack{display:grid;gap:3px;width:min(100%,172px);min-width:0;justify-self:center;margin-inline:0;padding:10px 12px;border-radius:16px;border:1px solid rgba(var(--color-primary-rgb),.08);background:#ffffff80}.usage-table__token-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.usage-table__token-line span,.usage-table__token-line strong{font-size:11px;line-height:1.32}.usage-table__token-line span{color:var(--color-text-soft);white-space:nowrap}.usage-table__token-line strong{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--color-text);white-space:nowrap}.usage-list-panel__eyebrow{font-size:12px;letter-spacing:.12em}.usage-list-panel__title{margin:0;font-size:clamp(26px,3vw,32px);line-height:1.04;font-weight:700;letter-spacing:-.04em}.usage-list-panel__caption{color:var(--color-text-soft);line-height:1.5}.usage-table__time{color:var(--color-text-soft);font-family:Noto Sans SC,Outfit,sans-serif}.usage-footer{margin-top:0;padding-top:18px;border-top:1px solid rgba(var(--color-primary-rgb),.08);color:var(--color-text-soft);justify-content:flex-end}.drawer{position:sticky;top:120px;display:grid;gap:18px;align-self:start}.drawer__head{align-items:start}.drawer__subtitle{margin:8px 0 0;line-height:1.6}.drawer__actions{justify-content:flex-end}.drawer__badges{justify-content:flex-start}.drawer__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.drawer__summary-item{display:grid;gap:6px;padding:14px 16px;border-radius:18px;border:1px solid rgba(var(--color-primary-rgb),.08);background:#ffffff6b}.drawer__summary-item span{color:var(--color-primary-strong);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.drawer__summary-item strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.drawer__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer__section{display:grid;gap:14px;padding-top:18px;border-top:1px solid rgba(var(--color-primary-rgb),.08)}.hero-metric span{color:var(--color-text-soft);font-size:13px}.hero-metric strong{font-size:24px}.breakdown-row__header span,.usage-footer,.chart-panel__meta span{color:var(--color-text-soft)}.breakdown-row__track,.model-bars__track{height:10px}.breakdown-row__fill--cost{background:linear-gradient(90deg,var(--color-cta) 0%,var(--color-accent) 100%)}.data-list{grid-template-columns:repeat(2,minmax(0,1fr))}.data-list--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.data-list--drawer{grid-template-columns:repeat(2,minmax(0,1fr))}.data-list__item dd{margin:0;font-size:18px;overflow-wrap:anywhere}.network-block__label{color:var(--color-primary-strong)}.state-panel{display:flex;gap:18px;align-items:center}.state-panel__icon{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary-strong)}.state-panel__icon svg{width:24px;height:24px}.state-panel__copy{position:relative;z-index:1;flex:1}.state-panel__copy h3{font-size:26px;line-height:1.08}.state-panel__copy p:last-child{margin:0;max-width:36rem;line-height:1.65}.state-panel--error .state-panel__icon{background:rgba(var(--color-danger-rgb),.12);color:var(--color-danger)}.state-panel--loading .state-panel__icon{background:rgba(var(--color-cta-rgb),.14);color:var(--color-warning)}@media(max-width:1280px){.shell{grid-template-columns:280px minmax(0,1fr)}.hero-banner__facts,.metric-sections,.chart-panel__meta,.data-list--compact,.pie-chart{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.usage-workbench--with-detail{grid-template-columns:1fr}.drawer{position:relative;top:0}}@media(max-width:980px){.shell{grid-template-columns:1fr;padding:18px}.shell__aside{position:relative;top:0}.shell__surface{min-height:auto}.shell__topbar,.hero-banner{position:relative;top:0;grid-template-columns:1fr}.shell__topbar{padding:20px 18px}.drawer__actions{width:100%;justify-content:space-between}.usage-toolbar__form{grid-template-columns:1fr}.usage-toolbar__actions{justify-content:flex-start}.usage-list-panel{height:auto;grid-template-rows:auto}.usage-table-shell,.usage-table-scroll{min-height:auto;height:auto}.hero-banner__facts,.metric-sections,.metric-section__grid,.limit-panel__numbers,.chart-panel__meta,.data-list,.data-list--drawer,.data-list--compact,.drawer__stats,.drawer__summary,.pie-chart,.filters--operator{grid-template-columns:1fr}.dashboard-hero__key{flex-direction:column;align-items:start}}@media(max-width:760px){.hero-banner,.panel,.metric-section,.drawer,.state-panel,.login-card,.shell__surface{padding:22px 18px;border-radius:26px}.shell__brand-block{grid-template-columns:56px minmax(0,1fr)}.shell__mark{width:56px;height:56px;border-radius:22px;font-size:32px}.page-title,.login-card h1{font-size:clamp(32px,9vw,44px)}.login-footer,.usage-footer,.usage-footer__actions{flex-direction:column;align-items:start}.usage-table__head{display:none}.usage-table__row{grid-template-columns:1fr;gap:10px}.usage-table__number,.usage-table__time{justify-self:start;text-align:left}.state-panel{align-items:start}}:root{--color-primary: #1d4ed8;--color-primary-strong: #1e3a8a;--color-primary-rgb: 29, 78, 216;--color-secondary: #60a5fa;--color-secondary-rgb: 96, 165, 250;--color-cta: #f59e0b;--color-cta-strong: #d97706;--color-cta-rgb: 245, 158, 11;--color-accent: #f97316;--color-accent-rgb: 249, 115, 22;--color-background: #edf4fb;--color-background-soft: #f8fbff;--color-panel: rgba(248, 250, 252, .92);--color-panel-strong: rgba(255, 255, 255, .96);--color-line: rgba(148, 163, 184, .22);--color-line-strong: rgba(100, 116, 139, .32);--color-text: #0f172a;--color-text-soft: #475569;--color-success: #15803d;--color-success-rgb: 21, 128, 61;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-danger: #dc2626;--color-danger-rgb: 220, 38, 38;--color-neutral: #64748b;--color-neutral-rgb: 100, 116, 139;--shadow-sm: 0 18px 36px rgba(15, 23, 42, .07);--shadow-md: 0 28px 60px rgba(15, 23, 42, .08);--shadow-lg: 0 42px 90px rgba(15, 23, 42, .12);--surface-blur: 18px}html{background:linear-gradient(180deg,#eef4fb,#dfe9f5)}body{background:radial-gradient(circle at top left,rgba(96,165,250,.2),transparent 22%),radial-gradient(circle at top right,rgba(245,158,11,.14),transparent 18%),linear-gradient(180deg,#eef4fb,#dfe9f5);overflow-x:hidden}body:before{background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 32%);opacity:1}body:after{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.28),transparent 20%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.18),transparent 24%);filter:blur(28px);opacity:.8}button,.shell__nav-link{cursor:pointer}.shell,.shell__main,.shell__content,.usage-page,.usage-workbench,.usage-list-panel,.usage-table-shell,.usage-table-scroll,.drawer{min-width:0}.shell,.shell__topbar,.usage-page,.drawer{font-family:Fira Sans,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}.page-eyebrow,.shell__eyebrow,.login-card__eyebrow{color:#64748b;font-family:Fira Code,JetBrains Mono,monospace}.page-title,.shell__brand,.login-card h1,.hero-banner h3,.panel__head h3,.metric-section__head h3,.drawer__head h3,.state-panel__copy h3{font-family:Fira Sans,Noto Sans SC,sans-serif}.field input,.field select,.field textarea{border:1px solid rgba(148,163,184,.28);border-radius:16px;background:#ffffffeb;box-shadow:inset 0 1px #ffffffe6}.field input::placeholder,.field textarea::placeholder{color:#475569b3}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(var(--color-primary-rgb),.34);background:#fffffffa;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.12)}.primary-button,.ghost-button,.shell__logout,.copy-button{min-height:44px;border-radius:14px;border:1px solid rgba(148,163,184,.24)}.primary-button{background:linear-gradient(135deg,#fbbf24,#f59e0b 52%,#d97706);color:#172554;font-weight:800;box-shadow:0 16px 30px rgba(var(--color-cta-rgb),.22)}.primary-button:hover:not(:disabled){box-shadow:0 18px 34px rgba(var(--color-cta-rgb),.3)}.ghost-button,.shell__logout,.copy-button{background:#ffffffbd;color:var(--color-text)}.ghost-button:hover:not(:disabled),.shell__logout:hover,.copy-button:hover{background:#ffffffeb;border-color:rgba(var(--color-primary-rgb),.26)}.login-card,.shell__surface,.shell__principal,.shell__trust,.hero-banner,.panel,.metric-section,.state-panel,.drawer{border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#ffffffe0,#f1f5f9eb);box-shadow:var(--shadow-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.login-card:before,.shell__surface:before,.hero-banner:before,.panel:before,.metric-section:before,.state-panel:before,.drawer:before{background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 40%)}.fact-card,.kpi-card,.data-list__item,.window-card,.hero-metric,.usage-table__head{border:1px solid rgba(148,163,184,.16);background:#ffffffb8;box-shadow:inset 0 1px #ffffffd1}.shell{width:100%;min-height:100vh;grid-template-columns:clamp(240px,19vw,296px) minmax(0,1fr);gap:18px;padding:16px}.shell__aside{top:16px;height:calc(100vh - 32px)}.shell__surface{height:100%;min-height:calc(100vh - 32px);grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:18px;padding:22px;border-radius:28px;border-color:#93c5fd24;background:linear-gradient(180deg,#0f172af2,#0f172afa);color:#e2e8f0;box-shadow:0 32px 72px #0f172a3d;backdrop-filter:none;-webkit-backdrop-filter:none}.shell__surface:after{content:"";position:absolute;inset:auto auto -48px -40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.22),transparent 68%);filter:blur(10px)}.shell__brand-block{grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:center}.shell__sidebar-copy{gap:6px}.shell__mark{width:58px;height:58px;border:0;border-radius:18px;background:linear-gradient(135deg,#fbbf24,#f59e0b 48%,#fb7185);box-shadow:0 18px 30px #f973163d;color:#0f172a;font-family:Fira Code,JetBrains Mono,monospace;font-size:15px;font-weight:700;letter-spacing:.16em;text-indent:.16em}.shell__brand{font-size:28px;line-height:1.02;color:#f8fafc}.shell__subhead{max-width:18ch;color:#e2e8f0b8;font-size:14px;line-height:1.6}.shell__session-bar{display:grid;gap:12px;padding:16px;border-radius:20px;border:1px solid rgba(148,163,184,.14);background:#ffffff0a}.shell__session-copy{display:flex;justify-content:space-between;gap:12px;align-items:center}.shell__session-label{color:#e2e8f0ad;font-family:Fira Code,JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.shell__status-chip{min-height:32px;padding-inline:12px;border-color:#94a3b833;background:#94a3b81f;color:#e2e8f0}.shell__logout{width:100%;min-height:42px;padding:0 14px;border-color:#94a3b81f;background:#ffffff14;color:#f8fafc;font-size:14px}.shell__nav{gap:12px;align-content:start}.shell__nav-link{grid-template-columns:20px minmax(0,1fr);gap:14px;align-items:start;padding:16px;border-radius:20px;border:1px solid rgba(148,163,184,.1);background:#ffffff0a;box-shadow:none;text-align:left}.shell__nav-link:hover,.shell__nav-link.router-link-active{background:linear-gradient(180deg,#2563eb38,#1e40af24);border-color:#60a5fa47;box-shadow:0 16px 30px #1e40af1f}.shell__nav-icon{display:block;width:20px;height:20px;color:#93c5fd;margin-top:2px}.shell__nav-copy{gap:5px}.shell__nav-copy span{font-size:16px;color:#f8fafc;letter-spacing:-.02em}.shell__nav-copy small{display:block;color:#e2e8f09e;line-height:1.5}.shell__sidebar-support{margin-top:auto;display:grid;gap:14px;padding:16px;min-height:248px;border-radius:24px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#1c2847e0,#141e38f5),#ffffff0a}.shell__principal-label{color:#e2e8f09e}.shell__sidebar-support-head{display:grid;gap:6px}.shell__sidebar-support-head strong{font-size:16px;line-height:1.25;color:#f8fafc}.shell__sidebar-support-head small,.shell__support-copy small{color:#e2e8f0b3;line-height:1.55}.shell__support-list{display:grid;gap:12px}.shell__support-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:18px;border:1px solid rgba(148,163,184,.14);background:#ffffff0d}.shell__qr-frame{display:grid;place-items:center;aspect-ratio:1;border-radius:16px;border:1px solid rgba(248,250,252,.18);background:linear-gradient(180deg,#fffffff5,#ebf0fceb);box-shadow:inset 0 1px #ffffffeb,0 14px 24px #080f2329}.shell__qr-image{width:64px;height:64px;color:#1e3a8a}.shell__qr-image rect{fill:currentColor}.shell__support-copy{display:grid;gap:6px}.shell__support-copy strong{color:#f8fafc;font-size:15px;line-height:1.3}.shell__main{height:calc(100vh - 32px);min-height:0;grid-template-rows:auto minmax(0,1fr);gap:18px;padding-bottom:0;overflow:hidden}.shell__main--without-header{grid-template-rows:minmax(0,1fr)}.shell__topbar{top:16px;padding:24px 28px;border-radius:28px;border:1px solid rgba(148,163,184,.18);background:#f8fafcd6;box-shadow:0 18px 36px #0f172a14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.shell__content,.dashboard-page,.usage-page{gap:18px;height:100%;min-height:0;overflow:hidden}.shell__content--without-header{height:100%}.hero-banner,.panel,.metric-section,.state-panel,.drawer{padding:24px;border-radius:28px}.panel--accent{background:linear-gradient(180deg,#ffffffeb,#eff6ffeb)}.preset-bar__button,.segmented-control__button{border:1px solid rgba(148,163,184,.16);border-radius:999px;background:#ffffffbd;color:var(--color-text-soft)}.preset-bar__button--active,.segmented-control__button--active{background:rgba(var(--color-primary-rgb),.12);border-color:rgba(var(--color-primary-rgb),.22);color:var(--color-primary-strong)}.usage-toolbar{display:grid;gap:12px}.usage-toolbar__panel{display:grid;gap:16px;padding:18px;border-radius:24px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#ffffffeb,#f1f5f9e0);box-shadow:0 16px 32px #0f172a0d}.usage-toolbar__form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end}.usage-toolbar__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.usage-toolbar__footer{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;padding-top:4px}.usage-toolbar__presets{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.usage-toolbar__footer-note{margin:0;color:var(--color-text-soft);font-size:13px;line-height:1.55}.usage-page,.usage-workbench{height:100%;min-height:0;overflow:hidden}.usage-list-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:14px;min-height:0;height:100%;overflow:hidden;font-family:Public Sans,Noto Sans SC,sans-serif;background:linear-gradient(180deg,#ffffffeb,#f1f5f9eb)}.usage-list-panel__header{display:flex;justify-content:flex-start;gap:14px;align-items:end}.usage-list-panel__header-copy,.usage-list-panel__meta{display:grid;gap:8px}.usage-list-panel__meta{justify-items:start}.usage-list-panel__caption{color:var(--color-text-soft);line-height:1.55}.usage-list-panel__summary{display:inline-flex;align-items:center;gap:10px;color:var(--color-text-soft);font-size:13px;font-weight:600;line-height:1.2}.usage-list-panel__summary-separator{width:4px;height:4px;border-radius:999px;background:rgba(var(--color-primary-rgb),.4)}.usage-table-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden;gap:6px}.usage-table-scroll{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;overscroll-behavior:contain}.usage-record-table{display:grid;gap:6px}.usage-record-table__head,.usage-record-row{display:grid;grid-template-columns:minmax(112px,1fr) minmax(92px,1fr) minmax(92px,1fr) minmax(188px,1.5fr) minmax(92px,1fr) minmax(120px,1.2fr) minmax(150px,1.5fr);gap:10px;align-items:center}.usage-record-table__head{padding:0 10px 2px;background:transparent}.usage-record-table__head span{color:var(--color-text);font-family:Public Sans,Noto Sans SC,sans-serif;font-size:15px;font-weight:500;letter-spacing:-.02em;text-align:center}.usage-record-list{display:grid;gap:6px}.usage-record-row{padding:8px 12px;border:1px solid rgba(151,132,124,.2);border-radius:18px;background:linear-gradient(180deg,#f9f4f1fa,#ede4dffa);box-shadow:inset 0 1px #ffffffb8,0 8px 18px #66534e0f;color:#1f2937;cursor:default;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.usage-record-row:hover{border-color:#7d6a653d;background:linear-gradient(180deg,#fbf7f4,#f1e9e4);box-shadow:inset 0 1px #ffffffc7,0 10px 20px #66534e14}.usage-table__badge{min-height:26px;padding:0 12px;border-color:rgba(var(--color-primary-rgb),.14);background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary-strong);font-size:14px;font-weight:600}.usage-record-cell{min-width:0;display:grid;gap:4px;align-items:center;justify-items:center;text-align:center;font-family:Public Sans,Noto Sans SC,sans-serif}.usage-record-cell strong{font-size:18px;line-height:1.08;font-weight:400;overflow-wrap:anywhere}.usage-record-cell small{color:#111827bd;font-size:13px;line-height:1.18}.usage-record-cell--model strong{font-size:20px}.usage-record-cell--total strong,.usage-record-cell--cost strong,.usage-record-cell--duration strong,.usage-record-cell--date strong{font-size:18px;font-weight:400}.usage-record-cell--date strong{font-size:16px}.usage-record-detail-box{display:grid;gap:2px;padding:4px 6px;width:min(100%,180px);border-radius:8px;border:1px solid rgba(var(--color-primary-rgb),.28);background:transparent;color:var(--color-text);justify-self:center;text-align:left}.usage-record-detail-box__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.usage-record-detail-box__row span,.usage-record-detail-box__row strong{font-family:Fira Code,JetBrains Mono,monospace;font-size:9px;line-height:1.18}.usage-record-detail-box__row span{color:#111827ad}.usage-record-detail-box__row strong{color:var(--color-primary-strong);font-weight:400}.usage-footer{padding-top:4px;border-top:1px solid rgba(148,163,184,.14);color:var(--color-text)}.usage-footer__pager{display:inline-grid;grid-template-columns:44px minmax(160px,auto) 44px;gap:0;align-items:stretch;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:#f1f5f9e6;box-shadow:inset 0 1px #ffffffb3;overflow:hidden}.usage-footer__pager-button,.usage-footer__pager-status{min-height:40px;display:flex;align-items:center;justify-content:center;padding:0 12px}.usage-footer__pager-button{border:0;border-right:1px solid rgba(148,163,184,.18);border-radius:0;background:transparent;color:var(--color-text-soft);font-size:24px;line-height:1}.usage-footer__pager-button:last-child{border-right:0;border-left:1px solid rgba(148,163,184,.18)}.usage-footer__pager-button:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.06);color:var(--color-primary-strong)}.usage-footer__pager-button:disabled{opacity:.4;cursor:not-allowed}.usage-footer__pager-status{color:var(--color-text);font-family:Public Sans,Noto Sans SC,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em}.usage-workbench--with-detail{grid-template-columns:minmax(0,1fr) clamp(340px,28vw,420px);gap:18px;align-items:stretch}.drawer{top:96px;gap:16px;max-height:calc(100vh - 112px);overflow:auto;background:linear-gradient(180deg,#fffffff0,#eff6ffe6)}.drawer__summary-item{border:1px solid rgba(148,163,184,.16);background:#ffffffc7}@media(max-width:1280px){.shell{grid-template-columns:232px minmax(0,1fr)}.usage-toolbar__intro,.usage-workbench--with-detail{grid-template-columns:1fr}.drawer{position:relative;top:0;max-height:none}.usage-toolbar__summary{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-record-table__head{display:none}.usage-record-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.usage-record-cell--model,.usage-record-cell--detail,.usage-record-cell--date{grid-column:1 / -1}}@media(max-width:980px){.shell{grid-template-columns:1fr;gap:16px;padding:16px}.shell__aside,.shell__topbar,.drawer{position:relative;top:0;height:auto;max-height:none}.shell__surface{min-height:auto;height:auto;grid-template-rows:auto auto auto auto auto}.shell__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.shell__sidebar-support{margin-top:0}.usage-toolbar__form,.usage-toolbar__summary{grid-template-columns:1fr}.usage-toolbar__actions{justify-content:flex-start}.usage-toolbar__footer{align-items:start}.usage-record-row{grid-template-columns:1fr;padding:10px 12px;gap:6px}.usage-footer__pager{width:100%;grid-template-columns:44px minmax(0,1fr) 44px}.usage-list-panel{height:auto;overflow:visible}.usage-page,.usage-workbench,.usage-table-shell,.usage-table-scroll{overflow:visible;height:auto}}@media(max-width:760px){.shell{padding:14px}.hero-banner,.panel,.metric-section,.drawer,.state-panel,.login-card,.shell__surface,.shell__topbar{padding:20px 16px;border-radius:24px}.shell__nav{grid-template-columns:1fr}.shell__nav-link{grid-template-columns:20px minmax(0,1fr)}.shell__support-card{grid-template-columns:72px minmax(0,1fr)}.usage-toolbar__title{font-size:clamp(28px,8vw,34px)}.usage-toolbar__summary,.drawer__summary,.drawer__stats,.data-list--drawer{grid-template-columns:1fr}.usage-record-row{padding:10px 12px;border-radius:14px}.usage-record-detail-box{padding:4px 6px}.usage-footer,.usage-footer__pager{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}