:root{color-scheme:light;font-family:var(--cpa-font-sans);font-size:14px;line-height:1.5;color:var(--cpa-text);background:var(--cpa-bg);--cpa-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Helvetica Neue", "Noto Sans SC", sans-serif;--cpa-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, "Liberation Mono", monospace;--cpa-bg: #f4f5f8;--cpa-bg-soft: #eff1f5;--cpa-bg-glow: #eaedf2;--cpa-surface: #ffffff;--cpa-surface-solid: #ffffff;--cpa-surface-muted: #eef0f4;--cpa-surface-raised: #ffffff;--cpa-surface-hover: #e6e9ef;--cpa-floating: #ffffff;--cpa-glass: color-mix(in srgb, #ffffff 82%, transparent);--cpa-glass-border: color-mix(in srgb, #e2e5eb 60%, transparent);--cpa-mobile-header-bg: color-mix(in srgb, #ffffff 82%, transparent);--cpa-border: #e2e5eb;--cpa-border-strong: #d1d6de;--cpa-border-hover: #c2c9d4;--cpa-text: #1b2130;--cpa-text-strong: #1b2130;--cpa-text-secondary: #5a6475;--cpa-text-muted: #8b95a6;--cpa-text-faint: #b8c0cc;--cpa-muted: #5a6475;--cpa-primary: #4f6bed;--cpa-primary-hover: #4460da;--cpa-primary-pressed: #3a53c4;--cpa-primary-contrast: #ffffff;--cpa-primary-weak: color-mix(in srgb, #4f6bed 18%, transparent);--cpa-primary-wash: color-mix(in srgb, #4f6bed 8%, transparent);--cpa-success: #159f77;--cpa-success-weak: #d9f4ea;--cpa-success-text: #0e6b51;--cpa-danger: #dc4b57;--cpa-danger-weak: rgb(220 75 87 / 12%);--cpa-danger-text: #a02d38;--cpa-warning: #d98b0f;--cpa-warning-weak: rgb(217 139 15 / 12%);--cpa-warning-text: #8a5507;--cpa-info: #4f6bed;--cpa-accent-blue: #4f6bed;--cpa-accent-blue-weak: rgb(79 107 237 / 12%);--cpa-accent-purple: #8b5cf6;--cpa-accent-purple-weak: rgb(139 92 246 / 14%);--cpa-accent-orange: #d98b0f;--cpa-accent-orange-weak: rgb(217 139 15 / 12%);--cpa-amber: #d98b0f;--cpa-chart-1: #4f6bed;--cpa-chart-2: #159f77;--cpa-chart-3: #d98b0f;--cpa-chart-4: #dc4b57;--cpa-chart-5: #8b5cf6;--cpa-chart-grid: rgb(27 33 48 / 8%);--cpa-radius-sm: 6px;--cpa-radius: 10px;--cpa-radius-lg: 14px;--cpa-radius-xl: 18px;--cpa-shadow: 0 10px 18px -3px rgb(0 0 0 / 10%);--cpa-shadow-soft: 0 4px 10px -2px rgb(0 0 0 / 6%);--cpa-shadow-card: 0 1px 2px 0 rgb(0 0 0 / 5%);--cpa-shadow-hairline: inset 0 1px 0 rgb(255 255 255 / 40%);--cpa-shadow-floating: 0 12px 26px rgb(0 0 0 / 14%);--cpa-glass-blur: 12px;--cpa-glass-filter: blur(var(--cpa-glass-blur));--cpa-ease-out-strong: cubic-bezier(.23, 1, .32, 1);--cpa-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--cpa-dur-press: .16s;--cpa-dur-hover: .2s;--cpa-dur-normal: .3s;--cpa-sidebar-width: 216px;--cpa-sidebar-collapsed-width: 60px;--cpa-shell-gutter: 24px;--cpa-header-height: 80px;--cpa-floating-control-size: 38px;--cpa-content-padding-top: 70px;--cpa-content-padding-bottom: 40px;--cpa-content-vertical-padding: calc( var(--cpa-content-padding-top) + var(--cpa-content-padding-bottom) )}:root[data-theme=white]{--cpa-bg: #ffffff;--cpa-bg-soft: #fafbfc;--cpa-bg-glow: #f6f7f9;--cpa-surface: #ffffff;--cpa-surface-solid: #ffffff;--cpa-surface-muted: #f4f6f9;--cpa-surface-raised: #ffffff;--cpa-surface-hover: #eef1f5;--cpa-floating: #ffffff;--cpa-glass: color-mix(in srgb, #ffffff 82%, transparent);--cpa-glass-border: color-mix(in srgb, #e6e9ef 60%, transparent);--cpa-mobile-header-bg: color-mix(in srgb, #ffffff 84%, transparent);--cpa-border: #e6e9ef;--cpa-border-strong: #d9dee6;--cpa-border-hover: #ccd3dd;--cpa-chart-grid: rgb(27 33 48 / 7%);--cpa-shadow-hairline: inset 0 1px 0 rgb(255 255 255 / 60%)}:root.dark,:root[data-theme=dark]{color-scheme:dark;--cpa-bg: #0e1117;--cpa-bg-soft: #11151c;--cpa-bg-glow: #151a22;--cpa-surface: #151a22;--cpa-surface-solid: #151a22;--cpa-surface-muted: #1c222c;--cpa-surface-raised: #151a22;--cpa-surface-hover: #232b37;--cpa-floating: #1c222c;--cpa-glass: color-mix(in srgb, #151a22 82%, transparent);--cpa-glass-border: color-mix(in srgb, #2a323f 55%, transparent);--cpa-mobile-header-bg: color-mix(in srgb, #151a22 84%, transparent);--cpa-border: #2a323f;--cpa-border-strong: #36404f;--cpa-border-hover: #465161;--cpa-text: #edf1f7;--cpa-text-strong: #edf1f7;--cpa-text-secondary: #b1bac8;--cpa-text-muted: #838ea0;--cpa-text-faint: #566274;--cpa-muted: #b1bac8;--cpa-primary: #7b8cff;--cpa-primary-hover: #8e9dff;--cpa-primary-pressed: #a2aeff;--cpa-primary-contrast: #0e1117;--cpa-primary-weak: color-mix(in srgb, #7b8cff 28%, transparent);--cpa-primary-wash: color-mix(in srgb, #7b8cff 12%, transparent);--cpa-success: #24b98a;--cpa-success-weak: rgb(36 185 138 / 16%);--cpa-success-text: #7fe0bd;--cpa-danger: #f0616b;--cpa-danger-weak: rgb(240 97 107 / 18%);--cpa-danger-text: #f6a3a9;--cpa-warning: #f0a63a;--cpa-warning-weak: rgb(240 166 58 / 14%);--cpa-warning-text: #f8cf86;--cpa-accent-blue: #7b8cff;--cpa-accent-blue-weak: rgb(123 140 255 / 14%);--cpa-accent-purple: #a78bfa;--cpa-accent-purple-weak: rgb(167 139 250 / 16%);--cpa-accent-orange: #f0a63a;--cpa-accent-orange-weak: rgb(240 166 58 / 14%);--cpa-amber: #f0a63a;--cpa-chart-1: #7b8cff;--cpa-chart-2: #24b98a;--cpa-chart-3: #f0a63a;--cpa-chart-4: #f0616b;--cpa-chart-5: #a78bfa;--cpa-chart-grid: rgb(237 241 247 / 8%);--cpa-shadow: 0 10px 15px -3px rgb(0 0 0 / 30%);--cpa-shadow-soft: 0 4px 10px -2px rgb(0 0 0 / 24%);--cpa-shadow-card: 0 1px 3px 0 rgb(0 0 0 / 30%);--cpa-shadow-hairline: inset 0 1px 0 rgb(255 255 255 / 4%);--cpa-shadow-floating: 0 14px 30px rgb(0 0 0 / 40%)}@media (max-width: 768px),(prefers-reduced-motion: reduce),(prefers-reduced-transparency: reduce){:root{--cpa-glass-filter: none;--cpa-glass: var(--cpa-surface);--cpa-glass-border: var(--cpa-border)}}*{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;color:var(--cpa-text);background:var(--cpa-bg)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}code,pre,.mono{font-family:var(--cpa-font-mono)}::selection{background:color-mix(in srgb,var(--cpa-primary) 28%,transparent);color:var(--cpa-text-strong)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{border-radius:9999px;background:var(--cpa-border)}::-webkit-scrollbar-thumb:hover{background:var(--cpa-border-hover)}.page{display:grid;gap:24px;width:100%;min-width:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-width:0;flex-wrap:wrap}.page-header>:first-child{min-width:0}.page-eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0 0 8px;color:var(--cpa-text-muted);font-family:var(--cpa-font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-eyebrow:before{color:var(--cpa-success);font-size:12px;line-height:1;content:"▍"}.page-title{margin:0;color:var(--cpa-text-strong);font-size:clamp(24px,2.6vw,30px);font-weight:650;letter-spacing:-.02em;line-height:1.18;text-wrap:balance}.page-subtitle{max-width:64ch;margin:6px 0 0;color:var(--cpa-text-secondary);font-size:14px;line-height:1.6;text-wrap:pretty}.section-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--cpa-text-strong);font-size:16px;font-weight:650;letter-spacing:-.01em}.panel{min-width:0;overflow:hidden;border:1px solid var(--cpa-border);border-radius:var(--cpa-radius-lg);background:color-mix(in srgb,var(--cpa-surface) 82%,transparent);box-shadow:var(--cpa-shadow-card);transition:border-color var(--cpa-dur-hover) var(--cpa-ease-out-strong)}@media (hover: hover) and (pointer: fine){.panel:hover{border-color:var(--cpa-border-hover)}}.panel-inner{padding:20px 22px}.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(auto-fit,minmax(148px,1fr));gap:16px}.metric-card{--metric-color: var(--cpa-border-hover);--metric-wash: color-mix(in srgb, var(--cpa-text) 6%, transparent);position:relative;display:grid;grid-template-areas:"accent accent" "label icon" "value value" "footnote footnote";grid-template-columns:minmax(0,1fr) auto;row-gap:4px;column-gap:12px;min-width:0;min-height:118px;align-content:start;padding:20px 22px;overflow:hidden;border:1px solid var(--cpa-border);border-radius:var(--cpa-radius-lg);background:color-mix(in srgb,var(--cpa-surface) 82%,transparent);transition:border-color var(--cpa-dur-hover) var(--cpa-ease-out-strong)}.metric-card:before{grid-area:accent;width:28px;height:3px;margin-bottom:6px;border-radius:9999px;background:var(--metric-color);content:""}@media (hover: hover) and (pointer: fine){.metric-card:hover{border-color:var(--cpa-border-hover)}}.metric-card.is-blue,.metric-card.is-teal,.metric-card.is-purple{--metric-color: var(--cpa-primary);--metric-wash: var(--cpa-primary-wash)}.metric-card.is-orange,.metric-card.is-warning{--metric-color: var(--cpa-warning);--metric-wash: var(--cpa-warning-weak)}.metric-card.is-green,.metric-card.is-success{--metric-color: var(--cpa-success);--metric-wash: color-mix(in srgb, var(--cpa-success) 10%, transparent)}.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:"accent" "label" "value" "footnote";grid-template-columns:1fr}.metric-icon{display:grid;grid-area:icon;align-self:start;width:32px;height:32px;margin-top:-4px;place-items:center;border:1px solid var(--cpa-border);border-radius:9px;background:var(--metric-wash);color:var(--metric-color)}.metric-icon>svg{width:16px;height:16px}.metric-label{grid-area:label;align-self:center;color:var(--cpa-text-secondary);font-size:12px;font-weight:600}.metric-value{grid-area:value;min-width:0;color:var(--cpa-text-strong);font-family:var(--cpa-font-mono);font-size:clamp(22px,1.6vw,28px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1.1;overflow-wrap:anywhere}.metric-footnote{grid-area:footnote;margin-top:2px;color:var(--cpa-text-muted);font-size:12px;line-height:1.45}.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:14px;border:1px solid var(--cpa-border);border-radius:var(--cpa-radius);background:var(--cpa-bg);color:var(--cpa-text);font-size:12.5px;line-height:1.55;white-space:pre}.status-dot{display:inline-flex;width:8px;height:8px;border-radius:9999px;background:var(--cpa-text-muted)}.status-dot.success{background:var(--cpa-success)}.status-dot.danger{background:var(--cpa-danger)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--cpa-border);border-radius:9999px;background:color-mix(in srgb,var(--cpa-bg) 60%,transparent);color:var(--cpa-text-secondary);font-size:12px}.empty-state{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border:1px dashed var(--cpa-border);border-radius:var(--cpa-radius-lg);background:var(--cpa-bg);color:var(--cpa-text-secondary)}.n-button{font-weight:600}.n-button:not(.n-button--disabled){transition:transform var(--cpa-dur-press) var(--cpa-ease-out-strong),box-shadow var(--cpa-dur-hover) var(--cpa-ease-out-strong),background-color .15s ease,border-color .15s ease,color .15s ease}.n-button:not(.n-button--disabled):active{transform:scale(.97)}.page-header .n-button{--n-border-radius: 9999px}.page-header .n-button.n-button--primary-type:not(.n-button--secondary):not(.n-button--ghost):not(.n-button--dashed){--n-color: var(--cpa-text-strong);--n-color-hover: color-mix(in srgb, var(--cpa-text-strong) 86%, var(--cpa-bg));--n-color-pressed: var(--cpa-text-strong);--n-color-focus: color-mix(in srgb, var(--cpa-text-strong) 86%, var(--cpa-bg));--n-color-disabled: var(--cpa-text-strong);--n-border: 1px solid transparent;--n-border-hover: 1px solid transparent;--n-border-pressed: 1px solid transparent;--n-border-focus: 1px solid transparent;--n-border-disabled: 1px solid transparent;--n-text-color: var(--cpa-bg);--n-text-color-hover: var(--cpa-bg);--n-text-color-pressed: var(--cpa-bg);--n-text-color-focus: var(--cpa-bg);--n-text-color-disabled: var(--cpa-bg);--n-padding: 0 18px}@media (hover: hover) and (pointer: fine){.page-header .n-button.n-button--primary-type:not(.n-button--secondary):not(.n-button--ghost):not(.n-button--dashed):not(.n-button--disabled):hover{box-shadow:0 12px 26px color-mix(in srgb,var(--cpa-text-strong) 22%,transparent);transform:translateY(-1px)}}.page-header .n-button.n-button--primary-type:not(.n-button--secondary):not(.n-button--ghost):not(.n-button--dashed):not(.n-button--disabled):active{box-shadow:none;transform:translateY(0) scale(.97)}.page-header .n-button.n-button--secondary.n-button--default-type{--n-color: transparent;--n-color-hover: color-mix(in srgb, var(--cpa-text) 7%, transparent);--n-color-pressed: color-mix(in srgb, var(--cpa-text) 10%, transparent);--n-color-focus: color-mix(in srgb, var(--cpa-text) 7%, transparent);--n-border: 1px solid color-mix(in srgb, var(--cpa-border) 80%, transparent);--n-border-hover: 1px solid var(--cpa-border-hover);--n-border-pressed: 1px solid var(--cpa-border-hover);--n-border-focus: 1px solid var(--cpa-border-hover);--n-text-color: var(--cpa-text-secondary)}.n-data-table{--n-td-color-hover: color-mix(in srgb, var(--cpa-surface-muted) 50%, transparent);--n-th-color: var(--cpa-surface-muted);--n-td-color: transparent;--n-border-color: var(--cpa-border);--n-merged-border-color: var(--cpa-border);--n-border-radius: var(--cpa-radius)}.n-data-table .n-data-table-th{color:var(--cpa-text-secondary);font-size:12px;font-weight:500}.n-data-table .n-data-table-wrapper{border-radius:var(--cpa-radius)}.n-data-table .n-data-table-td{color:var(--cpa-text);font-size:13px}.n-data-table .n-data-table-tr:last-child .n-data-table-td{border-bottom-color:transparent}.n-card{--n-border-radius: var(--cpa-radius-lg);--n-color: var(--cpa-surface);--n-color-modal: var(--cpa-surface);--n-border-color: var(--cpa-border)}.n-modal .n-card,.n-dialog{border:1px solid var(--cpa-border);border-radius:var(--cpa-radius-lg);box-shadow:var(--cpa-shadow)}.n-drawer,.n-drawer-content{border-radius:0}.n-tag{--n-border-radius: 9999px}.n-tooltip,.n-popover{--n-border-radius: 10px}.n-message{--n-border-radius: var(--cpa-radius);border:1px solid var(--cpa-border);box-shadow:var(--cpa-shadow)}.n-tabs .n-tabs-tab{font-weight:600}.n-empty{--n-text-color: var(--cpa-text-muted)}@keyframes cpa-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes cpa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cpa-live-ping{0%{box-shadow:0 0 color-mix(in srgb,var(--cpa-success) 40%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@media (max-width: 1180px){.toolbar-grid,.grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}}@media (max-width: 720px){.page{gap:16px}.page-header{align-items:stretch;flex-direction:column;gap:10px}.page-title{font-size:22px}.page-subtitle{margin-top:4px;font-size:13px}.panel-inner{padding:14px}.table-panel{padding:8px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toolbar-grid,.grid-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:96px;padding:14px}.metric-icon{width:28px;height:28px}.metric-value{font-size:20px}.n-data-table .n-data-table-th--fixed-left,.n-data-table .n-data-table-td--fixed-left,.n-data-table .n-data-table-th--fixed-right,.n-data-table .n-data-table-td--fixed-right{position:static!important}.n-data-table .n-data-table-th--fixed-left:after,.n-data-table .n-data-table-td--fixed-left:after,.n-data-table .n-data-table-th--fixed-right:before,.n-data-table .n-data-table-td--fixed-right:before{display:none}}@media (prefers-reduced-motion: reduce){.n-button:not(.n-button--disabled){transition:none}.n-button:not(.n-button--disabled):active{transform:none}}
