:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--r-xs: 3px;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--c-azure: #3b82f6;--c-gcp: #f59e0b;--c-external: #8b5cf6;--c-good: #10b981;--c-warn: #f59e0b;--c-bad: #ef4444;--c-info: #06b6d4;color-scheme:dark}[data-theme=dark]{--bg-0: #0b0d10;--bg-1: #13161b;--bg-2: #1a1e25;--bg-3: #222831;--bg-sidebar: #0f1217;--bg-topbar: #13161b;--border-1: #222831;--border-2: #2a3039;--border-strong: #3a4250;--fg-0: #e6e9ef;--fg-1: #a8b0bd;--fg-2: #6b7280;--fg-3: #4a5260;--accent: #3b82f6;--accent-weak: rgba(59, 130, 246, .14);--accent-strong: #60a5fa;--accent-fg: #ffffff;--chip-bg: #1a1e25;--chip-border: #2a3039;--grid-line: rgba(255, 255, 255, .04);--grid-axis: rgba(255, 255, 255, .08);--shadow-1: 0 1px 0 rgba(0,0,0,.4);--shadow-2: 0 4px 16px rgba(0,0,0,.35);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-0: #f6f7f9;--bg-1: #ffffff;--bg-2: #fafbfc;--bg-3: #eef0f3;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--border-1: #e5e7eb;--border-2: #d1d5db;--border-strong: #9ca3af;--fg-0: #0f172a;--fg-1: #475569;--fg-2: #64748b;--fg-3: #94a3b8;--accent: #2563eb;--accent-weak: rgba(37, 99, 235, .1);--accent-strong: #1d4ed8;--accent-fg: #ffffff;--chip-bg: #f1f3f5;--chip-border: #e5e7eb;--grid-line: rgba(15, 23, 42, .05);--grid-axis: rgba(15, 23, 42, .1);--shadow-1: 0 1px 0 rgba(15,23,42,.04);--shadow-2: 0 4px 16px rgba(15,23,42,.08);color-scheme:light}[data-theme=custom]{--bg-0: var(--custom-bg0, #0b0d10);--bg-1: var(--custom-bg1, #13161b);--bg-2: var(--custom-bg2, #1a1e25);--bg-3: var(--custom-bg3, #222831);--bg-sidebar: var(--custom-bgsidebar, #0f1217);--bg-topbar: var(--custom-bgtopbar, #13161b);--border-1: var(--custom-border1, #222831);--border-2: var(--custom-border2, #2a3039);--border-strong: var(--custom-borderstrong, #3a4250);--fg-0: var(--custom-fg0, #e6e9ef);--fg-1: var(--custom-fg1, #a8b0bd);--fg-2: var(--custom-fg2, #6b7280);--fg-3: var(--custom-fg3, #4a5260);--accent: var(--custom-accent, #3b82f6);--accent-weak: var(--custom-accent-weak, rgba(59, 130, 246, .14));--accent-strong: var(--custom-accent-strong, #60a5fa);--accent-fg: var(--custom-accent-fg, #ffffff);--chip-bg: var(--bg-2);--chip-border: var(--border-2);--grid-line: rgba(255, 255, 255, .04);--grid-axis: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:var(--font-sans);background:var(--bg-0);color:var(--fg-0);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--accent-weak);color:var(--fg-0)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:10px;border:2px solid var(--bg-0)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.mono{font-family:var(--font-mono);font-feature-settings:"ss01","zero"}.num{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:auto 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-1);display:flex;flex-direction:column;transition:width .16s ease;width:232px;min-width:232px;position:relative}.sidebar.collapsed{width:56px;min-width:56px}.sidebar-head{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--border-1);height:48px;min-height:48px}.brand-mark{flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-head svg:hover{filter:drop-shadow(0 0 6px rgba(99,102,241,.6));transition:filter .2s}.brand-name{font-weight:600;letter-spacing:-.01em;font-size:13px;white-space:nowrap}.brand-env{font-family:var(--font-mono);font-size:10px;color:var(--fg-2);margin-left:auto;padding:2px 6px;border:1px solid var(--border-2);border-radius:3px}.sidebar-burger{background:transparent;border:1px solid var(--border-2);color:var(--fg-1);width:26px;height:26px;border-radius:var(--r-sm);display:grid;place-items:center;padding:0;margin-left:auto}.sidebar-burger:hover{color:var(--fg-0);background:var(--bg-3)}.sidebar-section{padding:10px 10px 4px}.sidebar-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);padding:6px 8px 4px}.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .nav-item-label,.sidebar.collapsed .nav-item-badge,.sidebar.collapsed .brand-name,.sidebar.collapsed .brand-env,.sidebar.collapsed .sidebar-foot-user-info{display:none}.sidebar.collapsed .sidebar-head{justify-content:center;padding:14px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r-sm);color:var(--fg-1);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.nav-item:hover{background:var(--bg-2);color:var(--fg-0)}.nav-item.active{background:var(--accent-weak);color:var(--accent-strong)}.nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:2px}.nav-item-icon{width:16px;height:16px;flex-shrink:0;display:grid;place-items:center;color:currentColor}.nav-item-label{flex:1;white-space:nowrap;overflow:hidden}.nav-item-badge{font-family:var(--font-mono);font-size:10px;padding:1px 6px;border-radius:10px;background:var(--bg-3);color:var(--fg-1)}.nav-item.active .nav-item-badge{background:color-mix(in oklch,var(--accent),transparent 70%);color:var(--accent-strong)}.sidebar.collapsed .nav-item{justify-content:center;padding:8px 0}.sidebar-foot{margin-top:auto;padding:10px;border-top:1px solid var(--border-1)}.sidebar-foot-user{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r-sm);cursor:pointer}.sidebar-foot-user:hover{background:var(--bg-2)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-3);color:var(--fg-0);display:grid;place-items:center;font-size:11px;font-weight:600;flex-shrink:0}.sidebar-foot-user-info{flex:1;overflow:hidden}.sidebar-foot-user-info .n{font-size:12px;font-weight:500;color:var(--fg-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot-user-info .o{font-size:11px;color:var(--fg-2)}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--bg-0)}.page-body{flex:1 1 0;overflow-y:auto;padding:16px 20px 32px}.topbar{height:48px;min-height:48px;background:var(--bg-topbar);border-bottom:1px solid var(--border-1);display:flex;align-items:center;padding:0 16px;gap:12px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--fg-1)}.breadcrumb .sep{color:var(--fg-3)}.breadcrumb .cur{color:var(--fg-0);font-weight:500}.topbar-search{display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-sm);padding:4px 8px;width:260px;color:var(--fg-2)}.topbar-search input{background:transparent;border:none;outline:none;width:100%;color:var(--fg-0);font-size:12px}.topbar-search kbd{font-family:var(--font-mono);font-size:10px;padding:1px 5px;border:1px solid var(--border-2);border-radius:3px;color:var(--fg-2)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{width:30px;height:30px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--fg-1);border-radius:var(--r-sm)}.icon-btn:hover{background:var(--bg-2);color:var(--fg-0);border-color:var(--border-1)}.icon-btn.has-dot{position:relative}.icon-btn.has-dot:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--c-bad);border:2px solid var(--bg-topbar)}.filterbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-1);border-bottom:1px solid var(--border-1);flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:var(--r-sm);font-size:12px;color:var(--fg-0);cursor:pointer;height:28px}.filter-chip:hover{border-color:var(--border-strong)}.filter-chip .k{color:var(--fg-2)}.filter-chip .v{color:var(--fg-0);font-weight:500}.filter-chip .x{margin-left:2px;color:var(--fg-2);display:grid;place-items:center;width:14px;height:14px;border-radius:3px}.filter-chip .x:hover{background:var(--bg-3);color:var(--fg-0)}.filter-chip.add{background:transparent;border-style:dashed;color:var(--fg-1)}.filter-bar-divider{width:1px;align-self:stretch;background:var(--border-1);margin:0 4px}.page{flex:1;overflow:auto;padding:16px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;gap:16px}.page-title{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 2px}.page-subtitle{font-size:12px;color:var(--fg-2);margin:0}.page-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--r-sm);border:1px solid var(--border-2);background:var(--bg-2);color:var(--fg-0);font-size:12px;height:28px}.btn:hover{background:var(--bg-3);border-color:var(--border-strong)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.ghost{background:transparent}.btn.sm{height:24px;padding:2px 8px;font-size:11px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.kpi{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);padding:12px 14px 0;position:relative;overflow:hidden;display:flex;flex-direction:column}.kpi .kpi-label{font-size:11px;color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.kpi .kpi-value{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .kpi-sub{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--fg-2);margin-top:4px}.delta{font-variant-numeric:tabular-nums;font-weight:500}.delta.up{color:var(--c-bad)}.delta.down{color:var(--c-good)}.delta.neutral{color:var(--fg-1)}.kpi-spark{margin:8px -14px 0;height:36px;opacity:.85}.kpi-spark svg{width:100%;height:100%;display:block}.grid{display:grid;gap:12px}.grid.c2{grid-template-columns:2fr 1fr}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}.grid.c12{grid-template-columns:repeat(12,1fr)}.panel{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);display:flex;flex-direction:column;overflow:hidden}.panel-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-1);min-height:40px}.panel-title{font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--fg-0)}.panel-sub{font-size:11px;color:var(--fg-2)}.panel-actions{margin-left:auto;display:flex;gap:4px;align-items:center}.panel-body{padding:12px 14px;flex:1}.panel-body.p0{padding:0}.panel-body.tight{padding:10px 12px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-1);padding:0 12px;background:var(--bg-1)}.tab{padding:9px 12px;font-size:12px;color:var(--fg-1);border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--fg-0)}.tab.active{color:var(--fg-0);border-bottom-color:var(--accent)}.seg{display:inline-flex;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-sm);padding:2px;height:28px}.seg button{border:none;background:transparent;padding:0 10px;font-size:11px;color:var(--fg-1);border-radius:3px;height:22px}.seg button:hover{color:var(--fg-0)}.seg button.active{background:var(--bg-1);color:var(--fg-0);box-shadow:var(--shadow-1)}.table,.data-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.table th,.table td,.data-table th,.data-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border-1);overflow:hidden;text-overflow:ellipsis}.table th,.data-table th{font-weight:600;font-size:11px;color:var(--fg-0);text-transform:uppercase;letter-spacing:.05em;background:var(--accent-weak);border-bottom:2px solid var(--border-2);position:sticky;top:0;white-space:nowrap}.table tr:hover td,.data-table tr:hover td{background:var(--bg-2)}.table td.num,.data-table td.num{text-align:right;font-variant-numeric:tabular-nums}.table th.num,.data-table th.num{text-align:right}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:500;line-height:16px;border:1px solid transparent}.badge.good{background:color-mix(in oklch,var(--c-good),transparent 82%);color:var(--c-good);border-color:color-mix(in oklch,var(--c-good),transparent 65%)}.badge.warn{background:color-mix(in oklch,var(--c-warn),transparent 82%);color:var(--c-warn);border-color:color-mix(in oklch,var(--c-warn),transparent 65%)}.badge.bad{background:color-mix(in oklch,var(--c-bad),transparent 82%);color:var(--c-bad);border-color:color-mix(in oklch,var(--c-bad),transparent 65%)}.badge.info{background:color-mix(in oklch,var(--c-info),transparent 82%);color:var(--c-info);border-color:color-mix(in oklch,var(--c-info),transparent 65%)}.badge.neutral{background:var(--bg-3);color:var(--fg-1);border-color:var(--border-2)}.badge.azure{background:color-mix(in oklch,var(--c-azure),transparent 82%);color:var(--c-azure);border-color:color-mix(in oklch,var(--c-azure),transparent 65%)}.badge.gcp{background:color-mix(in oklch,var(--c-gcp),transparent 82%);color:var(--c-gcp);border-color:color-mix(in oklch,var(--c-gcp),transparent 65%)}.badge.external{background:color-mix(in oklch,var(--c-external),transparent 82%);color:var(--c-external);border-color:color-mix(in oklch,var(--c-external),transparent 65%)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--fg-2)}.dot.azure{background:var(--c-azure)}.dot.gcp{background:var(--c-gcp)}.dot.external{background:var(--c-external)}.dot.good{background:var(--c-good)}.dot.warn{background:var(--c-warn)}.dot.bad{background:var(--c-bad)}.legend{display:flex;gap:12px;font-size:11px;color:var(--fg-1)}.legend .item{display:inline-flex;align-items:center;gap:5px}.input,.select{background:var(--bg-2);border:1px solid var(--border-1);color:var(--fg-0);border-radius:var(--r-sm);padding:5px 8px;height:28px;font-size:12px;outline:none}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-weak)}.label{font-size:11px;color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.popover{position:absolute;background:var(--bg-1);border:1px solid var(--border-2);border-radius:var(--r-md);box-shadow:var(--shadow-2);min-width:240px;padding:6px;z-index:50}.pop-item{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:12px;border-radius:3px;cursor:pointer;color:var(--fg-0)}.pop-item:hover{background:var(--bg-2)}.pop-item .check{width:14px;color:var(--accent)}.pop-head{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2);padding:8px 8px 4px;font-weight:600}.tweaks-panel{position:fixed;right:16px;bottom:16px;width:300px;background:var(--bg-1);border:1px solid var(--border-2);border-radius:var(--r-md);box-shadow:var(--shadow-2);z-index:100;overflow:hidden}.tweaks-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-1)}.tweaks-head .t{font-size:12px;font-weight:600}.tweaks-body{padding:12px;display:flex;flex-direction:column;gap:12px;max-height:70vh;overflow:auto}.tweak-row{display:flex;flex-direction:column;gap:6px}.tweak-row .label{font-size:10px}.swatch-row{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:22px;height:22px;border-radius:4px;border:1px solid var(--border-2);cursor:pointer;position:relative}.swatch.active{outline:2px solid var(--fg-0);outline-offset:1px}.color-input{display:flex;align-items:center;gap:6px}.color-input input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border:1px solid var(--border-2);border-radius:4px;padding:0;background:transparent}.color-input input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.report-card{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);padding:14px;cursor:pointer;transition:border-color .12s,transform .12s}.report-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.report-card .rc-head{display:flex;align-items:flex-start;gap:10px}.report-card .rc-icon{width:30px;height:30px;border-radius:6px;background:var(--bg-3);display:grid;place-items:center;color:var(--fg-1);flex-shrink:0}.report-card h4{margin:0 0 2px;font-size:13px;font-weight:600}.report-card p{margin:0;font-size:12px;color:var(--fg-2);line-height:1.4}.report-card .rc-meta{display:flex;gap:12px;margin-top:12px;font-size:11px;color:var(--fg-2)}.report-card .rc-meta span{display:inline-flex;gap:4px;align-items:center}svg.chart{display:block;width:100%}svg .axis-line{stroke:var(--grid-axis);stroke-width:1}svg .grid-line{stroke:var(--grid-line);stroke-width:1}svg .axis-text{fill:var(--fg-2);font-size:10px;font-family:var(--font-mono)}.progress{width:100%;height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden}.progress>.bar{height:100%;background:var(--accent);border-radius:3px}.progress.good>.bar{background:var(--c-good)}.progress.warn>.bar{background:var(--c-warn)}.progress.bad>.bar{background:var(--c-bad)}.chart-tooltip{position:absolute;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r-sm);padding:6px 8px;font-size:11px;pointer-events:none;box-shadow:var(--shadow-2);z-index:20;white-space:nowrap}.chart-tooltip .k{color:var(--fg-2);margin-right:6px}.chart-tooltip .v{font-variant-numeric:tabular-nums}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:90}.drawer{position:fixed;top:0;right:0;height:100vh;width:520px;background:var(--bg-1);border-left:1px solid var(--border-1);z-index:91;display:flex;flex-direction:column}.drawer-head{padding:14px 16px;border-bottom:1px solid var(--border-1);display:flex;align-items:center;gap:8px}.drawer-body{flex:1;overflow:auto;padding:16px}.list-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-1);font-size:12px}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--bg-2)}.list-row .name{flex:1;min-width:0}.list-row .name .t{color:var(--fg-0);font-weight:500}.list-row .name .s{color:var(--fg-2);font-size:11px}.hm-row{display:flex;gap:2px;margin-bottom:2px}.hm-cell{width:14px;height:14px;border-radius:2px}.empty{text-align:center;padding:32px;color:var(--fg-2);font-size:12px;border:1px dashed var(--border-2);border-radius:var(--r-md)}.ccr-layout{display:grid;grid-template-columns:320px 1fr;gap:0;height:100%;min-height:0}.ccr-edit-panel{background:var(--bg-2);border-right:1px solid var(--border-1);display:flex;flex-direction:column;overflow-y:auto}.ccr-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-1);position:sticky;top:0;background:var(--bg-2);z-index:2}.ccr-panel-title{font-weight:700;font-size:13px;color:var(--fg-1)}.ccr-panel-body{padding:16px;display:flex;flex-direction:column;gap:12px}.ccr-field{display:flex;flex-direction:column;gap:4px}.ccr-label{font-size:11px;font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.ccr-input{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-sm);padding:6px 10px;font-size:12px;color:var(--fg-1);outline:none}.ccr-input:focus{border-color:var(--accent)}.ccr-select-wrap{position:relative}.ccr-select{width:100%;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-sm);padding:6px 10px;font-size:12px;color:var(--fg-1);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ccr-select:focus{border-color:var(--accent)}.ccr-count{position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--fg-3);pointer-events:none}.ccr-add-category{display:flex;align-items:center;gap:4px;background:none;border:1px dashed var(--border-2);border-radius:var(--r-sm);padding:6px 10px;font-size:12px;color:var(--accent);cursor:pointer}.ccr-add-category:hover{background:var(--accent-weak)}.ccr-checkbox-row{display:flex;align-items:center;gap:8px}.ccr-checkbox{accent-color:var(--accent)}.ccr-checkbox-label{font-size:12px;color:var(--fg-1)}.ccr-section-title{font-size:12px;font-weight:700;color:var(--fg-1);margin-top:4px;padding-top:8px;border-top:1px solid var(--border-1)}.ccr-radio-row{display:flex;align-items:center;gap:12px}.ccr-radio-label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--fg-1);cursor:pointer}.ccr-radio{accent-color:var(--accent)}.ccr-dim-section{display:flex;flex-direction:column;gap:6px}.ccr-dim-label{font-size:11px;font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.04em}.ccr-dim-item{display:flex;align-items:center;gap:8px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-sm);padding:6px 10px;font-size:12px;color:var(--fg-1)}.ccr-drag-handle{color:var(--fg-3);cursor:grab;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1}.ccr-dim-name{flex:1}.ccr-edit-row{display:flex;align-items:center;gap:8px}.ccr-sort-row{display:flex;gap:12px}.ccr-sort-group{flex:1;display:flex;flex-direction:column;gap:4px}.ccr-main{overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.ccr-kpi-header{display:flex;flex-direction:column;gap:2px}.ccr-kpi-label{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.04em}.ccr-kpi-value{font-size:28px;font-weight:700;color:var(--fg-1);font-family:var(--ff-mono, monospace)}.ccr-legend{display:flex;align-items:center;gap:6px;margin-top:6px;padding:4px 0}.ccr-legend-line{width:16px;height:2px;background:var(--c-azure);border-radius:1px}.ccr-legend-text{font-size:11px;color:var(--fg-2)}.ccr-table-footer{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border-1)}.ccr-subheader th{font-size:12px!important;text-transform:none!important;letter-spacing:0!important}.bp-table-wrap{overflow-x:auto;max-width:100%}.bp-detail-table{border-collapse:collapse;white-space:nowrap}.bp-detail-table th,.bp-detail-table td{font-size:11px;padding:4px 8px}.bp-sticky-col{position:sticky;left:0;z-index:2;background:var(--bg-1)}.bp-detail-table thead .bp-sticky-col,.bp-detail-table tfoot .bp-sticky-col{background:var(--bg-2)}.bp-cell{font-size:11px;text-align:right}.bp-input{width:72px;padding:2px 4px;font-family:var(--font-mono);font-size:11px;background:var(--bg-3);color:var(--fg-0);border:1px solid var(--accent);border-radius:var(--r-sm);text-align:right}.bp-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklch,var(--accent),transparent 70%)}.bp-mom{font-size:9px;font-weight:600}.bp-mom.up{color:var(--c-bad)}.bp-mom.down{color:var(--c-good)}.bp-actuals-row td{border-bottom:2px solid var(--border-1);color:var(--fg-2);font-size:11px}.bp-search{display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-sm);padding:4px 10px}.bp-search input{background:transparent;border:none;outline:none;color:var(--fg-0);font-size:12px;width:160px}.clickable{cursor:pointer}.clickable:hover{background:var(--bg-2)}.active-row{background:color-mix(in oklch,var(--accent),transparent 88%)!important}.data-table tfoot td{border-top:2px solid var(--border-1);padding-top:8px}.login-root{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-0)}.login-card{width:360px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:40px 36px 36px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 8px 40px #00000073}.login-logo{margin-bottom:12px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 16px rgba(91,33,182,.55))}.login-title{font-size:20px;font-weight:700;color:var(--fg-0);letter-spacing:.01em}.login-subtitle{font-size:13px;color:var(--fg-1);margin-bottom:12px}.login-form{width:100%;display:flex;flex-direction:column;gap:16px;margin-top:4px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:12px;font-weight:600;color:var(--fg-1);letter-spacing:.04em;text-transform:uppercase}.login-field input{width:100%;box-sizing:border-box;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-sm);color:var(--fg-0);font-size:14px;padding:9px 12px;outline:none;transition:border-color .15s}.login-field input:focus{border-color:var(--accent)}.login-field input:disabled{opacity:.55;cursor:not-allowed}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:38px}.login-toggle-pw{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--fg-1);padding:2px;display:flex;align-items:center;line-height:1}.login-toggle-pw:hover{color:var(--fg-0)}.login-error{font-size:13px;color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--r-sm);padding:8px 12px;text-align:center}.login-btn{width:100%;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;display:flex;align-items:center;justify-content:center;min-height:40px}.login-btn:hover:not(:disabled){opacity:.88}.login-btn:disabled{opacity:.45;cursor:not-allowed}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logout-btn{color:var(--fg-1)}.logout-btn:hover{color:#f87171}