:root{color-scheme:light;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;--cpa-paper-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paperNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.55 0 0 0 0 0.52 0 0 0 0 0.48 0 0 0 0.038 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paperNoise)'/%3E%3C/svg%3E");--cpa-paper-diffuse: radial-gradient(ellipse at 50% 0%, #f4f0e6 0%, transparent 65%);--cpa-paper-base: linear-gradient(180deg, #faf9f5 0%, #f5f2eb 100%);color:#2d2a26;background:#faf9f5;--cpa-bg: #faf9f5;--cpa-bg-soft: #f0eee8;--cpa-bg-glow: #f4f0e6;--cpa-surface: #f0eee8;--cpa-surface-solid: #f0eee8;--cpa-surface-muted: #e9e6df;--cpa-surface-raised: #faf9f5;--cpa-glass: color-mix(in srgb, #f0eee8 82%, transparent);--cpa-border: #e3e1db;--cpa-border-strong: #d5d2cb;--cpa-border-hover: #cecac4;--cpa-text: #2d2a26;--cpa-text-strong: #1a1816;--cpa-text-muted: #6d6760;--cpa-muted: #6d6760;--cpa-primary: #8b8680;--cpa-primary-hover: #7f7a74;--cpa-primary-pressed: #726d67;--cpa-primary-weak: #e9e6df;--cpa-primary-wash: color-mix(in srgb, #8b8680 12%, transparent);--cpa-accent-blue: #3b82f6;--cpa-accent-blue-weak: #dbeafe;--cpa-accent-purple: #6366f1;--cpa-accent-purple-weak: #e0e7ff;--cpa-accent-orange: #d97706;--cpa-accent-orange-weak: #fef3c7;--cpa-success: #10b981;--cpa-success-weak: #d1fae5;--cpa-danger: #c65746;--cpa-danger-weak: #fee2e2;--cpa-warning: #e0aa14;--cpa-warning-weak: #fef9c3;--cpa-chart-1: #8b8680;--cpa-chart-2: #10b981;--cpa-chart-3: #e0aa14;--cpa-chart-4: #c65746;--cpa-chart-5: #6366f1;--cpa-chart-grid: rgba(140, 134, 128, .22);--cpa-mobile-header-bg: rgb(240 238 232 / 94%);--cpa-radius: 12px;--cpa-radius-sm: 8px;--cpa-shadow: 0 10px 30px rgb(45 42 38 / 6%);--cpa-shadow-soft: 0 4px 14px rgb(45 42 38 / 5%);--cpa-shadow-card: 0 1px 2px rgb(0 0 0 / 8%);--cpa-shadow-hairline: inset 0 1px 0 rgb(255 255 255 / 80%)}:root.dark{color-scheme:dark;--cpa-paper-texture: none;--cpa-paper-diffuse: radial-gradient(ellipse at 50% 0%, #1d1b18 0%, transparent 60%);--cpa-paper-base: linear-gradient(180deg, #151412 0%, #11100e 100%);color:#f6f4f1;background:#151412;--cpa-bg: #151412;--cpa-bg-soft: #1d1b18;--cpa-bg-glow: #1f1d1a;--cpa-surface: #1d1b18;--cpa-surface-solid: #1d1b18;--cpa-surface-muted: #262320;--cpa-surface-raised: #151412;--cpa-glass: color-mix(in srgb, #1d1b18 82%, transparent);--cpa-border: #3a3530;--cpa-border-strong: #4a453f;--cpa-border-hover: #5a544d;--cpa-text: #f6f4f1;--cpa-text-strong: #ffffff;--cpa-text-muted: #c9c3bb;--cpa-muted: #c9c3bb;--cpa-primary: #8b8680;--cpa-primary-hover: #9a948e;--cpa-primary-pressed: #a6a099;--cpa-primary-weak: #262320;--cpa-primary-wash: color-mix(in srgb, #8b8680 16%, transparent);--cpa-accent-blue: #60a5fa;--cpa-accent-blue-weak: #1e3a5f;--cpa-accent-purple: #818cf8;--cpa-accent-purple-weak: #312e81;--cpa-accent-orange: #fbbf24;--cpa-accent-orange-weak: #78350f;--cpa-success: #10b981;--cpa-success-weak: #064e3b;--cpa-danger: #c65746;--cpa-danger-weak: #451a1a;--cpa-warning: #ffd862;--cpa-warning-weak: #713f12;--cpa-chart-1: #8b8680;--cpa-chart-2: #10b981;--cpa-chart-3: #ffd862;--cpa-chart-4: #c65746;--cpa-chart-5: #818cf8;--cpa-chart-grid: rgba(200, 195, 187, .14);--cpa-mobile-header-bg: rgb(29 27 24 / 94%);--cpa-shadow: 0 16px 40px rgb(0 0 0 / 45%);--cpa-shadow-soft: 0 8px 20px rgb(0 0 0 / 35%);--cpa-shadow-card: 0 1px 3px rgb(0 0 0 / 30%);--cpa-shadow-hairline: inset 0 1px 0 rgb(255 255 255 / 6%)}*{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:ui-monospace,SF Mono,Cascadia Mono,JetBrains Mono,Fira Code,Menlo,Consolas,monospace}::selection{background:var(--cpa-primary-wash);color:var(--cpa-text-strong)}.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-title{margin:0;color:var(--cpa-text-strong);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25;text-wrap:pretty}.page-subtitle{margin:4px 0 0;color:var(--cpa-text-muted);font-size:13px;font-weight:400;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:var(--cpa-shadow-card)}:root.dark .panel{background:var(--cpa-surface)}.panel-inner{padding:17px 18px}.table-panel{padding:14px 16px 16px}.table-panel>.n-data-table{min-width:0}.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:14px}.metric-card{position:relative;display:grid;grid-template-areas:"icon label" "icon value" "icon footnote";grid-template-columns:40px minmax(0,1fr);column-gap:12px;min-width:0;min-height:92px;align-content:center;align-items:center;padding:14px 16px;overflow:hidden;border:1px solid var(--cpa-border);border-radius:var(--cpa-radius);background:var(--cpa-surface);box-shadow:var(--cpa-shadow-card);transition:border-color .14s ease,box-shadow .14s ease}:root.dark .metric-card{background:var(--cpa-surface)}.metric-card:after{display:none;content:none}.metric-card:hover{border-color:color-mix(in srgb,var(--metric-color, var(--cpa-primary)) 28%,var(--cpa-border));box-shadow:var(--cpa-shadow-soft);transform: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:38px;height:38px;place-items:center;border-radius:8px;background:var(--cpa-surface-muted);color:var(--cpa-text-muted);box-shadow:none;border:1px solid var(--cpa-border)}.metric-card.is-danger .metric-icon{background:var(--cpa-danger-weak);color:var(--cpa-danger);border-color:color-mix(in srgb,var(--cpa-danger) 24%,var(--cpa-border))}.metric-icon>svg{display:block;width:18px;height:18px;flex:0 0 auto;stroke:currentColor;color:inherit}:root.dark .metric-icon{box-shadow:none}.metric-label{grid-area:label;position:relative;z-index:1;color:var(--cpa-text-muted);font-size:12px;font-weight:500;letter-spacing:.01em}.metric-value{grid-area:value;position:relative;z-index:1;margin-top:2px;color:var(--cpa-text-strong);font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums;word-break:break-word}.metric-footnote{grid-area:footnote;position:relative;z-index:1;margin-top:4px;color:var(--cpa-text-muted);font-size:12px}.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:600;--n-font-weight: 600 !important}.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-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)}.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){n .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}.metric-grid,.toolbar-grid,.grid-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{grid-template-areas:"icon label" "value value" "footnote footnote";grid-template-columns:34px minmax(0,1fr);column-gap:8px;min-height:82px;align-content:start;padding:10px}.metric-card:not(:has(.metric-icon)){grid-template-areas:"label" "value" "footnote";grid-template-columns:1fr}.metric-icon{width:34px;height:34px}.metric-label{align-self:center;font-size:11px;line-height:1.22}.metric-value{margin-top:8px;font-size:20px;line-height:1.12}.metric-footnote{margin-top:3px;font-size:11px;line-height:1.22}}@media (prefers-reduced-motion: reduce){.page{animation:none}.n-button:not(.n-button--disabled){transition:none}.metric-card{transition:none}.metric-card:hover{transform:none}}