.network-status-banner[data-v-a9a9eb32]{position:fixed;z-index:5000;top:max(8px,env(safe-area-inset-top));left:50%;display:flex;width:min(calc(100vw - 20px),520px);min-height:42px;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 14px;border:1px solid color-mix(in srgb,var(--cpa-danger) 35%,var(--cpa-border));border-radius:var(--cpa-radius);color:var(--cpa-text-strong);background:color-mix(in srgb,var(--cpa-danger-weak) 94%,var(--cpa-surface));box-shadow:var(--cpa-shadow);transform:translate(-50%);font-size:12px;font-weight:650}.network-status-banner.is-recovered[data-v-a9a9eb32]{justify-content:center;border-color:color-mix(in srgb,var(--cpa-success) 35%,var(--cpa-border));background:color-mix(in srgb,var(--cpa-success-weak) 94%,var(--cpa-surface))}button[data-v-a9a9eb32]{flex:0 0 auto;min-height:30px;padding:0 11px;border:1px solid currentColor;border-radius:var(--cpa-radius-sm);color:var(--cpa-text-strong);background:transparent;cursor:pointer;font:inherit}button[data-v-a9a9eb32]:focus-visible{outline:none;box-shadow:var(--cpa-focus-ring)}:root{color-scheme:light;font-family:Aptos,Segoe UI,Microsoft YaHei UI,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:14px;line-height:1.45;color:#182b33;background:#f4f8f9;--cpa-bg: #f4f8f9;--cpa-bg-soft: #fbfdfe;--cpa-bg-glow: #f7fcfc;--cpa-surface: #ffffff;--cpa-surface-solid: #ffffff;--cpa-surface-muted: #f6fafb;--cpa-surface-raised: #ffffff;--cpa-glass: rgb(255 255 255 / 90%);--cpa-border: rgb(122 151 157 / 20%);--cpa-border-strong: rgb(92 120 126 / 30%);--cpa-text: #182b33;--cpa-text-strong: #0c1d24;--cpa-text-muted: #6a7d87;--cpa-muted: #6a7d87;--cpa-primary: #009aa8;--cpa-primary-hover: #07adba;--cpa-primary-pressed: #047b87;--cpa-primary-weak: #dff8f6;--cpa-primary-wash: #f0fbfa;--cpa-accent-blue: #1d8dff;--cpa-accent-blue-weak: #e9f4ff;--cpa-accent-purple: #7e66f2;--cpa-accent-purple-weak: #f1eeff;--cpa-accent-orange: #f58a2f;--cpa-accent-orange-weak: #fff3e8;--cpa-success: #18a058;--cpa-success-weak: #e5f8ee;--cpa-danger: #d34b4b;--cpa-danger-weak: #fdecec;--cpa-warning: #b7791f;--cpa-warning-weak: #fff4dc;--cpa-chart-1: #009aa8;--cpa-chart-2: #1d8dff;--cpa-chart-3: #7e66f2;--cpa-chart-4: #f58a2f;--cpa-chart-5: #18a058;--cpa-chart-grid: rgba(120, 146, 151, .18);--cpa-mobile-header-bg: rgb(255 255 255 / 82%);--cpa-radius: 8px;--cpa-radius-sm: 6px;--cpa-shadow: 0 16px 36px rgb(30 56 62 / 8%);--cpa-shadow-soft: 0 5px 14px rgb(30 56 62 / 4%);--cpa-shadow-card: 0 1px 2px rgb(30 56 62 / 2%);--cpa-shadow-drawer: -12px 0 30px rgb(30 56 62 / 10%);--cpa-shadow-popover: 0 14px 34px rgb(30 56 62 / 12%);--cpa-shadow-hairline: inset 0 1px 0 rgb(255 255 255 / 90%);--cpa-hairline: calc(1px / var(--cpa-dpr, 1));--cpa-surface-page: var(--cpa-bg);--cpa-surface-sidebar: var(--cpa-surface-solid);--cpa-surface-panel: var(--cpa-surface);--cpa-surface-control: var(--cpa-surface-muted);--cpa-text-primary: var(--cpa-text-strong);--cpa-text-secondary: var(--cpa-text);--cpa-text-tertiary: var(--cpa-text-muted);--cpa-status-success: var(--cpa-success);--cpa-status-warning: var(--cpa-warning);--cpa-status-danger: var(--cpa-danger);--cpa-status-info: var(--cpa-accent-blue);--cpa-focus-ring: 0 0 0 3px color-mix(in srgb, var(--cpa-primary) 22%, transparent);--cpa-control-height: 32px;--cpa-app-header-height: 56px;--cpa-density-gap: 8px;--cpa-transition-fast: .16s ease;--cpa-density-panel: 12px}:root.dark{color-scheme:dark;color:#dce9eb;background:#0e171b;--cpa-bg: #0e171b;--cpa-bg-soft: #111f24;--cpa-bg-glow: #14343b;--cpa-surface: #162227;--cpa-surface-solid: #162227;--cpa-surface-muted: #1d2d33;--cpa-surface-raised: #1c2a30;--cpa-glass: rgb(24 37 43 / 74%);--cpa-border: rgb(147 177 184 / 16%);--cpa-border-strong: rgb(160 190 196 / 26%);--cpa-text: #dce9eb;--cpa-text-strong: #f2fbfb;--cpa-text-muted: #93a8ae;--cpa-muted: #93a8ae;--cpa-primary: #22c1c8;--cpa-primary-hover: #45d4da;--cpa-primary-pressed: #1499a3;--cpa-primary-weak: #123f45;--cpa-primary-wash: #122b31;--cpa-accent-blue: #58a6ff;--cpa-accent-blue-weak: #17324e;--cpa-accent-purple: #a493ff;--cpa-accent-purple-weak: #2b2752;--cpa-accent-orange: #ffad66;--cpa-accent-orange-weak: #4c321d;--cpa-success: #45c478;--cpa-success-weak: #183f2a;--cpa-danger: #ff7878;--cpa-danger-weak: #4b2528;--cpa-warning: #e4ad45;--cpa-warning-weak: #493619;--cpa-chart-1: #22c1c8;--cpa-chart-2: #58a6ff;--cpa-chart-3: #a493ff;--cpa-chart-4: #ffad66;--cpa-chart-5: #45c478;--cpa-chart-grid: rgba(160, 190, 196, .18);--cpa-mobile-header-bg: rgb(17 31 36 / 84%);--cpa-shadow: 0 24px 54px rgb(0 0 0 / 34%);--cpa-shadow-soft: 0 8px 20px rgb(0 0 0 / 20%);--cpa-shadow-card: 0 2px 6px rgb(0 0 0 / 18%);--cpa-shadow-drawer: -16px 0 38px rgb(0 0 0 / 38%);--cpa-shadow-popover: 0 18px 42px rgb(0 0 0 / 36%);--cpa-shadow-hairline: inset 0 1px 0 rgb(255 255 255 / 8%)}*{box-sizing:border-box}html,body,#app{height:100%;min-height:0;background:var(--cpa-bg)}html,body{overflow:hidden}html.theme-switching.theme-switching *,html.theme-switching.theme-switching *:before,html.theme-switching.theme-switching *:after{animation:none!important;transition:none!important}body{margin:0;min-width:320px;background:var(--cpa-bg)!important}:root.dark body{background:var(--cpa-bg)!important}button,input,textarea,select{font:inherit}code,pre{font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace}::selection{background:var(--cpa-primary-weak);color:var(--cpa-text-strong)}.boot-shell{display:grid;width:100%;min-height:100vh;min-height:100dvh;place-items:center;padding:16px;color:var(--cpa-text-secondary);background:var(--cpa-surface-page)}.boot-shell-card{display:grid;width:min(320px,100%);gap:14px;justify-items:center;padding:24px;border:1px solid var(--cpa-border);border-radius:var(--cpa-radius);background:var(--cpa-surface-panel);box-shadow:var(--cpa-shadow-soft)}.boot-shell-mark{width:34px;height:34px;border:3px solid var(--cpa-primary-weak);border-top-color:var(--cpa-primary);border-radius:50%;animation:boot-shell-spin .8s linear infinite}.boot-shell-lines{display:grid;width:100%;gap:7px}.boot-shell-lines span{height:7px;border-radius:999px;background:var(--cpa-surface-muted)}.boot-shell-lines span:nth-child(2){width:82%}.boot-shell-lines span:nth-child(3){width:64%}@keyframes boot-shell-spin{to{transform:rotate(360deg)}}.page{display:grid;gap:14px;min-width:0;animation:page-enter .22s ease both}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-width:0;padding:0 2px}.page-header-actions{flex:1 1 auto;min-width:0;width:100%}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px var(--cpa-density-panel);border:1px solid var(--cpa-border);border-radius:var(--cpa-radius);background:var(--cpa-surface-muted)}.page-toolbar-copy{display:grid;gap:2px;min-width:0}.page-toolbar-copy strong{color:var(--cpa-text-primary);font-size:13px}.page-toolbar-copy span{color:var(--cpa-text-tertiary);font-size:12px}.page-toolbar-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.status-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 8px;border:1px solid var(--cpa-border);border-radius:999px;color:var(--cpa-text-tertiary);background:var(--cpa-surface-muted);font-size:12px;font-weight:650;line-height:1.1}.status-badge.is-success{border-color:color-mix(in srgb,var(--cpa-status-success) 35%,var(--cpa-border));color:var(--cpa-status-success);background:var(--cpa-success-weak)}.status-badge.is-warning{border-color:color-mix(in srgb,var(--cpa-status-warning) 35%,var(--cpa-border));color:var(--cpa-status-warning);background:var(--cpa-warning-weak)}.status-badge.is-error{border-color:color-mix(in srgb,var(--cpa-status-danger) 35%,var(--cpa-border));color:var(--cpa-status-danger);background:var(--cpa-danger-weak)}.status-badge.is-info{border-color:color-mix(in srgb,var(--cpa-status-info) 35%,var(--cpa-border));color:var(--cpa-status-info);background:var(--cpa-accent-blue-weak)}.status-badge.is-loading svg{animation:cpa-spin .9s linear infinite}.async-state{display:grid;justify-items:center;gap:8px;min-height:160px;padding:32px 20px;color:var(--cpa-text-tertiary);text-align:center}.async-state strong{color:var(--cpa-text-primary);font-size:14px}.async-state span{max-width:48ch;font-size:12px}.async-state-icon{color:var(--cpa-primary)}.async-state.is-error .async-state-icon{color:var(--cpa-status-danger)}.async-state .is-spinning{animation:cpa-spin .9s linear infinite}.view-toggle{flex:0 0 auto}.api-key-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--cpa-density-gap)}.api-key-summary-card{display:grid;gap:14px;min-width:0;padding:var(--cpa-density-panel)}.api-key-summary-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.api-key-summary-card-header>div{display:grid;min-width:0;gap:4px}.api-key-summary-card-header strong{overflow:hidden;color:var(--cpa-text-primary);text-overflow:ellipsis;white-space:nowrap}.api-key-summary-card-header span,.api-key-summary-card-meta{color:var(--cpa-text-tertiary);font-size:12px}.api-key-summary-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.api-key-summary-card-meta span{padding:7px 8px;border-radius:var(--cpa-radius-sm);background:var(--cpa-surface-muted)}.api-key-summary-card{border:1px solid var(--cpa-border);border-radius:var(--cpa-radius);background:var(--cpa-surface)}button:focus-visible,a:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:none;box-shadow:var(--cpa-focus-ring)}@keyframes cpa-spin{to{transform:rotate(360deg)}}@media(max-width:720px){.page-toolbar{align-items:stretch;flex-direction:column}.page-toolbar-content{justify-content:flex-start}}.page-title{margin:0;color:var(--cpa-text-strong);font-size:28px;font-weight:750;letter-spacing:0;line-height:1.18;text-wrap:pretty}.page-subtitle{margin:4px 0 0;color:var(--cpa-text-muted);font-size:14px;text-wrap:pretty}.section-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--cpa-text-strong);font-size:15px;font-weight:750}.panel{min-width:0;overflow:hidden;border:1px solid var(--cpa-border);border-radius:var(--cpa-radius);background:var(--cpa-surface);box-shadow:none}.panel-inner{padding:17px 18px}.table-panel{padding:14px 16px 16px}.table-panel>.n-data-table{min-width:0}.usage-filter-panel{overflow:visible}.usage-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--cpa-border)}.usage-filter-summary-copy{display:grid;min-width:0;gap:2px}.usage-filter-summary-copy strong{color:var(--cpa-text-strong);font-size:13px;line-height:1.2}.usage-filter-summary-copy span{min-width:0;overflow:hidden;color:var(--cpa-text-muted);font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.usage-filter-summary-controls{display:flex;flex:0 0 auto;align-items:center;gap:6px}.usage-filter-range-select{width:128px;min-width:0}.usage-filter-range-menu,.usage-filter-range-menu.n-base-select-menu,.usage-filter-range-menu .n-base-select-option{border-radius:0!important}.usage-filter-toggle{flex:0 0 auto}.usage-filter-panel:not(.is-expanded) .filter-toolbar{display:none}.table-panel .n-data-table-wrapper{overflow:hidden;border-radius:var(--cpa-radius)}.toolbar-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;align-items:end}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(138px,1fr));gap:10px}.metric-card{position:relative;display:grid;grid-template-areas:"icon label" "icon value" "icon footnote";grid-template-columns:44px minmax(0,1fr);column-gap:10px;min-width:0;min-height:88px;align-content:center;align-items:center;padding:10px 12px;overflow:hidden;border:1px solid var(--cpa-border);border-radius:var(--cpa-radius);background:var(--cpa-surface-raised);box-shadow:none}.metric-card.is-blue{--metric-color: var(--cpa-accent-blue);--metric-wash: var(--cpa-accent-blue-weak)}.metric-card.is-purple{--metric-color: var(--cpa-accent-purple);--metric-wash: var(--cpa-accent-purple-weak)}.metric-card.is-teal{--metric-color: var(--cpa-primary);--metric-wash: var(--cpa-primary-weak)}.metric-card.is-orange{--metric-color: var(--cpa-accent-orange);--metric-wash: var(--cpa-accent-orange-weak)}.metric-card.is-green,.metric-card.is-success{--metric-color: var(--cpa-success);--metric-wash: var(--cpa-success-weak)}.metric-card.is-warning{--metric-color: var(--cpa-warning);--metric-wash: var(--cpa-warning-weak)}.metric-card.is-red,.metric-card.is-danger{--metric-color: var(--cpa-danger);--metric-wash: var(--cpa-danger-weak)}.metric-card:not(:has(.metric-icon)){grid-template-areas:"label" "value" "footnote";grid-template-columns:1fr}.metric-icon{display:grid;grid-area:icon;position:relative;z-index:1;width:44px;height:44px;place-items:center;border-radius:var(--cpa-radius);background:var(--metric-wash, var(--cpa-primary-weak));color:var(--metric-color, var(--cpa-primary));box-shadow:inset 0 1px #ffffffc7}:root.dark .metric-icon{box-shadow:inset 0 1px #ffffff1a}.metric-label{grid-area:label;position:relative;z-index:1;color:var(--cpa-text-muted);font-size:11px;font-weight:600}.metric-value{grid-area:value;position:relative;z-index:1;margin-top:1px;color:var(--cpa-text-strong);font-size:20px;font-weight:760;line-height:1.16;word-break:break-word}.metric-footnote{grid-area:footnote;position:relative;z-index:1;margin-top:2px;color:var(--cpa-text-muted);font-size:11px;line-height:1.2}.grid-two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.82fr);gap:16px}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mono-json{max-height:calc(100vh - 160px);margin:0;overflow:auto;padding:12px;border:1px solid var(--cpa-border);border-radius:var(--cpa-radius);background:var(--cpa-surface-muted);color:var(--cpa-text);white-space:pre}.n-button{font-weight:650}.n-button:not(.n-button--disabled){transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.n-button:not(.n-button--disabled):active{transform:translateY(1px)}.n-button.drawer-back-button{border:1px solid var(--cpa-border-strong);color:var(--cpa-text);background-color:color-mix(in srgb,var(--cpa-surface-muted) 88%,var(--cpa-surface-raised))}.n-button.drawer-back-button:not(.n-button--disabled):hover,.n-button.drawer-back-button:not(.n-button--disabled):focus-visible{border-color:color-mix(in srgb,var(--cpa-primary) 48%,var(--cpa-border-strong));color:var(--cpa-primary);background-color:var(--cpa-primary-wash)}.n-button.drawer-back-button:not(.n-button--disabled):active{border-color:color-mix(in srgb,var(--cpa-primary-pressed) 58%,var(--cpa-border-strong));color:var(--cpa-primary-pressed);background-color:var(--cpa-primary-weak)}.n-input,.n-base-selection,.n-date-picker{--n-border-radius: var(--cpa-radius-sm)}.n-data-table{--n-td-color-hover: var(--cpa-primary-wash);--n-th-color: color-mix(in srgb, var(--cpa-surface-muted) 92%, transparent);--n-border-color: var(--cpa-border);--n-merged-border-color: var(--cpa-border)}.n-data-table .n-data-table-th{color:var(--cpa-text-strong);font-weight:750}.n-data-table .n-data-table-wrapper{border-radius:var(--cpa-radius)}.n-data-table .n-data-table-td{color:var(--cpa-text)}.n-card,.n-modal,.n-drawer,.n-drawer-content{border-radius:var(--cpa-radius)}.n-modal{box-shadow:var(--cpa-shadow)}.n-drawer .n-drawer-content .n-drawer-header{border-bottom:1px solid color-mix(in srgb,var(--cpa-border-strong) 78%,var(--cpa-text-muted) 22%)!important}.n-drawer:is(.n-drawer--left-placement,.n-drawer--right-placement) .n-drawer-content .n-drawer-header{box-sizing:border-box;flex:0 0 var(--cpa-app-header-height);height:var(--cpa-app-header-height);min-height:var(--cpa-app-header-height);padding-top:0;padding-bottom:0}@media(min-width:861px){.n-drawer.n-drawer--right-placement{border-left:1px solid var(--cpa-border-strong);box-shadow:var(--cpa-shadow-drawer)}}.status-dot{display:inline-flex;width:8px;height:8px;border-radius:999px;background:var(--cpa-text-muted)}.status-dot.success{background:var(--cpa-success)}.status-dot.danger{background:var(--cpa-danger)}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(128px,1fr))}.toolbar-grid,.grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}}@media(max-width:720px){.page{gap:10px}.page-header{align-items:stretch;flex-direction:column;gap:8px}.page-title{font-size:20px;line-height:1.16}.page-subtitle{margin-top:2px;font-size:12px;line-height:1.36}.panel-inner{padding:10px}.table-panel{padding:8px}.usage-filter-summary{padding:8px 10px;flex-wrap:nowrap}.usage-filter-range-select{width:116px}.usage-filter-summary-controls{width:auto;flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end}.metric-grid,.toolbar-grid,.grid-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{grid-template-areas:"icon label" "icon value" "icon footnote";grid-template-columns:32px minmax(0,1fr);column-gap:6px;min-height:72px;align-content:center;padding:8px}.metric-card:not(:has(.metric-icon)){grid-template-areas:"label" "value" "footnote";grid-template-columns:1fr}.metric-icon{width:32px;height:32px}.metric-label{align-self:center;font-size:11px;line-height:1.22}.metric-value{margin-top:4px;font-size:18px;line-height:1.12}.metric-footnote{margin-top:2px;font-size:10px;line-height:1.22}}@media(prefers-reduced-motion:reduce){.page{animation:none}.n-button:not(.n-button--disabled){transition:none}}
