.kpi-drill-panel{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--brand-gold-500);border-radius:var(--r-lg);margin-bottom:18px;padding:16px 18px}.kpi-drill-panel__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.kpi-drill-panel__title{font:600 15px/1.3 var(--font-ui);color:var(--ink-900);margin:0}.kpi-drill-panel__sub{font:500 12px var(--font-ui);color:var(--ink-500);margin:4px 0 0}.kpi-drill-panel__legend{flex-wrap:wrap;gap:8px;display:flex}.kpi-drill-legend{font:600 10px var(--font-ui);border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.04em;padding:3px 8px}.kpi-drill-legend--success{background:var(--green-100);color:var(--green-600)}.kpi-drill-legend--warning{background:var(--orange-100);color:var(--orange-500)}.kpi-drill-legend--danger{background:var(--red-100);color:var(--red-600)}.kpi-drill-panel__table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.kpi-drill-panel__table{border-collapse:collapse;width:100%;font:500 12.5px var(--font-ui);min-width:720px}.kpi-drill-panel__table th{text-align:left;font:600 10px var(--font-ui);color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.kpi-drill-panel__table td{border-bottom:1px solid var(--hairline);color:var(--ink-700);vertical-align:middle;padding:9px 10px}.kpi-drill-panel__table tr[data-status=success] td{background:0 0}.kpi-drill-panel__table tr[data-status=warning] td{background:#d977060f}.kpi-drill-panel__table tr[data-status=danger] td{background:#d6453f14}.kpi-drill-row--selected td{outline:2px solid var(--brand-teal-500);outline-offset:-2px}.kpi-drill-row--clickable{cursor:pointer;position:relative}.kpi-drill-row--clickable:hover td{background:#006d880f!important}.kpi-drill-row-action{white-space:nowrap;width:1%;min-width:140px;position:relative}.kpi-drill-row-hint{border-radius:var(--r-pill);background:var(--brand-teal-600);color:#fff;font:600 10px var(--font-ui);letter-spacing:.02em;opacity:0;pointer-events:none;align-items:center;padding:4px 10px;transition:opacity .15s,transform .15s;display:inline-flex;transform:translateY(2px)}.kpi-drill-row--clickable:hover .kpi-drill-row-hint,.kpi-drill-row--clickable:focus-visible .kpi-drill-row-hint{opacity:1;transform:translateY(0)}.kpi-drill-row--clickable:focus-visible{outline:2px solid var(--brand-teal-500);outline-offset:-2px}.kpi-drill-code{color:var(--ink-900);font-variant-numeric:tabular-nums;font-weight:700}.kpi-drill-name{max-width:220px}.kpi-drill-pct{font-variant-numeric:tabular-nums;font-weight:700}.kpi-drill-pct--success{color:var(--green-600)}.kpi-drill-pct--warning{color:var(--orange-500)}.kpi-drill-pct--danger{color:var(--red-600)}.kpi-drill-trend{text-align:center;font-size:11px}.kpi-drill-badge{border-radius:var(--r-pill);font:700 10px var(--font-ui);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;display:inline-flex}.kpi-drill-badge--success{background:var(--green-100);color:var(--green-600)}.kpi-drill-badge--warning{background:var(--orange-100);color:var(--orange-500)}.kpi-drill-badge--danger{background:var(--red-100);color:var(--red-600)}.kpi-drill-sev{font:600 10px var(--font-ui);text-transform:uppercase}.kpi-drill-sev--critical{color:var(--red-600)}.kpi-drill-sev--warning{color:var(--orange-500)}.kpi-drill-sev--watch{color:var(--ink-500)}.kpi-drill-panel__foot{border-top:1px solid var(--border);font:500 12px var(--font-ui);color:var(--ink-500);margin-top:12px;padding-top:10px}.kpi-drill-panel__foot strong{color:var(--ink-700)}.kpi-drill-breakdown{z-index:320;justify-content:flex-end;display:flex;position:fixed;inset:0}.kpi-drill-breakdown__backdrop{background:#0b0e1473;position:absolute;inset:0}.kpi-drill-breakdown__panel{background:var(--surface);border-left:1px solid var(--border);width:min(520px,100vw);height:100%;box-shadow:var(--shadow-pop);flex-direction:column;animation:.22s ease-out kpi-drill-slide-in;display:flex;position:relative;overflow:hidden}@keyframes kpi-drill-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.kpi-drill-breakdown__head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;gap:12px;padding:16px 18px;display:flex}.kpi-drill-breakdown__code{font:700 11px var(--font-ui);color:var(--brand-teal-600);letter-spacing:.08em;text-transform:uppercase}.kpi-drill-breakdown__title{font:600 16px/1.3 var(--font-ui);color:var(--ink-900);margin:4px 0 0}.kpi-drill-breakdown__meta{font:500 12px var(--font-ui);color:var(--ink-500);margin:6px 0 0}.kpi-drill-gap--critical{color:var(--red-600);font-weight:700}.kpi-drill-gap--warning{color:var(--orange-500);font-weight:700}.kpi-drill-gap--watch{color:var(--ink-500)}.kpi-drill-breakdown__close{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--ink-500);cursor:pointer;border-radius:50%;flex-shrink:0;font-size:18px}.kpi-drill-breakdown__dims{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:12px 18px 0;display:flex}.kpi-drill-dim-tab{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-500);font:600 11px var(--font-ui);cursor:pointer;padding:6px 12px}.kpi-drill-dim-tab--active{background:var(--brand-teal-600);border-color:var(--brand-teal-600);color:#fff}.kpi-drill-breakdown__filters{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;display:flex}.kpi-drill-breakdown__filter-label{font:600 10px var(--font-ui);color:var(--ink-500);text-transform:uppercase}.kpi-drill-time-chip{border:1px solid var(--border);border-radius:var(--r-pill);font:500 11px var(--font-ui);color:var(--ink-500);cursor:pointer;background:0 0;padding:4px 10px}.kpi-drill-time-chip--active{border-color:var(--brand-gold-500);color:var(--brand-gold-600);background:var(--amber-100)}.kpi-drill-breakdown__table-wrap{flex:1;padding:0 18px 18px;overflow:auto}.kpi-drill-breakdown__table{border-collapse:collapse;width:100%;font:500 12px var(--font-ui)}.kpi-drill-breakdown__table th{background:var(--surface);text-align:left;font:600 10px var(--font-ui);color:var(--ink-500);text-transform:uppercase;border-bottom:1px solid var(--border);padding:8px;position:sticky;top:0}.kpi-drill-breakdown__table td{border-bottom:1px solid var(--hairline);color:var(--ink-700);padding:8px}[data-theme=dark] .kpi-drill-panel__table tr[data-status=warning] td{background:var(--rag-amber-tint)}[data-theme=dark] .kpi-drill-panel__table tr[data-status=danger] td{background:var(--rag-red-tint)}[data-theme=dark] .kpi-drill-legend--success{background:var(--rag-green-tint);color:var(--rag-green)}[data-theme=dark] .kpi-drill-legend--warning{background:var(--rag-amber-tint);color:var(--rag-amber)}[data-theme=dark] .kpi-drill-legend--danger{background:var(--rag-red-tint);color:var(--rag-red)}[data-theme=dark] .kpi-drill-badge--success{background:var(--rag-green-tint);color:var(--rag-green)}[data-theme=dark] .kpi-drill-badge--warning{background:var(--rag-amber-tint);color:var(--rag-amber)}[data-theme=dark] .kpi-drill-badge--danger{background:var(--rag-red-tint);color:var(--rag-red)}[data-theme=dark] .kpi-drill-card{background:var(--surface-2)}[data-theme=dark] .kpi-drill-card__btn{background:var(--surface)}[data-theme=dark] .kpi-drill-row--clickable:hover td{background:#006d881f!important}.kpi-drill-cards{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.kpi-drill-cards__empty{font:500 13px var(--font-ui);color:var(--ink-500);margin:0;padding:8px 4px}.kpi-drill-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);align-items:stretch;gap:10px;padding:12px 14px;display:flex}.kpi-drill-card--warning{border-left:3px solid var(--orange-500)}.kpi-drill-card--danger{border-left:3px solid var(--red-600)}.kpi-drill-card--selected{box-shadow:0 0 0 2px var(--brand-teal-500)}.kpi-drill-card__main{flex:1;min-width:0}.kpi-drill-card__top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.kpi-drill-card__name{font:600 13px/1.35 var(--font-ui);color:var(--ink-900);margin-bottom:4px}.kpi-drill-card__meta{font:500 11.5px var(--font-ui);color:var(--ink-500);line-height:1.4}.kpi-drill-card__sev{font:600 10px var(--font-ui);text-transform:uppercase;color:var(--ink-400);letter-spacing:.04em;margin-top:4px}.kpi-drill-card__btn{min-height:var(--touch-min,44px);border:1px solid var(--brand-teal-600);border-radius:var(--r);background:var(--surface);color:var(--brand-teal-600);font:600 12px var(--font-ui);cursor:pointer;white-space:nowrap;touch-action:manipulation;flex-shrink:0;align-self:center;padding:0 14px}.kpi-drill-card__btn:active{background:#006d881a}.kpi-drill-toggle-table{width:100%;min-height:var(--touch-min,44px);border:1px dashed var(--border-strong);border-radius:var(--r);color:var(--ink-500);font:600 12px var(--font-ui);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:8px 12px;display:flex}.kpi-drill-toggle-table__chev{font-size:10px;transition:transform .15s;transform:rotate(-90deg)}.kpi-drill-toggle-table__chev--open{transform:rotate(0)}@media (width<=1024px){.kpi-drill-panel--mobile{padding:12px 14px}.kpi-drill-panel--mobile .kpi-drill-panel__head{margin-bottom:10px}.kpi-drill-panel--mobile .kpi-drill-panel__title{font-size:14px}.kpi-drill-panel__table-wrap--mobile{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);margin-top:8px;padding:8px}.kpi-drill-panel__table-wrap--mobile .kpi-drill-panel__table{min-width:0}.kpi-drill-panel__table-wrap--mobile .kpi-drill-panel__table thead{display:none}.kpi-drill-panel__table-wrap--mobile .kpi-drill-panel__table tbody{flex-direction:column;gap:8px;display:flex}.kpi-drill-panel__table-wrap--mobile .kpi-drill-panel__table tbody tr{border:1px solid var(--hairline);border-radius:var(--r);background:var(--surface);grid-template-columns:1fr 1fr;gap:4px 10px;padding:10px 12px;display:grid}.kpi-drill-panel__table-wrap--mobile .kpi-drill-panel__table td{border:0;flex-direction:column;gap:2px;padding:0;display:flex}.kpi-drill-panel__table-wrap--mobile .kpi-drill-panel__table td:before{content:attr(data-label);font:600 9px var(--font-ui);color:var(--ink-400);text-transform:uppercase;letter-spacing:.05em}.kpi-drill-panel__table-wrap--mobile .kpi-drill-panel__table td.kpi-drill-name{grid-column:1/-1;max-width:none}.kpi-drill-panel__table-wrap--mobile .kpi-drill-panel__table td.kpi-drill-name:before{display:none}.kpi-drill-breakdown{justify-content:center;align-items:flex-end}.kpi-drill-breakdown__panel{border-left:0;border-top:1px solid var(--border);border-radius:16px 16px 0 0;width:100%;height:auto;max-height:min(92dvh,100%);animation:.24s ease-out kpi-drill-slide-up}@keyframes kpi-drill-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.kpi-drill-breakdown__head{padding:14px 16px}.kpi-drill-breakdown__dims{padding:10px 16px 0}.kpi-drill-breakdown__filters{padding:8px 16px}.kpi-drill-breakdown__table-wrap{max-height:50dvh;padding:0 12px 16px}.kpi-drill-breakdown__table{font-size:11.5px}.kpi-drill-breakdown__close{width:36px;height:36px}.kpi-drill-breakdown__table thead{display:none}.kpi-drill-breakdown__table tbody tr{border:1px solid var(--hairline);border-radius:var(--r);background:var(--surface-2);grid-template-columns:1fr 1fr;gap:4px 8px;margin-bottom:8px;padding:10px;display:grid}.kpi-drill-breakdown__table td{border:0;flex-direction:column;gap:2px;padding:0;display:flex}.kpi-drill-breakdown__table td:first-child{color:var(--ink-900);grid-column:1/-1;font-weight:600}.kpi-drill-breakdown__table td:first-child:before{display:none}.kpi-drill-breakdown__table td:before{content:attr(data-label);font:600 9px var(--font-ui);color:var(--ink-400);text-transform:uppercase;letter-spacing:.05em}}@media (width<=767px){.kpi-drill-card{flex-direction:column;align-items:stretch}.kpi-drill-card__btn{width:100%}}.kpi-drill-hint{z-index:280;border-radius:var(--r-pill);background:var(--brand-teal-600);color:#fff;max-width:240px;font:600 11px/1.35 var(--font-ui);pointer-events:none;box-shadow:var(--shadow-pop);padding:6px 12px;position:fixed}@media (width<=1024px){.kpi-drill-hint{display:none!important}}.kpi-v2-widget>.kpi-v2-stat.kpi-drill-host{height:100%}.kpi-drill-host--fill{flex-direction:column;height:100%;min-height:0;display:flex}.kpi-drill-host--fill>.kpi{flex:1;min-height:0}.kpi-drill-flow{z-index:330;justify-content:flex-end;display:flex;position:fixed;inset:0}.kpi-drill-flow__backdrop{background:#0b0e1473;position:absolute;inset:0}.kpi-drill-flow__panel{background:var(--surface);border-left:1px solid var(--border);width:min(560px,100vw);height:100%;box-shadow:var(--shadow-pop);flex-direction:column;animation:.22s ease-out kpi-drill-slide-in;display:flex;position:relative;overflow:hidden}.kpi-drill-flow__head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;gap:12px;padding:16px 18px;display:flex}.kpi-drill-flow__eyebrow{font:600 10px var(--font-ui);color:var(--brand-gold-600);text-transform:uppercase;letter-spacing:.08em}.kpi-drill-flow__title{font:600 17px/1.3 var(--font-ui);color:var(--ink-900);margin:4px 0 0}.kpi-drill-flow__perm{font:500 11px var(--font-ui);color:var(--ink-500);margin:6px 0 0}.kpi-drill-flow__close{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--ink-500);cursor:pointer;border-radius:50%;flex-shrink:0;font-size:18px}.kpi-drill-flow__trail{flex:1;padding:16px 18px;overflow:auto}.kpi-drill-flow__step{margin-bottom:4px}.kpi-drill-flow__level{border:1px solid var(--border);border-left:3px solid var(--brand-gold-500);border-radius:var(--r-lg);background:var(--surface-2);padding:12px 14px}.kpi-drill-flow__level--l0{border-left-color:var(--red-600)}.kpi-drill-flow__level--l1{border-left-color:var(--orange-500)}.kpi-drill-flow__level--l2{border-left-color:var(--brand-teal-600)}.kpi-drill-flow__level--l3{border-left-color:var(--brand-gold-500)}.kpi-drill-flow__level--l4{border-left-color:var(--ink-500)}.kpi-drill-flow__level-tag{font:700 10px var(--font-ui);color:var(--brand-gold-600);letter-spacing:.06em;text-transform:uppercase}.kpi-drill-flow__level-title{font:600 14px/1.35 var(--font-ui);color:var(--ink-900);margin-top:4px}.kpi-drill-flow__metrics{flex-wrap:wrap;gap:6px 10px;margin-top:6px;display:flex}.kpi-drill-flow__metric{font:600 11px/1.3 var(--font-ui);background:var(--surface-2,#0000000a);border-radius:999px;padding:3px 8px}.kpi-drill-flow__metric--value{color:var(--brand-teal-700,#005f6e);background:#006d881a}.kpi-drill-flow__metric--delta{color:var(--ink-700)}.kpi-drill-flow__metric--share{color:var(--ink-600)}.kpi-drill-flow__level-insight{font:500 12px/1.45 var(--font-ui);color:var(--ink-500);margin:6px 0 0}.kpi-drill-flow__detail-note{border-radius:var(--r);font:500 12px/1.45 var(--font-ui);color:var(--ink-700);background:#006d880f;margin-top:8px;padding:8px 10px}.kpi-drill-flow__root-cause{border-radius:var(--r);font:500 12px/1.45 var(--font-ui);color:var(--ink-700);background:#d6453f14;margin-top:8px;padding:8px 10px}.kpi-drill-flow__arrow{text-align:center;color:var(--brand-gold-500);padding:4px 0;font-size:16px}.kpi-drill-flow__choices{border-top:1px solid var(--border);flex-shrink:0;padding:0 18px 12px}.kpi-drill-flow__choices-label{font:600 10px var(--font-ui);color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em;padding:12px 0 8px}.kpi-drill-flow__choice{text-align:left;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-bottom:6px;padding:10px 12px;display:flex}.kpi-drill-flow__choice:hover{border-color:var(--brand-teal-500);background:#006d880a}.kpi-drill-flow__choice-tag{font:700 9px var(--font-ui);color:var(--brand-teal-600);text-transform:uppercase}.kpi-drill-flow__choice-title{font:600 13px var(--font-ui);color:var(--ink-900)}.kpi-drill-flow__choice-metrics{font:600 11px var(--font-ui);color:var(--brand-teal-700,#005f6e)}.kpi-drill-flow__choice-insight{font:500 11px var(--font-ui);color:var(--ink-500)}.kpi-drill-flow__locked{font:500 12px var(--font-ui);color:var(--ink-500);border-top:1px solid var(--border);padding:12px 18px}.kpi-drill-flow__foot{border-top:1px solid var(--border);flex-shrink:0;padding:12px 18px}.kpi-drill-flow__back{border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);font:600 12px var(--font-ui);color:var(--ink-700);cursor:pointer;padding:8px 12px}@media (width<=1024px){.kpi-drill-flow{justify-content:center;align-items:flex-end}.kpi-drill-flow__panel{border-left:0;border-top:1px solid var(--border);border-radius:16px 16px 0 0;width:100%;height:auto;max-height:min(92dvh,100%);animation:.24s ease-out kpi-drill-slide-up}}.kpi-time-drill{z-index:340;box-sizing:border-box;overscroll-behavior:none;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.kpi-time-drill__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b0e1485;position:absolute;inset:0}.kpi-time-drill__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:min(920px,100%);max-height:min(90dvh,880px);box-shadow:var(--shadow-pop);flex-direction:column;animation:.2s ease-out kpi-drill-fade-up;display:flex;position:relative;overflow:auto}@keyframes kpi-drill-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kpi-time-drill__head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex}.kpi-time-drill__head--sticky{z-index:3;background:var(--surface);position:sticky;top:0}.kpi-time-drill__eyebrow{font:600 10px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-teal-600)}.kpi-time-drill__title{font:700 17px/1.3 var(--font-ui);color:var(--ink-900);margin:4px 0 0}.kpi-time-drill__meta{font:500 12px var(--font-ui);color:var(--ink-500);margin:6px 0 0}.kpi-time-drill__close{border:1px solid var(--border);background:var(--surface-2);width:34px;height:34px;color:var(--ink-500);cursor:pointer;border-radius:50%;flex-shrink:0;font-size:20px}.kpi-time-drill__chart{padding:14px 20px 4px}.kpi-time-drill__chart-label{font:600 11px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);margin-bottom:8px}.kpi-time-drill__chart-canvas{min-height:200px;position:relative}.kpi-time-drill__section{padding:8px 20px 20px}.kpi-time-drill__section-title{font:600 13px var(--font-ui);color:var(--ink-900);margin:0 0 10px}.kpi-time-drill__table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.kpi-time-drill__table{border-collapse:collapse;width:100%;font:500 12.5px var(--font-ui);min-width:560px}.kpi-time-drill__table th{text-align:left;font:600 10px var(--font-ui);color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.kpi-time-drill__table td{border-bottom:1px solid var(--hairline);color:var(--ink-700);padding:9px 10px}.kpi-time-drill__table tr[data-status=danger] td{background:#d6453f0f}.kpi-time-drill__delta--pos{color:var(--green-600);font-weight:600}.kpi-time-drill__delta--neg{color:var(--red-600);font-weight:600}.kpi-time-drill__badge{border-radius:var(--r-pill);font:700 10px var(--font-ui);text-transform:uppercase;padding:2px 8px;display:inline-flex}.kpi-time-drill__badge--success{background:var(--green-100);color:var(--green-600)}.kpi-time-drill__badge--warning{background:var(--orange-100);color:var(--orange-500)}.kpi-time-drill__badge--danger{background:var(--red-100);color:var(--red-600)}.kpi-time-drill__nav{padding:12px 20px 0}.kpi-time-drill__back{border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);font:600 12px var(--font-ui);color:var(--ink-700);cursor:pointer;padding:7px 12px}[data-theme=dark] .kpi-time-drill__badge--success{background:var(--rag-green-tint);color:var(--rag-green)}[data-theme=dark] .kpi-time-drill__badge--warning{background:var(--rag-amber-tint);color:var(--rag-amber)}[data-theme=dark] .kpi-time-drill__badge--danger{background:var(--rag-red-tint);color:var(--rag-red)}[data-theme=dark] .kpi-time-drill__table tr[data-status=danger] td{background:var(--rag-red-tint)}.kpi-time-drill__panel--wide{width:min(960px,96vw)}.kpi-time-drill__filters{box-sizing:border-box;border-bottom:1px solid var(--border-subtle,#e2e8f0);background:var(--surface-2,#f2f4f7);flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:10px 14px;width:100%;padding:12px 20px;display:flex}[data-theme=dark] .kpi-time-drill__filters{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-teal-600) 14%, var(--surface-2)) 0%, var(--surface-2) 72%);border-bottom-color:var(--hairline-strong)}.kpi-time-drill__filters .kpi-tcnl-filters--modal{background:0 0;border:0;justify-content:flex-start;align-items:flex-end;gap:12px 16px;width:100%;margin:0;padding:0}.kpi-tcnl-filters--modal .kpi-tcnl-filters__field{flex:0 220px;min-width:148px;max-width:220px}.kpi-tcnl-filters--modal .kpi-tcnl-filters__field--time{flex:0 260px;max-width:280px}.kpi-tcnl-filters--modal .sf-period-dd{width:100%;max-width:280px}.kpi-tcnl-filters--modal .sf-period-dd--stacked .sf-period-dd__trigger{border:1px solid var(--hairline-strong,#d6d9df);border-radius:var(--r,8px);background:var(--surface,#fff);width:100%;max-width:280px;min-height:38px;color:var(--ink-900,#0b0e14);font:500 13px/1.3 var(--font-ui,system-ui);box-sizing:border-box;justify-content:space-between;align-items:center;padding:9px 34px 9px 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.kpi-tcnl-filters--modal .sf-period-dd--stacked .sf-period-dd__trigger:hover{border-color:var(--brand-teal-500,#1e8ab5)}.kpi-tcnl-filters--modal .sf-period-dd--stacked .sf-period-dd__trigger:focus-visible{border-color:var(--brand-teal-600,#005d7f);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-teal-500,#1e8ab5) 22%, transparent);outline:none}.kpi-tcnl-filters--modal .sf-period-dd--stacked .sf-period-dd__value{text-align:left;color:inherit;flex:1;font-weight:500}.kpi-tcnl-filters--modal .sf-period-dd--stacked .sf-period-dd__chev{color:var(--brand-teal-600,#005d7f);font-size:11px;position:absolute;right:12px}.kpi-tcnl-filters--modal .sf-period-dd--stacked{position:relative}[data-theme=dark] .kpi-tcnl-filters--modal .sf-period-dd--stacked .sf-period-dd__trigger{background:var(--surface-3);border-color:var(--hairline-strong);color:var(--ink-900)}[data-theme=dark] .kpi-tcnl-filters--modal .sf-period-dd--stacked .sf-period-dd__trigger:hover{border-color:var(--brand-teal-500);background:var(--surface)}[data-theme=dark] .kpi-tcnl-filters--modal .sf-period-dd--stacked .sf-period-dd__trigger:focus-visible{border-color:var(--brand-teal-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-teal-500) 30%, transparent)}[data-theme=dark] .kpi-tcnl-filters--modal .sf-period-dd--stacked .sf-period-dd__chev{color:var(--brand-teal-500)}.kpi-time-drill__filter{flex-direction:column;gap:4px;min-width:120px;display:flex}.kpi-time-drill__filter-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#64748b);font-size:11px;font-weight:600}.kpi-time-drill__filter-select{border:1px solid var(--border-subtle,#cbd5e1);background:var(--surface-elevated,#fff);color:var(--text-primary,#0f172a);border-radius:8px;padding:6px 10px;font-size:13px}.kpi-time-drill__view-tabs{gap:6px;margin-left:auto;display:flex}.kpi-time-drill__view-tab{border:1px solid var(--border-subtle,#cbd5e1);cursor:pointer;color:var(--text-muted,#64748b);background:0 0;border-radius:8px;padding:6px 12px;font-size:12px}.kpi-time-drill__view-tab--active{background:var(--teal-50,#f0fdfa);border-color:var(--teal-600,#0f766e);color:var(--teal-700,#0f766e);font-weight:600}.kpi-time-drill__note{color:var(--text-muted,#64748b);margin:8px 0 0;padding:0 4px;font-size:12px;line-height:1.45}.kpi-time-drill__table--breakdown td:first-child{font-weight:500}.kpi-time-drill__row-label{display:inline-block}.kpi-time-drill__row-drill{border:1px solid var(--teal-600,#0f766e);background:var(--teal-50,#f0fdfa);color:var(--teal-700,#0f766e);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.kpi-time-drill__table--drillable tbody tr:hover{background:var(--surface-2,#f8fafc)}.kpi-time-drill__note--hint{font-style:italic}.kpi-tcnl-filters{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.kpi-tcnl-filters--overview{border-radius:var(--r-lg,12px);border:1px solid var(--hairline,#e5e7ec);background:var(--surface);margin:0 0 16px;padding:12px 14px}.kpi-tcnl-filters--card{background:var(--surface-2);border-block:1px solid var(--border);border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 -14px 12px;padding:10px 14px;display:grid}.kpi-tcnl-filters--card>.kpi-tcnl-filters__dd:last-child{grid-column:1/-1}.kpi-tcnl-filters--card .sf-period-dd__trigger,.kpi-tcnl-filters--card .kpi-tcnl-filters__trigger{background:var(--surface)}[data-theme=dark] .kpi-tcnl-filters--card{background:#ffffff0a;border-block-color:#ffffff14}[data-theme=dark] .kpi-tcnl-filters--card .sf-period-dd__trigger,[data-theme=dark] .kpi-tcnl-filters--card .kpi-tcnl-filters__trigger{background:#00000038;border-color:#ffffff1f}.kpi-tcnl-filters__dd{flex:160px;min-width:0}.kpi-tcnl-filters__dd--time .sf-period-dd{width:100%}.kpi-tcnl-filters__dd .sf-period-dd__trigger,.kpi-tcnl-filters__trigger{box-sizing:border-box;cursor:pointer;align-items:center;gap:6px;width:100%;max-width:none;min-height:36px;display:inline-flex}.kpi-tcnl-filters__select-native{min-width:0;font:600 13px var(--font-ui);color:var(--ink-900);appearance:none;cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;flex:1;margin:0;padding:0;overflow:hidden}.kpi-tcnl-filters__select-native:focus{outline:none}.kpi-tcnl-filters__select-native option{color:var(--ink-900);background:var(--surface)}[data-theme=dark] .kpi-tcnl-filters--overview{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .kpi-tcnl-filters__select-native{color:#ffffffeb}[data-theme=dark] .kpi-tcnl-filters__select-native option{background:var(--surface);color:var(--ink-900)}.kpi-tcnl-filters__range{align-items:center;gap:8px;display:flex}.kpi-tcnl-filters__range .kpi-tcnl-filters__select-wrap{flex:1;min-width:0}.kpi-tcnl-filters__range-sep{color:var(--ink-500);flex-shrink:0;font-weight:600}.kpi-tcnl-filters__field{flex-direction:column;flex:148px;gap:6px;min-width:148px;max-width:220px;display:flex}.kpi-tcnl-filters__label{font:600 10px/1.2 var(--font-ui,system-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-teal-700,#003f5c)}.kpi-tcnl-filters__select-wrap{position:relative}.kpi-tcnl-filters__select-wrap:after{content:"▾";pointer-events:none;color:var(--brand-teal-600,#005d7f);font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.kpi-tcnl-filters__select{appearance:none;border:1px solid var(--hairline-strong,#d6d9df);border-radius:var(--r,8px);background:var(--surface,#fff);width:100%;color:var(--ink-900,#0b0e14);font:500 13px/1.3 var(--font-ui,system-ui);padding:9px 34px 9px 12px;transition:border-color .15s,box-shadow .15s,background .15s}.kpi-tcnl-filters__select:hover{border-color:var(--brand-teal-500,#1e8ab5)}.kpi-tcnl-filters__select:focus{border-color:var(--brand-teal-600,#005d7f);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-teal-500,#1e8ab5) 22%, transparent);outline:none}.kpi-tcnl-filters__tabs{gap:8px;margin:0 20px 12px;padding:0 2px;display:flex}.kpi-tcnl-filters__tab{border:1px solid var(--hairline-strong,#d6d9df);border-radius:var(--r-pill,9999px);background:var(--surface-2,#f2f4f7);color:var(--ink-700,#2f343e);font:600 12px/1.2 var(--font-ui,system-ui);cursor:pointer;padding:7px 14px;transition:background .15s,color .15s,border-color .15s}.kpi-tcnl-filters__tab:hover{border-color:var(--brand-teal-500,#1e8ab5);color:var(--brand-teal-700,#003f5c);background:var(--surface,#fff)}.kpi-tcnl-filters__tab--active{background:var(--brand-teal-700,#003f5c);border-color:var(--brand-teal-700,#003f5c);color:#fff}[data-theme=dark] .kpi-tcnl-filters:not(.kpi-tcnl-filters--card):not(.kpi-tcnl-filters--modal){background:linear-gradient(135deg, color-mix(in srgb, var(--brand-teal-600) 14%, var(--surface-2)) 0%, var(--surface-2) 72%);border-color:var(--hairline-strong)}[data-theme=dark] .kpi-tcnl-filters__label,[data-theme=dark] .kpi-tcnl-filters__select-wrap:after{color:var(--brand-teal-500)}[data-theme=dark] .kpi-tcnl-filters__select{background:var(--surface-3);border-color:var(--hairline-strong);color:var(--ink-900);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .kpi-tcnl-filters__select:hover{border-color:var(--brand-teal-500);background:var(--surface)}[data-theme=dark] .kpi-tcnl-filters__select:focus{border-color:var(--brand-teal-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-teal-500) 30%, transparent)}[data-theme=dark] .kpi-tcnl-filters__select option{background:var(--surface);color:var(--ink-900)}[data-theme=dark] .kpi-tcnl-filters__tab{background:var(--surface-3);border-color:var(--hairline-strong);color:var(--ink-700)}[data-theme=dark] .kpi-tcnl-filters__tab:hover{border-color:var(--brand-teal-500);color:var(--ink-900);background:var(--surface)}[data-theme=dark] .kpi-tcnl-filters__tab--active{background:var(--brand-teal-600);border-color:var(--brand-teal-500);color:#fff}[data-theme=dark] .kpi-time-drill__row-drill{background:var(--teal-900,#134e4a);border-color:var(--teal-500,#14b8a6);color:var(--teal-200,#99f6e4)}[data-theme=dark] .kpi-time-drill__filter-select{background:var(--surface-elevated);border-color:var(--border-subtle);color:var(--text-primary)}@media (width<=1024px){.kpi-time-drill{align-items:flex-end;padding:0}.kpi-time-drill__panel{border-radius:16px 16px 0 0;width:100%;max-height:min(92dvh,100%)}}.brp-widget-stack{flex-direction:column;gap:14px;margin-bottom:14px;display:flex}.brp-widget-stack>.widget-shell{min-width:0}.brp-page{--brp-navy:var(--brand-teal-700);--brp-navy-2:var(--brand-teal-600);--brp-blue:var(--brand-teal-600);--brp-green:var(--green-600);--brp-green-bg:var(--green-100);--brp-red:var(--red-600);--brp-red-bg:var(--red-100);--brp-orange:var(--orange-500);--brp-orange-bg:var(--orange-100);--brp-card-shadow:none;font-family:var(--font-ui)}.brp-leaf__filtered{color:var(--ink-500);text-align:center;background:#006d880f;border-radius:5px;margin-top:8px;padding:6px 10px;font:italic 500 11px Inter,sans-serif}.brp-kpi-strip--top{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:stretch;gap:10px;display:grid}.brp-kpi-strip--top>.widget-shell,.brp-kpi-strip--top>.sortable-item,.brp-kpi-strip--top>.kpi,.brp-kpi-strip--top .kpi-drill-host{height:100%;min-height:0}.brp-kpi-strip--top .kpi-drill-host--fill{flex-direction:column;display:flex}.brp-kpi-strip--top .kpi-drill-host>.kpi,.brp-kpi-strip--top .kpi-drill-host--fill>.kpi{flex:1;height:100%;min-height:0}.brp-kpi-strip--top>.widget-shell,.brp-kpi-strip--top>.sortable-item{flex-direction:column;display:flex}@media (width<=720px){.brp-kpi-strip--top{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.brp-page--tcnl .brp-kpi-strip--top{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.brp-page--tcnl .brp-kpi-strip--top .kpi{min-height:152px;padding:18px 16px 16px}.brp-page--tcnl .brp-kpi-strip--top .kpi__name{-webkit-line-clamp:3;min-height:2.8em;font-size:11px;line-height:1.35}.brp-page--tcnl .brp-kpi-strip--top .kpi__value{margin-top:2px;font-size:30px}@media (width<=1280px){.brp-page--tcnl .brp-kpi-strip--top{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=960px){.brp-page--tcnl .brp-kpi-strip--top{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.brp-page--tcnl .brp-kpi-strip--top{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brp-page--tcnl .brp-kpi-strip--top .kpi__value{font-size:26px}}.brp-block-section{margin-bottom:24px}.brp-page>.banner,.brp-widget-stack .banner{margin-bottom:20px}.brp-block-section .banner{margin-top:16px;margin-bottom:0}.brp-overview-banner__text{display:block}.brp-block-section__header{font:700 15px/1.3 var(--font-ui);color:var(--ink-900);letter-spacing:-.2px;border-bottom:2px solid var(--border);align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;display:flex}.brp-block-section__header:before{content:"";background:var(--brand-gold-500);border-radius:2px;flex-shrink:0;width:4px;height:18px}.brp-block-section__header--detail:before{background:var(--brand-teal-600)}.brp-block-section__chip{font:600 11px var(--font-ui);color:var(--ink-500);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);margin-left:auto;padding:2px 10px}.brp-kpi-detail-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.brp-kpi-detail-grid .kpi-v2-section-chart{height:100%}.brp-kpi-detail-grid>.widget-shell,.brp-kpi-detail-grid>.sortable-item{flex-direction:column;min-width:0;display:flex}.brp-kpi-detail-widget>.kpi-v2-section-chart{flex:1;height:100%}@media (width<=720px){.brp-kpi-detail-grid{grid-template-columns:1fr}}.brp-insights-section{border-top:1px solid var(--border);margin-top:8px;margin-bottom:0;padding-top:8px}.brp-kpi-strip--top .brp-kpi{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--ink-300);border-radius:var(--r-lg);min-height:96px;padding:16px}.brp-kpi-strip--top .kpi{border-top-style:solid;border-top-width:3px;border-top-color:var(--brand-gold-500)}.brp-kpi-strip--top .kpi--good{border-top-color:var(--green-500)}.brp-kpi-strip--top .kpi--bad{border-top-color:var(--red-500)}.brp-kpi-strip--top .kpi--unknown{border-top-color:var(--orange-500)}.brp-kpi__deltas{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.brp-kpi__chip{border-radius:var(--r-pill);font:600 10.5px var(--font-ui);letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.brp-kpi__chip--good{color:#047857;background:#10b98124}.brp-kpi__chip--bad{color:#b91c1c;background:#ef444424}.brp-kpi__chip--neutral{color:#475569;background:#64748b1a}.brp-kpi__chip-arrow{font-size:9px;line-height:1}.brp-kpi__chip-label{opacity:.75;text-transform:uppercase;letter-spacing:.04em;font-size:9.5px;font-weight:500}[data-theme=dark] .brp-kpi__chip--good{background:var(--rag-green-tint);color:var(--rag-green)}[data-theme=dark] .brp-kpi__chip--bad{background:var(--rag-red-tint);color:var(--rag-red)}.brp-subsection{margin-top:4px}.brp-section-title{font:600 16px/1.3 var(--font-ui);color:var(--ink-900);letter-spacing:-.3px;text-transform:none;border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:28px 0 14px;padding-bottom:10px;display:flex}.brp-section-title:before{content:"";background:var(--brand-teal-600);border-radius:2px;flex-shrink:0;width:3px;height:18px}.brp-footer{border-top:1px solid var(--border);color:var(--ink-500);margin-top:24px;padding-top:14px;font:500 11.5px Inter,sans-serif}.brp-footer code{background:var(--surface-2);font-family:var(--font-mono);border-radius:4px;padding:1px 6px;font-size:10.5px}[data-theme=dark] .brp-kpi-strip--top .brp-kpi{background:var(--surface)}.brp-tabs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;width:100%;min-width:0;max-width:100%;margin:0 0 12px;display:grid}.brp-tab{background:var(--surface);border:1px solid var(--border);border-radius:var(--r,10px);cursor:pointer;font:600 13px var(--font-ui);color:var(--ink-700);text-align:left;letter-spacing:.01em;align-items:center;gap:10px;padding:12px 14px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.brp-tab:hover{background:var(--surface-2);border-color:var(--border-strong)}.brp-tab__icon{background:var(--vna-sidebar-bg,#006d88);color:#fff;width:30px;height:30px;font:800 13px var(--font-mono);letter-spacing:-.5px;border-radius:7px;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:grid}.brp-tab__label{white-space:normal;word-break:break-word;flex:1;line-height:1.25}.brp-tab--active{background:var(--surface);border-color:var(--brand-teal-600);color:var(--ink-900);box-shadow:inset 0 0 0 1px var(--brand-teal-600)}.brp-tab--active .brp-tab__icon{background:var(--brand-teal-600);color:var(--navy-900,#0b1e3f)}.brp-tab--active:after{content:"";background:var(--brand-gold-500);border-radius:2px;height:2px;position:absolute;bottom:-3px;left:8px;right:8px}[data-theme=dark] .brp-tab--active{background:var(--surface-2);color:var(--ink-900);border-color:var(--hairline-strong)}.brp-leaves{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:14px;display:grid}.brp-leaves>.widget-shell{min-width:0}.brp-leaves>.widget-shell>.brp-leaf{height:100%}.brp-leaf{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.brp-leaf:hover{border-color:var(--border-strong)}.brp-leaf__head{border-bottom:1px solid var(--border);background:var(--surface);padding:12px 16px 10px}.brp-leaf__title{font:600 14px var(--font-ui);color:var(--ink-900);letter-spacing:-.2px;line-height:1.35}.brp-leaf__body{flex-direction:column;flex:1;min-height:200px;padding:12px 14px 14px;display:flex}.brp-kpi-strip{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.brp-kpi{border-left:3px solid var(--ink-300);background:var(--surface-2);border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.brp-kpi__label{font:600 10.5px var(--font-ui);color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em}.brp-kpi__value{font:600 22px var(--font-ui);color:var(--ink-900);letter-spacing:-.4px;font-variant-numeric:tabular-nums;line-height:1.1}.brp-kpi__unit{font:500 11px var(--font-ui);color:var(--ink-500);margin-left:4px}.brp-kpi__target{font:500 10.5px var(--font-ui);color:var(--ink-500)}.brp-stub{background:var(--surface-2);border:1px dashed var(--border-strong);font:500 12.5px var(--font-ui);color:var(--ink-500);border-radius:8px;align-items:center;gap:8px;min-height:80px;padding:14px;display:flex}.brp-stub__dot{background:var(--amber-500);border-radius:50%;flex-shrink:0;width:8px;height:8px}.brp-stub--err{color:var(--red-600);border-color:var(--red-500);background:var(--red-100)}.brp-raw{font:11px/1.4 var(--font-mono);background:var(--surface-2);max-height:200px;color:var(--ink-700);border-radius:6px;padding:10px;overflow:auto}.brp-tablewrap{overflow-x:auto}.brp-table{border-collapse:collapse;width:100%;font:500 12px var(--font-ui)}.brp-table th{text-align:left;background:var(--surface-2);color:var(--ink-700);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border-strong);padding:8px 10px;font-size:10.5px;font-weight:700}.brp-table td{border-bottom:1px solid var(--border);color:var(--ink-900);padding:8px 10px}.brp-table tr:hover td{background:var(--surface-2)}.brp-tablewrap__more{font:500 11px var(--font-ui);color:var(--ink-500);padding:8px 10px;font-style:italic}[data-theme=dark] .brp-tab--active{background:linear-gradient(135deg, var(--brand-teal-500), var(--brand-teal-600))}[data-theme=dark] .brp-stub{background:var(--surface-2)}[data-theme=dark] .brp-stub--err{background:#ef44441a}.bc-head{align-items:center;gap:16px;margin:4px 0 14px;padding:0 4px;display:flex}.bc-head__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);font-size:11px;font-weight:600}.bc-head__title{font:600 22px/1.25 var(--font-ui);color:var(--ink-900);letter-spacing:-.5px;margin:2px 0 0}.bc-head__chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--ink-700);margin-left:auto;padding:6px 12px;font-size:12px;font-weight:500}.bc-section{margin:14px 0 22px}.bc-section__title{font:600 14px/1.35 var(--font-ui);color:var(--ink-900);letter-spacing:-.2px;align-items:center;gap:8px;margin:6px 0 10px;display:flex}.bc-section__bullet{color:var(--brand-gold-500)}.bc-group{margin:8px 0 16px}.bc-group__head{color:var(--ink-700);border-bottom:1px solid var(--border);margin:0 0 6px;padding-bottom:4px;font-size:12px;font-weight:600}.bc-metric-pills{flex-wrap:wrap;gap:8px;margin:12px 0 6px;display:flex}.bc-metric-pill{background:var(--surface);border:1px solid var(--border);color:var(--ink-700);cursor:pointer;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.bc-metric-pill:hover{background:var(--surface-2);border-color:var(--border-strong)}.bc-metric-pill--active{background:var(--ink-900);color:var(--surface);border-color:var(--ink-900)}.bc-metric-pill__unit{opacity:.7;font-weight:400}.brp-tcnl-detail{flex-direction:column;gap:14px;display:flex}.brp-tcnl-filter-nav{margin:0 0 4px}.brp-page--tcnl .brp-block-section--overview+.brp-block-section .brp-tcnl-filter-nav{margin-top:0}.brp-tcnl-detail .kpi-v2-section--embedded{margin:0;padding:0}.kpi-v2{min-width:0;max-width:100%;display:block}.kpi-v2-section-chart__head:has(+.kpi-tcnl-filters--card){margin-bottom:10px}.kpi-v2-section-chart__head+.kpi-tcnl-filters--card{margin-top:0}.kpi-tcnl-overview-grain{flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0 2px;display:flex}.kpi-v2-tcnl-filter-sticky{z-index:40;margin:-20px calc(-1 * var(--main-pad-x,28px)) 16px;padding:10px var(--main-pad-x,28px) 12px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 0 color-mix(in srgb, var(--ink-900) 4%, transparent);position:sticky;top:0;overflow:visible}.kpi-v2-tcnl-filter-strip{flex-wrap:wrap;align-items:center;gap:10px;min-height:40px;display:flex}.kpi-overview-filter-ant{min-width:108px}.kpi-overview-filter-ant--range{flex:260px;min-width:260px;max-width:340px}.kpi-overview-filter-popup{z-index:510!important}.kpi-overview-filter-ant input:focus,.kpi-overview-filter-ant input:focus-visible{box-shadow:none!important;outline:none!important}.kpi-overview-filter-ant.ant-select .ant-select-selection-search-input{caret-color:#0000}.kpi-overview-filter-ant.ant-select-focused .ant-select-selector,.kpi-overview-filter-ant.ant-select-focused,.kpi-overview-filter-ant.ant-picker-focused{box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-teal-600) 22%, transparent)}[data-theme=dark] .kpi-overview-filter-ant.ant-select{--ant-select-background-color:var(--surface-2);--ant-select-border-color:var(--hairline-strong);--ant-select-color:var(--ink-900);--ant-select-affix-color:var(--ink-500);background:var(--surface-2);border-color:var(--hairline-strong);color:var(--ink-900)}[data-theme=dark] .kpi-overview-filter-ant.ant-select .ant-select-suffix,[data-theme=dark] .kpi-overview-filter-ant.ant-select .ant-select-arrow{color:var(--ink-500)}[data-theme=dark] .kpi-overview-filter-ant.ant-select .ant-select-content-value,[data-theme=dark] .kpi-overview-filter-ant.ant-select .ant-select-selection-item{color:var(--ink-900)}[data-theme=dark] .kpi-overview-filter-ant.ant-select .ant-select-selector,[data-theme=dark] .kpi-overview-filter-ant.ant-picker{color:var(--ink-900);background:var(--surface-2)!important;border-color:var(--hairline-strong)!important}[data-theme=dark] .kpi-overview-filter-ant .ant-select-selection-item,[data-theme=dark] .kpi-overview-filter-ant .ant-picker-input>input{color:var(--ink-900)}[data-theme=dark] .kpi-overview-filter-ant .ant-picker-input>input::placeholder,[data-theme=dark] .kpi-overview-filter-ant .ant-picker-separator,[data-theme=dark] .kpi-overview-filter-ant .ant-picker-suffix{color:var(--ink-500)}.kpi-overview-filter-dd{flex:none;position:relative}.kpi-overview-filter-dd__trigger{border:1px solid var(--border-strong);border-radius:var(--r,6px);background:var(--surface);cursor:pointer;box-sizing:border-box;align-items:center;gap:8px;min-width:88px;padding:8px 12px;display:inline-flex;position:relative}.kpi-overview-filter-dd__trigger:hover{border-color:color-mix(in srgb, var(--brand-teal-600) 40%, var(--border-strong));background:var(--surface-2)}.kpi-overview-filter-dd__value{font:600 13px/1.2 var(--font-ui);color:var(--ink-900);white-space:nowrap;pointer-events:none}.kpi-overview-filter-dd__select{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.kpi-overview-filter-dd__chev{color:var(--ink-500);pointer-events:none;flex-shrink:0;font-size:11px}.kpi-overview-filter-dd--custom{align-items:center;gap:8px;min-width:0;display:inline-flex}.kpi-overview-filter-dd__icon{color:var(--ink-500);flex-shrink:0}.kpi-overview-filter-dd__time{flex:0 auto;min-width:0}.kpi-overview-filter-dd__time .sf-period-dd__trigger{border-color:var(--border-strong);background:var(--surface);justify-content:space-between;min-width:100px;max-width:min(220px,34vw);padding:8px 12px}.kpi-overview-filter-dd__time .sf-period-dd__trigger:hover{border-color:color-mix(in srgb, var(--brand-teal-600) 40%, var(--border-strong));background:var(--surface-2)}.kpi-overview-filter-dd__time .sf-period-dd__value{font:600 13px var(--font-ui);color:var(--ink-900)}.kpi-overview-filter-dd__time .sf-period-dd__chev{color:var(--ink-500)}.kpi-overview-filter-dd__time .sf-period-dd__menu--fixed{min-width:320px!important}[data-theme=dark] .kpi-overview-filter-dd__trigger,[data-theme=dark] .kpi-overview-filter-dd__time .sf-period-dd__trigger{background:var(--surface-2);border-color:var(--hairline-strong)}[data-theme=dark] .kpi-overview-filter-dd__value,[data-theme=dark] .kpi-overview-filter-dd__time .sf-period-dd__value{color:var(--ink-900)}[data-theme=dark] .kpi-overview-filter-dd__icon,[data-theme=dark] .kpi-overview-filter-dd__chev,[data-theme=dark] .kpi-overview-filter-dd__time .sf-period-dd__chev{color:var(--ink-500)}.kpi-v2-tcnl-filter-strip .kpi-tcnl-overview-grain--segment{flex:none;margin:0}.kpi-tcnl-overview-grain--segment{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);gap:0;padding:3px;display:inline-flex}.kpi-tcnl-filters__tab--segment{border-radius:calc(var(--r) - 2px);min-width:76px;color:var(--ink-700);font:600 13px/1.2 var(--font-ui);cursor:pointer;text-align:center;background:0 0;border:none;padding:8px 22px;transition:background .15s,color .15s}.kpi-tcnl-filters__tab--segment:hover:not(.kpi-tcnl-filters__tab--active){color:var(--ink-900);background:color-mix(in srgb, var(--brand-teal-600) 8%, var(--surface))}.kpi-tcnl-filters__tab--segment.kpi-tcnl-filters__tab--active{background:var(--brand-teal-600);color:#fff;box-shadow:inset 0 1px #ffffff1f}[data-theme=dark] .kpi-tcnl-overview-grain--segment{background:var(--surface-2);border-color:var(--hairline-strong)}[data-theme=dark] .kpi-tcnl-filters__tab--segment{color:var(--ink-700)}[data-theme=dark] .kpi-tcnl-filters__tab--segment:hover:not(.kpi-tcnl-filters__tab--active){color:var(--ink-900);background:color-mix(in srgb, var(--brand-teal-500) 14%, var(--surface-3))}[data-theme=dark] .kpi-tcnl-filters__tab--segment.kpi-tcnl-filters__tab--active{background:var(--brand-teal-600);color:#fff;box-shadow:inset 0 1px 0 #ffffff24, 0 0 0 1px color-mix(in srgb, var(--brand-teal-500) 35%, transparent)}.kpi-v2-tcnl-filter-strip__time{flex:0 auto;align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.kpi-v2-tcnl-filter-strip__time-icon{color:var(--ink-500);flex-shrink:0}.kpi-v2-tcnl-filter-strip__time-label{font:500 13px/1.3 var(--font-ui);color:var(--ink-700);white-space:nowrap}.kpi-v2-tcnl-filter-strip__time .sf-period-dd{flex:0 auto;min-width:120px;max-width:min(200px,34vw)}.kpi-v2-tcnl-filter-strip__time .sf-period-dd__trigger{box-sizing:border-box;background:var(--surface);border-color:var(--border-strong);width:100%;min-width:120px;max-width:none;color:var(--ink-900);justify-content:space-between;padding:8px 12px;font-size:13px}.kpi-v2-tcnl-filter-strip__time .sf-period-dd__trigger:hover{border-color:color-mix(in srgb, var(--brand-teal-600) 45%, var(--border-strong));background:var(--surface-2)}.kpi-v2-tcnl-filter-strip__time .sf-period-dd__value{font:600 13px var(--font-ui);color:var(--ink-900)}.kpi-v2-tcnl-filter-strip__time .sf-period-dd__chev{color:var(--ink-500)}.kpi-v2-tcnl-filter-strip__time .sf-period-dd__menu--fixed{min-width:340px!important}.kpi-v2-tcnl-filter-strip__time .sf-period-dd__custom-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kpi-v2-tcnl-filter-strip__time .sf-period-dd__custom-field{min-width:0}.kpi-v2-tcnl-filter-strip__time .sf-period-dd__custom-field input[type=date]{box-sizing:border-box;width:100%;min-width:0}.kpi-v2-tcnl-filter-strip__time .sf-period-dd__apply{grid-column:1/-1;width:100%}[data-theme=dark] .kpi-v2-tcnl-filter-sticky{background:var(--bg);border-bottom-color:var(--hairline-strong);box-shadow:0 4px 16px #00000047}[data-theme=dark] .kpi-v2-tcnl-filter-strip__time-icon{color:var(--ink-500)}[data-theme=dark] .kpi-v2-tcnl-filter-strip__time-label{color:var(--ink-700)}[data-theme=dark] .kpi-v2-tcnl-filter-strip__time .sf-period-dd__trigger{background:var(--surface-2);border-color:var(--hairline-strong);color:var(--ink-900)}[data-theme=dark] .kpi-v2-tcnl-filter-strip__time .sf-period-dd__value{color:var(--ink-900)}[data-theme=dark] .kpi-v2-tcnl-filter-strip__time .sf-period-dd__trigger:hover{border-color:color-mix(in srgb, var(--brand-teal-500) 55%, var(--hairline-strong));background:var(--surface-3)}[data-theme=dark] .kpi-v2-tcnl-filter-strip__time .sf-period-dd__chev{color:var(--ink-500)}@media (width<=1024px){.sf-builder:not(.sf-builder--mobile),.kpi-v2-tcnl-filter-sticky{top:var(--header-h)}.kpi-v2-tcnl-filter-sticky{margin-top:-12px;padding-top:8px}.kpi-v2-tcnl-filter-strip{gap:12px}.kpi-v2-tcnl-filter-strip__time{justify-content:flex-end;width:100%;margin-left:0}}.kpi-v2-tcnl-hero{margin:0 0 18px;padding:0}.kpi-tcnl-overview-grain--hero{gap:12px;margin:0 0 16px;padding:0}.kpi-tcnl-filters__tab--hero{text-align:center;min-width:108px;padding:12px 32px;font-size:15px;font-weight:700}.kpi-v2-tcnl-summary{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;gap:16px;margin:0 0 18px;display:grid}.kpi-v2-tcnl-total-card{border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;background:0 0;padding:20px 22px 18px;transition:opacity .18s}.kpi-v2-tcnl-total-card--muted{opacity:.72}.kpi-v2-tcnl-total-card__label{font:600 13px/1.35 var(--font-ui);color:var(--ink-500);letter-spacing:-.01em;margin-bottom:8px}.kpi-v2-tcnl-total-card__value{font:600 34px/1.1 var(--font-ui);color:var(--ink-900);letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin-bottom:18px}.kpi-v2-tcnl-total-card__unit{color:var(--ink-500);font-size:14px;font-weight:500}.kpi-v2-tcnl-mix-bar{background:color-mix(in srgb, var(--ink-500) 18%, transparent);border-radius:999px;width:100%;height:10px;margin-bottom:14px;display:flex;overflow:hidden}.kpi-v2-tcnl-mix-bar__seg{min-width:0;height:100%;transition:width .25s;display:block}.kpi-v2-tcnl-mix-bar__seg--success{background:#10b981}.kpi-v2-tcnl-mix-bar__seg--danger{background:var(--red-500,#ef4444)}.kpi-v2-tcnl-mix-legend{justify-content:space-between;align-items:flex-end;gap:24px;margin-top:2px;display:flex}.kpi-v2-tcnl-mix-legend__col{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;transition:opacity .18s;display:flex}.kpi-v2-tcnl-mix-legend__col--success{text-align:left;align-items:flex-start}.kpi-v2-tcnl-mix-legend__col--danger{text-align:right;align-items:flex-end}.kpi-v2-tcnl-mix-legend__col--muted{opacity:.45}.kpi-v2-tcnl-mix-legend__head{align-items:center;gap:8px;display:inline-flex}.kpi-v2-tcnl-mix-legend__value{align-items:baseline;gap:8px;display:inline-flex}.kpi-v2-tcnl-mix-legend__dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.kpi-v2-tcnl-mix-legend__dot--success{background:#10b981}.kpi-v2-tcnl-mix-legend__dot--danger{background:var(--red-500,#ef4444)}.kpi-v2-tcnl-mix-legend__label{font:500 14px/1.2 var(--font-ui);color:var(--ink-500)}.kpi-v2-tcnl-mix-legend__col--success strong{font:700 32px/1 var(--font-ui);color:#10b981;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.kpi-v2-tcnl-mix-legend__col--danger strong{font:700 32px/1 var(--font-ui);color:var(--red-500,#ef4444);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.kpi-v2-tcnl-mix-legend__pct{font:500 14px/1 var(--font-ui);color:var(--ink-500);font-variant-numeric:tabular-nums}.kpi-v2-tcnl-status-card{border:1px solid var(--border);border-radius:var(--r-lg);background:0 0;flex-direction:column;min-height:0;padding:18px 20px 12px;display:flex}.kpi-v2-tcnl-status-card__label{font:600 13px/1.35 var(--font-ui);color:var(--ink-500);letter-spacing:-.01em;margin-bottom:6px}.kpi-v2-tcnl-donut{flex:1;width:100%;max-width:220px;height:156px;min-height:156px;margin:0 auto;position:relative}.kpi-v2-tcnl-donut .chart-wrap{width:100%;min-width:156px;height:100%;position:absolute;inset:0}.kpi-v2-tcnl-donut__center{z-index:1;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kpi-v2-tcnl-donut__pct{align-items:flex-start;gap:1px;line-height:1;display:inline-flex}.kpi-v2-tcnl-donut__pct-num{font:800 36px/.95 var(--font-ui);color:#10b981;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.kpi-v2-tcnl-donut__pct-sym{font:700 15px/1 var(--font-ui);color:#10b981;opacity:.92;margin-top:5px}.kpi-v2-tcnl-donut__pct-label{font:600 11px/1 var(--font-ui);color:var(--ink-500);letter-spacing:.06em;text-transform:uppercase;margin-top:6px}@media (width<=900px){.kpi-v2-tcnl-summary{grid-template-columns:1fr}}@media (width<=560px){.kpi-tcnl-filters__tab--hero{flex:1;min-width:0;padding:11px 16px;font-size:14px}.kpi-tcnl-overview-grain--hero{width:100%}}.kpi-v2-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;display:grid}.kpi-v2-widget{min-width:0;height:100%}.kpi-v2-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 22px;position:relative;overflow:hidden}.kpi-v2-stat:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.kpi-v2-stat--total:before{background:var(--brand-teal-600)}.kpi-v2-stat--success:before{background:var(--green-500)}.kpi-v2-stat--warning:before{background:var(--orange-500)}.kpi-v2-stat--danger:before{background:var(--red-500)}.kpi-v2-stat--pending:before{background:var(--ink-400)}.kpi-v2-stat-label{font:600 11px/1.3 var(--font-ui);color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.kpi-v2-stat-value{font:600 30px/1.1 var(--font-ui);color:var(--ink-900);letter-spacing:-.8px;font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;display:flex}.kpi-v2-stat-unit{color:var(--ink-500);font-size:13px;font-weight:500;font-family:var(--font-ui)}.kpi-v2-stat--success .kpi-v2-stat-value{color:var(--green-600)}.kpi-v2-stat--warning .kpi-v2-stat-value{color:var(--orange-500)}.kpi-v2-stat--danger .kpi-v2-stat-value{color:var(--red-600)}.kpi-v2-stat--pending .kpi-v2-stat-value{color:var(--ink-500)}.kpi-v2-stat-desc{color:var(--ink-500);min-height:2.8em;margin-top:6px;font-size:11.5px;line-height:1.4}.kpi-v2-stat{transition:opacity .18s,filter .18s,transform .12s,box-shadow .18s}.kpi-v2-stat--active{outline:2px solid var(--brand-teal-600);outline-offset:2px;transform:translateY(-1px);box-shadow:0 6px 18px -6px #005d7f40}.kpi-v2-stat--muted{opacity:.42;filter:grayscale(70%)}.kpi-v2-stat--muted:hover{opacity:.72}.kpi-v2-charts{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.kpi-v2-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;overflow:visible}.kpi-v2-chart-head{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.kpi-v2-chart-title{font:600 14px/1.3 var(--font-ui);color:var(--ink-900);letter-spacing:-.2px}.kpi-v2-chart-sub{color:var(--ink-500);margin-top:4px;font-size:12px;line-height:1.45}.kpi-v2-chart-tag{font:600 10.5px var(--font-ui);background:var(--surface-2);color:var(--ink-500);border:1px solid var(--hairline);border-radius:var(--r-pill);letter-spacing:.06em;text-transform:uppercase;padding:3px 10px}.kpi-v2-pills{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:6px;display:flex}.kpi-v2-pill{border-radius:var(--r);cursor:pointer;font:500 13px var(--font-ui);letter-spacing:-.1px;color:var(--ink-500);background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;transition:background .12s,color .12s;display:flex}.kpi-v2-pill:hover:not(.kpi-v2-pill--active){background:var(--surface-2);color:var(--ink-900)}.kpi-v2-pill--active{background:var(--ink-900);color:var(--surface);border:1px solid var(--ink-900);box-shadow:none;font-weight:600}.kpi-v2-pill--active:hover{background:var(--ink-900);color:var(--surface)}.kpi-v2-pill--active:focus-visible{background:var(--ink-900);color:var(--surface);box-shadow:var(--ring)}.kpi-v2-pill-icon{font-size:14px}.kpi-v2-pill-count{background:var(--surface-2);color:var(--ink-500);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.kpi-v2-pill--active .kpi-v2-pill-count{color:#fff;background:#ffffff2e}.kpi-v2-pills--tcnl-bottom{flex-wrap:wrap;margin-top:18px;margin-bottom:0}.kpi-v2-pills--tcnl-bottom .kpi-v2-pill{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.kpi-v2-search--tcnl-bottom{flex:100%;margin-top:4px}.kpi-v2-search{align-items:center;min-width:220px;margin-left:auto;display:flex;position:relative}.kpi-v2-search-icon{width:22px;height:22px;color:var(--ink-500);pointer-events:none;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.kpi-v2-search-input{background:var(--surface-2);border:1px solid var(--border);width:100%;font:500 13px var(--font-ui);color:var(--ink-700);border-radius:8px;outline:none;padding:9px 32px 9px 38px;transition:border-color .15s,box-shadow .15s,background .15s}.kpi-v2-search-input::placeholder{color:var(--ink-500)}.kpi-v2-search-input:focus{border-color:var(--brand-teal-600);background:var(--surface);box-shadow:0 0 0 3px #005d7f1f}.kpi-v2-search-input::-webkit-search-cancel-button{display:none}.kpi-v2-search-clear{width:20px;height:20px;color:var(--ink-500);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;font-size:16px;line-height:1;display:grid;position:absolute;right:6px}.kpi-v2-search-clear:hover{background:var(--surface-2);color:var(--ink-900)}.kpi-v2-section{min-width:0;margin-bottom:20px}.kpi-v2-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 14px;margin:16px 0 10px;display:flex}.kpi-v2-section-title{flex:240px;align-items:flex-start;gap:10px;min-width:0;display:flex}.kpi-v2-section-icon{border-radius:var(--r);color:#fff;width:32px;height:32px;font-size:14px;font-family:var(--font-ui);flex-shrink:0;place-items:center;margin-top:1px;font-weight:600;display:grid}.kpi-v2-section-name{font:600 15px/1.3 var(--font-ui);color:var(--ink-900);letter-spacing:-.2px}.kpi-v2-section-sub{color:var(--ink-500);margin-top:2px;font-size:11.5px;line-height:1.35}.kpi-v2-section-meta{flex-shrink:0;align-items:center;gap:8px;padding-top:2px;display:flex}.meta-pill{border-radius:var(--r-pill);font:600 11px/1 var(--font-ui);letter-spacing:.04em;font-variant-numeric:tabular-nums;padding:4px 10px}.meta-pill--green{background:var(--green-100);color:var(--green-600)}.meta-pill--amber{background:var(--orange-100);color:var(--orange-500)}.meta-pill--red{background:var(--red-100);color:var(--red-600)}.meta-pill--neutral{background:var(--surface-2);color:var(--ink-500);border:1px solid var(--border)}.kpi-v2-section-charts{margin:0 0 12px}.kpi-v2-section-charts__title{font:600 11px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);margin:0 0 8px 2px}.kpi-v2-section-charts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;overflow:visible}.kpi-v2-section-charts__grid--single{grid-template-columns:minmax(0,1fr);max-width:50%}.kpi-v2-section-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;box-shadow:var(--shadow-1);padding:12px 14px 10px;position:relative;overflow:visible}:is(.kpi-v2-section-charts__grid>.sortable-item:has(.sf-period-dd__trigger[aria-expanded=true]),.kpi-v2-section-charts__grid>.widget-shell:has(.sf-period-dd__trigger[aria-expanded=true])){z-index:40}.kpi-v2-section-chart--success{border-top:3px solid var(--green-500,#22c55e)}.kpi-v2-section-chart--warning{border-top:3px solid var(--orange-500,#f59e0b)}.kpi-v2-section-chart--danger{border-top:3px solid var(--red-500,#ef4444)}.kpi-v2-section-chart__head{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.kpi-v2-section-chart__stt{font:700 11px var(--font-mono);color:var(--brand-teal-600,#006d88);background:var(--brand-teal-100,#e6f2f7);border-radius:6px;flex-shrink:0;padding:3px 7px}.kpi-v2-section-chart__titles{min-width:0}.kpi-v2-section-chart__name{font:600 13px/1.35 var(--font-ui);color:var(--ink-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.kpi-v2-section-chart__meta{color:var(--ink-500);margin:4px 0 0;font-size:11px;line-height:1.4}.kpi-v2-section-chart__meta b{color:var(--ink-900);font-variant-numeric:tabular-nums}.kpi-v2-section-chart__canvas{min-height:168px}.kpi-v2-section-chart-widget{min-width:0;height:auto}.kpi-v2-section-charts__grid>.widget-shell{min-width:0}.kpi-v2-section-chart-widget>.kpi-v2-section-chart{height:100%}.kpi-v2-section-chart.kpi-drill-host .kpi-v2-section-chart__canvas{cursor:context-menu}.kpi-v2-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto visible}.kpi-v2-table{border-collapse:collapse;width:100%;min-width:920px;font-size:13px}.kpi-v2-table thead th{background:var(--surface-2);text-align:left;font:600 11px var(--font-ui);color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px}.kpi-v2-table thead th.kpi-v2-th--natural{text-transform:none;letter-spacing:-.01em;color:var(--ink-700);font-size:13px;font-weight:600}.kpi-v2-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .15s}.kpi-v2-table tbody tr:hover{background:var(--surface-2)}.kpi-v2-table tbody tr:last-child{border-bottom:none}.kpi-v2-table td{vertical-align:middle;color:var(--ink-900);padding:12px 14px;line-height:1.45}.kpi-v2-stt{color:var(--ink-400);text-align:center;width:40px;font-weight:700;font-family:var(--font-mono);font-size:12px}.kpi-v2-name{min-width:240px;max-width:440px}.kpi-v2-name-vn{font:600 13px/1.4 var(--font-ui);letter-spacing:-.1px;color:var(--ink-900)}.kpi-v2-name-en{color:var(--ink-500);margin-top:3px;font-size:11px;font-style:italic;line-height:1.35}.kpi-v2-unit{color:var(--ink-700);white-space:nowrap;font-size:12px;font-weight:500}.kpi-v2-freq{border-radius:var(--r-xs);font:600 11px var(--font-mono);background:var(--surface-2);color:var(--ink-500);border:1px solid var(--hairline);white-space:nowrap;letter-spacing:.02em;padding:2px 8px;display:inline-block}.kpi-v2-owner{font:600 12px var(--font-ui);color:var(--ink-700);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-sm);white-space:nowrap;padding:4px 10px;display:inline-block}.kpi-v2-plan{font-family:var(--font-ui);color:var(--ink-700);font-variant-numeric:tabular-nums;white-space:pre-line;font-size:13px;font-weight:500;line-height:1.5}.kpi-v2-actual{font-family:var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.1px;font-size:14px;font-weight:600}.kpi-v2-actual--success{color:var(--green-600)}.kpi-v2-actual--warning{color:var(--orange-500)}.kpi-v2-actual--danger{color:var(--red-600)}.kpi-v2-actual--pending{color:var(--ink-500);font-style:italic;font-weight:500}.kpi-v2-prog{min-width:140px}.kpi-v2-prog-cell--drillable{cursor:pointer}.kpi-v2-prog-cell--drillable:hover .kpi-v2-prog-bar{outline:2px solid color-mix(in srgb, var(--brand-teal-600) 35%, transparent);outline-offset:1px;border-radius:4px}.kpi-v2-prog-cell--drillable:focus-visible{outline:2px solid var(--brand-teal-500);outline-offset:2px;border-radius:var(--r-sm)}.kpi-v2-prog-info{color:var(--ink-500);font-size:11px;font-weight:600;font-family:var(--font-mono);justify-content:space-between;margin-bottom:4px;display:flex}.kpi-v2-prog-bar{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.kpi-v2-prog-fill{border-radius:3px;height:100%;transition:width .4s}.kpi-v2-prog-fill--success{background:var(--green-500)}.kpi-v2-prog-fill--warning{background:var(--orange-500)}.kpi-v2-prog-fill--danger{background:var(--red-500)}.kpi-v2-prog-fill--pending{background:var(--ink-400)}.kpi-v2-status{border-radius:var(--r-pill);font:600 11px/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.kpi-v2-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.kpi-v2-status--success{background:var(--green-100);color:var(--green-600)}.kpi-v2-status--warning{background:var(--orange-100);color:#a05a07}.kpi-v2-status--danger{background:var(--red-100);color:var(--red-600)}.kpi-v2-status--pending{background:var(--surface-2);color:var(--ink-500)}@media (width<=1024px){.kpi-v2{width:100%;min-width:0;max-width:100%;overflow-x:visible}.kpi-v2-stats{gap:8px;width:100%;max-width:100%;margin-bottom:10px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.kpi-v2-charts{gap:10px;width:100%;max-width:100%;margin-bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.kpi-v2-stats>*,.kpi-v2-charts>*{width:100%;min-width:0;max-width:100%}.kpi-v2-widget,.kpi-v2-widget>.kpi-v2-stat,.kpi-v2-widget>.kpi-v2-chart-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.kpi-v2-stat{overflow-wrap:anywhere;padding:10px 8px;height:auto!important}.kpi-v2-widget>.kpi-v2-stat{height:auto!important}.kpi-v2-stat-label{letter-spacing:.05em;overflow-wrap:anywhere;margin-bottom:6px;font-size:9px;line-height:1.25}.kpi-v2-stat-value{flex-wrap:wrap;gap:4px;font-size:20px}.kpi-v2-stat-unit{font-size:10px}.kpi-v2-stat-desc{display:none}.kpi-v2-stats>.widget-shell:only-child{grid-column:1/-1}.kpi-v2-chart-card{min-width:0;padding:12px 14px;overflow:visible}.kpi-v2-chart-head{gap:8px;min-width:0}.kpi-v2-chart-title{white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.35}.kpi-v2-chart-sub{white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.4}.kpi-v2-chart-tag{flex-shrink:0}.kpi-v2 .chart-wrap{width:100%;min-width:0;max-width:100%;overflow:visible}.kpi-v2-pills{flex-flow:wrap;align-content:flex-start;align-items:center;gap:6px;padding:8px;overflow:visible}.kpi-v2-pill{white-space:nowrap;box-sizing:border-box;border:1px solid #0000;flex:0 auto;max-width:100%;min-height:36px;padding:8px 12px;font-size:12px}.kpi-v2-pill--active{background:var(--ink-900);color:var(--surface);border-color:var(--ink-900)}[data-theme=dark] .kpi-v2-pill--active{background:var(--vna-gold);color:#0a1628;border-color:var(--vna-gold)}.kpi-v2-pill--active:focus-visible{background:var(--ink-900);color:var(--surface)}[data-theme=dark] .kpi-v2-pill--active:focus-visible{background:var(--brand-gold-400);color:#0a1628}.kpi-v2-pill-count{padding:2px 6px;font-size:10px}.kpi-v2-search{box-sizing:border-box;flex:100%;width:100%;min-width:0;max-width:100%;margin-top:2px;margin-left:0}}.kpi-v2-mobile-stt{display:none}@media (width<=1024px) and (width>=768px){.kpi-v2-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;margin-inline:calc(-1 * var(--main-pad-x,16px));padding-inline:var(--main-pad-x,16px);scroll-snap-type:x proximity;overflow-x:auto}.kpi-v2-table{width:max-content;min-width:920px}}@media (width<=767px){.kpi-v2-stats{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.kpi-v2-charts{grid-template-columns:1fr!important}.kpi-v2-section-charts__grid{grid-template-columns:1fr}.kpi-v2-section-charts__grid--single{max-width:100%}.kpi-v2-stat{padding:8px 6px}.kpi-v2-stat-label{margin-bottom:4px;font-size:8.5px}.kpi-v2-stat-value{font-size:17px}.kpi-v2-stat-unit{font-size:9px}.kpi-v2-pills{gap:5px;margin-bottom:10px;padding:6px}.kpi-v2-pill{gap:6px;min-height:34px;padding:7px 10px;font-size:11.5px}.kpi-v2-search{margin-top:4px}.kpi-v2-section{width:100%;min-width:0;max-width:100%;margin-bottom:10px}.kpi-v2-section-head{flex-flow:row;justify-content:flex-start;align-items:center;gap:8px;margin:4px 0 6px}.kpi-v2-section-title{flex:auto;align-items:center;gap:8px;min-width:0}.kpi-v2-section-icon{width:26px;height:26px;margin-top:0;font-size:11px}.kpi-v2-section-name{font-size:13px;line-height:1.25}.kpi-v2-section-sub{display:none}.kpi-v2-section-meta{flex-shrink:0;margin-left:auto;padding-top:0}.meta-pill{padding:3px 8px;font-size:10px}.kpi-v2-table-wrap{background:0 0;border:0;width:100%;max-width:100%;overflow-x:visible}.kpi-v2-table{border-collapse:separate;border-spacing:0 6px;display:block;width:100%!important;min-width:0!important}.kpi-v2-table thead{display:none}.kpi-v2-table tbody{width:100%;display:block}.kpi-v2-table tbody tr{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"name name name name name name""unit unit plan plan actual actual""prog prog prog prog prog prog""status status status owner owner owner""detail detail detail detail detail detail";width:100%;max-width:100%;padding:0;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000000a}.kpi-v2-table tbody tr:hover{background:var(--surface)}.kpi-v2-table td{box-sizing:border-box;border:0;border-bottom:1px solid var(--border);text-align:left;flex-direction:column;align-items:stretch;gap:2px;min-width:0;padding:6px 8px;display:flex}.kpi-v2-table td:before{content:attr(data-label);font:600 9px/1.2 var(--font-ui);color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em;opacity:1}.kpi-v2-table td.kpi-v2-stt{display:none}.kpi-v2-table td.kpi-v2-name{background:var(--surface-2);border-bottom:1px solid var(--border);flex-direction:column;grid-area:name;gap:2px;padding:8px 10px}.kpi-v2-table td.kpi-v2-name:before{display:none}.kpi-v2-mobile-head{align-items:center;gap:8px;min-width:0;display:flex}.kpi-v2-mobile-stt{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);font:700 10px var(--font-mono);color:var(--ink-500);flex-shrink:0;padding:1px 6px;display:inline-flex}.kpi-v2-name{text-align:left;max-width:100%;min-width:0!important}.kpi-v2-name-vn{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.3}.kpi-v2-name-en{display:none}.kpi-v2-table td.kpi-v2-unit{border-right:1px solid var(--border);grid-area:unit}.kpi-v2-table td.kpi-v2-plan{border-right:1px solid var(--border);grid-area:plan}.kpi-v2-table td.kpi-v2-actual{grid-area:actual}.kpi-v2-unit,.kpi-v2-plan,.kpi-v2-actual{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.kpi-v2-table td.kpi-v2-prog-cell{grid-area:prog;padding:6px 10px}.kpi-v2-prog{width:100%;min-width:0!important}.kpi-v2-prog-info{gap:4px;margin-bottom:3px;font-size:10px}.kpi-v2-prog-bar{height:4px}.kpi-v2-table td.kpi-v2-status-cell{border-right:1px solid var(--border);flex-direction:column;grid-area:status;align-items:flex-start;gap:3px;min-width:0;overflow:hidden}.kpi-v2-table td.kpi-v2-owner-cell{flex-direction:column;grid-area:owner;align-items:flex-start;gap:3px;min-width:0;overflow:hidden}.kpi-v2-table td.kpi-v2-status-cell:before,.kpi-v2-table td.kpi-v2-owner-cell:before{color:var(--ink-500);font:600 9px/1.2 var(--font-ui);letter-spacing:.05em;text-transform:uppercase}.kpi-v2-status{align-self:flex-start;gap:4px;max-width:100%;padding:2px 6px;font-size:9px}.kpi-v2-status:before{flex-shrink:0;width:5px;height:5px}.kpi-v2-owner{white-space:nowrap;text-overflow:ellipsis;align-self:flex-start;max-width:100%;padding:2px 6px;font-size:10px;overflow:hidden}.kpi-v2-table td.kpi-v2-detail-cell{border-bottom:0;grid-area:detail;padding:6px 8px 8px}.kpi-v2-table td.kpi-v2-detail-cell:before{display:none}.kpi-v2-detail-btn{box-sizing:border-box;justify-content:center;width:100%;min-height:36px;padding:6px 10px;font-size:12px}}