:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e2e8f0;background:#0b1120;line-height:1.5;--accent: #3b82f6;--accent-soft: #1e3a5f;--surface: #111827;--surface-2: #1e293b;--border: #334155;--text-muted: #94a3b8;--success: #22c55e;--danger: #ef4444}*{box-sizing:border-box}body{margin:0}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#070d19;border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:24px;min-height:100vh}.sidebar-header{padding:0 12px 16px;border-bottom:1px solid var(--border)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.as-of-picker .as-of{display:flex;flex-direction:column;gap:8px}.as-of-picker .as-of-label{font-size:11px;font-weight:700;color:#cbd5e1}.as-of-picker .as-of input{width:100%;padding:8px 10px;font-size:14px;font-weight:600}.as-of-picker .info-hint-tooltip{bottom:auto;top:calc(100% + 8px)}.brand{display:flex;gap:12px;align-items:center;padding:8px 12px}.brand-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff}.brand-name{font-weight:700;font-size:15px}.brand-sub{font-size:12px;color:var(--text-muted)}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;width:100%;text-decoration:none;font:inherit}.nav-item:hover{background:var(--surface-2);color:#e2e8f0}.nav-item.active{background:var(--accent-soft);color:#fff}.nav-label{font-weight:600;font-size:13px}.nav-sub{font-size:11px;opacity:.8}.content-area{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-end;padding:24px 32px 12px;gap:16px;flex-wrap:wrap}.topbar h1{margin:0;font-size:24px;font-weight:700}.topbar-sub{margin:4px 0 0;color:var(--text-muted);font-size:14px}.freshness-bar{display:flex;flex-wrap:wrap;gap:12px;padding:0 32px 16px;font-size:12px;color:var(--text-muted);align-items:center}.freshness-trigger-btn{margin-left:4px;padding:4px 10px;font-size:12px;font-weight:600;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--accent, #3b82f6);cursor:pointer}.freshness-trigger-btn:hover:not(:disabled){border-color:var(--accent, #3b82f6)}.freshness-trigger-btn:disabled{opacity:.6;cursor:not-allowed;color:var(--text-muted)}.freshness-feedback{color:#4ade80;font-weight:600}.freshness-error{color:#f87171;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge.ok{background:#22c55e33;color:#4ade80}.badge.warn{background:#ef444433;color:#f87171}.page-content{padding:0 32px 32px}.period-selector{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.period-selector--sidebar{flex-direction:column;align-items:stretch;gap:12px}.period-selector-heading-row,.as-of-label-row{display:flex;align-items:center;gap:6px}.period-selector-heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.info-hint{position:relative;display:inline-flex;flex-shrink:0}.info-hint-btn{width:14px;height:14px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:10px;font-weight:700;font-style:italic;font-family:Georgia,Times New Roman,serif;line-height:1;cursor:help;display:inline-flex;align-items:center;justify-content:center}.info-hint-btn:hover,.info-hint-btn:focus-visible{color:#e2e8f0;border-color:var(--accent);outline:none}.info-hint-tooltip{display:none;position:absolute;left:0;bottom:calc(100% + 8px);width:220px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0f172a;color:#e2e8f0;font-size:12px;font-weight:400;text-transform:none;letter-spacing:normal;line-height:1.45;box-shadow:0 8px 24px #00000059;z-index:40;pointer-events:none}.info-hint:hover .info-hint-tooltip,.info-hint:focus-within .info-hint-tooltip{display:block}.preset-group{display:flex;gap:4px;background:var(--surface);padding:4px;border-radius:8px;border:1px solid var(--border)}.period-selector--sidebar .preset-group{display:grid;grid-template-columns:1fr 1fr}.preset{border:none;background:transparent;color:var(--text-muted);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.period-selector--sidebar .preset{padding:8px 0;text-align:center}.preset.active{background:var(--accent);color:#fff}.as-of{font-size:13px;color:var(--text-muted)}.period-selector--sidebar .as-of{display:flex;flex-direction:column;gap:6px}.as-of-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.as-of input{background:var(--surface);border:1px solid var(--border);color:#e2e8f0;border-radius:6px;padding:6px 8px}.period-selector--sidebar .as-of input{width:100%}.hero-strip{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);border:1px solid var(--border);border-radius:16px;padding:32px;margin-bottom:24px}.hero-label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.hero-value{font-size:48px;font-weight:800;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin:8px 0;font-variant-numeric:tabular-nums}.hero-meta{color:var(--text-muted);font-size:14px}.delta.up{color:var(--success)}.delta.down{color:var(--danger)}.delta.muted{color:var(--text-muted)}.sparkline-kpi-row{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;align-items:stretch;margin-bottom:20px}.kpi-grid-inner>*,.sparkline-kpi-row>*{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-self:stretch}.inspectable-metric{min-width:0}.kpi-grid-inner .inspectable-metric,.sparkline-kpi-row .inspectable-metric{display:flex;flex-direction:column;height:100%;min-width:0}.kpi-grid-inner .inspectable-metric>.metric-clickable,.kpi-grid-inner .inspectable-metric>.debuggable,.sparkline-kpi-row .inspectable-metric>.metric-clickable,.sparkline-kpi-row .inspectable-metric>.debuggable,.kpi-grid-inner>.metric-clickable,.kpi-grid-inner>.debuggable,.sparkline-kpi-row>.metric-clickable,.sparkline-kpi-row>.debuggable{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;min-width:0}.kpi-grid-inner .debuggable>.metric-clickable,.sparkline-kpi-row .debuggable>.metric-clickable{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-width:0}.sparkline-kpi{display:grid;grid-template-rows:2.4em auto 2.8em 48px;grid-template-columns:minmax(0,1fr);row-gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;min-height:0;height:100%;box-sizing:border-box;flex:1 1 auto}.kpi-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);height:2.4em;line-height:1.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;margin:0}.kpi-value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;margin:0;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.kpi-sub{font-size:11px;color:var(--text-muted);height:2.8em;line-height:1.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;margin:0}.sparkline{height:48px;min-height:48px;max-height:48px;margin:0;padding:0;box-sizing:border-box;overflow:hidden}.sparkline.empty{visibility:hidden}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.chart-card h3{margin:0 0 16px;font-size:15px;font-weight:600}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto;padding:12px}.nav{flex-direction:row}.two-col{grid-template-columns:1fr}}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}.data-table th{color:var(--text-muted);font-weight:500}.cohort-grid{font-size:13px}.cohort-grid-header,.cohort-grid-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.heat-cell{padding:4px 8px;border-radius:4px;text-align:center;font-weight:600}.heat-cell.muted{background:var(--surface-2);color:var(--text-muted)}.churn-heatmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.churn-cell{border-radius:6px;padding:8px 6px;text-align:center;font-size:11px;border:1px solid rgba(255,255,255,.05)}.churn-cell-button{cursor:pointer;color:inherit;font:inherit;width:100%}.churn-cell-button:hover{border-color:#fff3}.churn-cell-selected{outline:2px solid var(--accent, #60a5fa);outline-offset:1px}.churn-cell-past{background:#94a3b82e;color:var(--text-muted)}.churn-kind{display:block;font-size:9px;margin-top:2px;opacity:.75}.churn-detail-panel{margin-top:12px}.churn-detail-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px}.churn-detail-tabs{display:flex;gap:6px}.churn-detail-tabs button{border:1px solid var(--border, rgba(255, 255, 255, .1));background:var(--surface-2, rgba(255, 255, 255, .04));color:var(--text-muted);border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer}.churn-detail-tabs button.active{color:var(--text, #fff);border-color:var(--accent, #60a5fa)}.churn-detail-table .num{text-align:right;font-variant-numeric:tabular-nums}.churn-legend{margin-top:8px}.churn-date{display:block;color:var(--text-muted)}.churn-arr{display:block;font-weight:600;margin-top:2px}.risk-kpis,.funnel-kpis,.payments-kpis{display:grid;gap:12px;margin-bottom:20px;align-items:stretch;grid-template-columns:repeat(4,1fr)}.kpi-card.highlight{border-color:var(--accent)}.legend-list{margin-top:12px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0}.legend-item .dot{width:10px;height:10px;border-radius:50%}.legend-val{margin-left:auto;color:var(--text-muted)}.stat-block{display:flex;gap:24px;margin-bottom:16px}.stat-label{display:block;font-size:11px;color:var(--text-muted)}.stat-value{font-size:20px;font-weight:700}.component-bars{display:flex;flex-direction:column;gap:8px}.component-bar-row{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:12px;padding:8px 12px;background:var(--surface-2);border-radius:6px;font-size:13px}.component-bar-track{height:8px;background:var(--surface-3, #1e293b);border-radius:4px;overflow:hidden}.component-bar-fill{height:100%;background:#3b82f6;border-radius:4px;min-width:2px}.component-bar-value{font-variant-numeric:tabular-nums;min-width:4.5rem;text-align:right}.chart-note{color:var(--text-muted);font-size:13px;margin:0 0 12px}.kpi-hint{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;border-radius:50%;background:var(--surface-3, #334155);color:var(--text-muted);font-size:10px;cursor:help}.financieel-risico-kpis{margin-bottom:24px}.error-banner{background:#ef444426;border:1px solid var(--danger);color:#fca5a5;padding:16px;border-radius:8px}.success-banner{background:#22c55e1f;border:1px solid var(--success);color:#86efac;padding:12px 16px;border-radius:8px;margin-bottom:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#1e3a5f 0%,transparent 55%),#0b1120}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:14px}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:4px}.login-card h1{margin:0;font-size:22px}.login-sub{margin:0;color:var(--text-muted);font-size:14px}.login-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cbd5e1}.login-field input,.users-form input{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0b1220;color:#e2e8f0;font-size:14px}.login-submit,.users-form button,.danger-button,.sidebar-logout{border:1px solid var(--border);border-radius:8px;background:var(--accent-soft);color:#e2e8f0;padding:10px 14px;font-weight:600;cursor:pointer}.login-submit{background:var(--accent);border-color:transparent;margin-top:4px}.login-submit:disabled,.users-form button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed}.danger-button{background:#ef444426;border-color:var(--danger);color:#fca5a5;padding:6px 10px;font-size:12px}.sidebar-auth{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.sidebar-auth-email{font-size:12px;color:var(--text-muted);word-break:break-all}.sidebar-logout{width:100%;font-size:13px}.users-page{display:grid;gap:28px;max-width:880px}.users-page h2{margin:0 0 8px}.users-page .muted{color:var(--text-muted);margin:0 0 16px;font-size:14px}.users-form{display:grid;gap:12px;max-width:420px}.users-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cbd5e1}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}.users-table th{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.loading,.empty-state{color:var(--text-muted);padding:24px}.loading-status{display:flex;align-items:center;gap:14px;color:var(--text-muted);padding:32px 24px}.loading-status-compact{padding:12px 0;gap:10px}.loading-spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;animation:loading-spin .7s linear infinite}.loading-status-compact .loading-spinner{width:16px;height:16px}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-status-text{display:flex;flex-direction:column;gap:4px;min-width:0}.loading-status-label{font-size:14px;color:var(--text-muted)}.loading-status-elapsed{font-variant-numeric:tabular-nums;color:#cbd5e1;margin-left:4px}.loading-status-hint{font-size:12px;color:var(--text-muted);opacity:.85}.page-content-refreshing{opacity:.65;pointer-events:none;transition:opacity .15s ease}.page-refresh-banner{margin-bottom:12px}.hero-value-full{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em}.section-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.kpi-grid{margin-bottom:24px}.kpi-grid-inner{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:stretch}.kpi-cols-2{grid-template-columns:repeat(2,1fr)}.kpi-cols-3{grid-template-columns:repeat(3,1fr)}.kpi-cols-4{grid-template-columns:repeat(4,1fr)}.kpi-cols-5{grid-template-columns:repeat(5,1fr)}.kpi-cols-6{grid-template-columns:repeat(6,1fr)}.kpi-cols-7{grid-template-columns:repeat(7,1fr)}.kpi-cols-8{grid-template-columns:repeat(8,1fr)}.kpi-card{display:grid;grid-template-rows:2.4em auto 2.8em;grid-template-columns:minmax(0,1fr);row-gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;min-height:0;height:100%;box-sizing:border-box;flex:1 1 auto;min-width:0}.kpi-grid-inner>.debuggable,.sparkline-kpi-row>.debuggable,.risk-kpis>.debuggable,.funnel-kpis>.debuggable,.payments-kpis>.debuggable{display:flex;flex-direction:column;min-height:0;height:100%}.kpi-grid-inner .metric-clickable,.sparkline-kpi-row .metric-clickable,.risk-kpis .metric-clickable,.funnel-kpis .metric-clickable,.payments-kpis .metric-clickable{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;min-width:0}.kpi-grid-inner .kpi-card,.sparkline-kpi-row .sparkline-kpi,.risk-kpis .kpi-card,.funnel-kpis .kpi-card,.payments-kpis .kpi-card{flex:1 1 auto;width:100%}@media (max-width: 1200px){.kpi-grid-inner,.kpi-cols-5,.kpi-cols-6,.kpi-cols-7,.kpi-cols-8,.sparkline-kpi-row,.risk-kpis,.funnel-kpis,.payments-kpis{grid-template-columns:repeat(4,1fr)}.kpi-cols-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.kpi-grid-inner,.kpi-cols-3,.kpi-cols-4,.kpi-cols-5,.kpi-cols-6,.kpi-cols-7,.kpi-cols-8,.sparkline-kpi-row,.risk-kpis,.funnel-kpis,.payments-kpis,.kpi-cols-2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.kpi-grid-inner,.kpi-cols-2,.kpi-cols-3,.kpi-cols-4,.kpi-cols-5,.kpi-cols-6,.kpi-cols-7,.kpi-cols-8,.sparkline-kpi-row,.risk-kpis,.funnel-kpis,.payments-kpis{grid-template-columns:1fr}}.plan-share-total{font-size:28px;font-weight:800;margin-bottom:16px}.plan-share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.plan-share-item{background:var(--surface-2);border-radius:8px;padding:12px}.plan-share-header{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.plan-share-name{font-weight:600}.plan-share-count{color:var(--text-muted)}.plan-share-bar-track{height:6px;background:#0f172a;border-radius:999px;overflow:hidden;margin-bottom:8px}.plan-share-bar-fill.customers{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.plan-share-arr{font-size:13px;font-weight:600}.plan-share-arr span{color:var(--text-muted);font-weight:400}.sub-tabs{display:flex;gap:8px;margin-bottom:16px}.sub-tabs button{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px}.sub-tabs button.active{color:#fff;border-color:var(--accent);background:var(--accent-soft)}.table-scroll{overflow-x:auto}.billing-table th,.billing-table td{text-align:center;vertical-align:middle}.billing-table th:first-child,.billing-table td:first-child{text-align:left}.billing-cell{min-width:110px}.billing-count{display:block;font-weight:700;font-size:15px}.billing-arr{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.billing-table .totals-row{background:var(--surface-2);font-weight:600}.contact-limit-block,.addon-plan-block{margin-bottom:20px}.contact-limit-block h4,.addon-plan-block h4{margin:0 0 8px;font-size:14px}.treasury-kpis .kpi-sub{font-size:11px;color:var(--text-muted)}.treasury-aging{display:flex;flex-direction:column;gap:12px}.treasury-aging-row{display:grid;grid-template-columns:100px 1fr 88px;gap:12px;align-items:center;font-size:13px}.treasury-aging-label{color:var(--text-muted)}.treasury-aging-track{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.treasury-aging-fill{height:100%;border-radius:999px;min-width:2px}.treasury-aging-value{text-align:right;font-weight:600}.debug-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.debug-toggle input{accent-color:var(--accent)}.debuggable{position:relative;cursor:pointer;border-radius:8px;outline:none}.debuggable:focus-visible{box-shadow:0 0 0 2px var(--accent)}.debuggable-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#f59e0b;opacity:.85;pointer-events:none;z-index:1}.debug-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;justify-content:flex-end}.debug-drawer{width:min(520px,100vw);height:100vh;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-8px 0 32px #00000059}.debug-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.debug-drawer-header h2{margin:0;font-size:18px}.debug-drawer-sub{margin:4px 0 0;font-size:12px;color:var(--text-muted);font-family:ui-monospace,monospace}.debug-close{background:var(--surface-2);border:1px solid var(--border);color:#e2e8f0;border-radius:6px;padding:6px 12px;cursor:pointer}.debug-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border)}.debug-tabs button{background:transparent;border:none;color:var(--text-muted);padding:8px 12px;border-radius:6px;cursor:pointer}.debug-tabs button.active{background:var(--surface-2);color:#e2e8f0}.debug-drawer-body{flex:1;overflow:auto;padding:16px 20px}.debug-dl{margin:0}.debug-dl-row{display:grid;grid-template-columns:140px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.debug-dl-row dt{color:var(--text-muted);font-family:ui-monospace,monospace}.debug-dl-row dd{margin:0;word-break:break-word}.debug-pre{font-size:11px;line-height:1.45;background:#070d19;border:1px solid var(--border);border-radius:8px;padding:12px;overflow:auto;max-height:60vh}.debug-note{font-size:13px;color:var(--text-muted);margin:0 0 12px}.debug-raw-footer{margin-top:24px;border:1px dashed var(--border);border-radius:8px;padding:8px 12px}.debug-raw-footer summary{cursor:pointer;color:var(--text-muted);font-size:13px}.badge-btn{border:none;font:inherit;cursor:pointer}.badge-btn:disabled{cursor:default;opacity:.85}.badge.dimmed{opacity:.55}.hero-strip-wrap .debuggable-dot{top:12px;right:12px}.badge.muted{background:#94a3b833;color:#94a3b8}.definitions-page{max-width:960px}.definitions-intro{color:var(--text-muted);margin:0 0 12px}.definitions-schema-note{font-size:13px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin:0 0 16px}.definitions-status-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.definitions-status-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--text-muted);cursor:pointer;font:inherit;font-size:13px}.definitions-status-chip.active{border-color:var(--accent);color:#e2e8f0}.definitions-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}.definitions-search{flex:1;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:#e2e8f0;padding:8px 12px;font:inherit}.definitions-toolbar select{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:#e2e8f0;padding:8px 10px;font:inherit}.definitions-count{font-size:12px;color:var(--text-muted)}.definitions-section h2{font-size:16px;margin:24px 0 12px}.definitions-list{display:flex;flex-direction:column;gap:12px}.definitions-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.definitions-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.definitions-card-header h3{margin:0;font-size:15px}.definitions-name{display:inline-block;margin-top:4px;font-size:12px;color:#93c5fd}.definitions-group{display:inline-block;margin-left:8px;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.definitions-dl{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;margin:0;font-size:13px}.definitions-dl dt{color:var(--text-muted);margin:0}.definitions-dl dd{margin:0}.definitions-dl code{font-size:12px;word-break:break-word}.definitions-notes{color:#fbbf24}.definitions-legend ul{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-muted)}.definitions-legend li{display:flex;gap:10px;align-items:flex-start}.metric-clickable{position:relative;cursor:pointer;border-radius:8px;outline:none;transition:box-shadow .15s ease}.metric-clickable:hover{box-shadow:0 0 0 1px var(--border)}.metric-clickable:focus-visible{box-shadow:0 0 0 2px var(--accent)}.metric-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;justify-content:flex-end}.metric-detail-drawer{width:min(560px,100vw);height:100vh;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-8px 0 32px #00000059}.metric-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.metric-detail-header h2{margin:0;font-size:18px}.metric-detail-sub{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.metric-detail-close{background:var(--surface-2);border:1px solid var(--border);color:#e2e8f0;border-radius:6px;padding:6px 12px;cursor:pointer}.metric-detail-body{flex:1;overflow:auto;padding:16px 20px}.metric-detail-definition h3,.metric-detail-breakdown h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.metric-detail-definition p{margin:0 0 8px;font-size:14px;line-height:1.45}.metric-detail-source{font-size:12px!important;color:var(--text-muted)!important}.metric-detail-dl{margin:0}.metric-detail-dl-row{display:grid;grid-template-columns:140px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.metric-detail-dl-row dt{color:var(--text-muted);font-family:ui-monospace,monospace}.metric-detail-dl-row dd{margin:0;word-break:break-word}.metric-detail-count{font-size:12px;color:var(--text-muted);margin:0 0 8px}.metric-detail-empty,.metric-detail-note{font-size:14px;color:var(--text-muted);line-height:1.45}.metric-detail-warn{margin-top:12px;font-size:13px;color:#fbbf24}.metric-detail-more{margin-top:12px;background:var(--surface-2);border:1px solid var(--border);color:#e2e8f0;border-radius:6px;padding:8px 14px;cursor:pointer}.metric-detail-more:disabled{opacity:.6;cursor:wait}.metric-detail-table-wrap{margin-top:12px}.metric-detail-link{color:var(--accent, #60a5fa);text-decoration:underline;text-underline-offset:2px}.metric-detail-link:hover{color:#93c5fd}.completeness-page{display:flex;flex-direction:column;gap:24px}.completeness-summary{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.completeness-summary-item{display:flex;flex-direction:column;min-width:88px;padding:12px 16px;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.completeness-summary-item strong{font-size:22px;line-height:1.1}.completeness-summary-item span{font-size:12px;color:var(--text-muted)}.completeness-summary-item.ok strong{color:#4ade80}.completeness-summary-item.warn strong{color:#fbbf24}.completeness-summary-item.gap strong{color:#f87171}.completeness-asof{margin:0;font-size:12px;color:var(--text-muted)}.completeness-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.completeness-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.completeness-card.status-gap{border-color:#ef444473}.completeness-card.status-warn{border-color:#fbbf2473}.completeness-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.completeness-card-head h3{margin:0;font-size:14px}.completeness-meta{margin:4px 0 0;font-size:11px;color:var(--text-muted);word-break:break-word}.completeness-badge.ok{background:#22c55e33;color:#4ade80}.completeness-badge.warn{background:#fbbf2433;color:#fbbf24}.completeness-badge.gap{background:#ef444433;color:#f87171}.completeness-heat{display:flex;flex-wrap:wrap;gap:2px}.completeness-heat--hours{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.completeness-cell{width:8px;height:8px;border-radius:2px;background:#334155;flex:0 0 auto}.completeness-heat--hours .completeness-cell{width:10px;height:14px}.completeness-cell.state-ok{background:#22c55e}.completeness-cell.state-gap{background:#ef4444}.completeness-cell.state-pending{background:#64748b}.completeness-gaps{margin:0;font-size:11px;color:#fca5a5;line-height:1.4;word-break:break-word}.completeness-gaps--empty{color:var(--text-muted)}.completeness-gaps-label{color:var(--text-muted);font-weight:600}.completeness-runs h2{margin:0 0 12px;font-size:16px}.completeness-runs-table{width:100%;border-collapse:collapse;font-size:13px}.completeness-runs-table th,.completeness-runs-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.completeness-runs-table th{color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.completeness-runs-table tr.stale td{color:#fbbf24}.completeness-run-error{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}