.card{background:var(--surface);border:1px solid var(--border);border-radius:10px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.kpi-card{transition:transform .12s,box-shadow .12s}.g2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.pg-title{letter-spacing:-.03em;align-items:center;gap:9px;font-size:19px;font-weight:500;display:flex}.pg-sub{color:var(--g600);font-size:12px}.org-chip{background:var(--info-bg);color:var(--info-text);border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.b-info{background:var(--info-bg);color:var(--info-text)}.b-warn{background:var(--warn-bg);color:var(--warn-text)}.b-success{background:var(--success-bg);color:var(--success-text)}.b-danger{background:var(--danger-bg);color:var(--danger-text)}.b-neutral{background:var(--sec-bg);color:var(--accent-text)}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;color:var(--g600);background:var(--p50);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.tbl td{color:var(--g900);border-bottom:1px solid var(--border);padding:11px 16px;font-size:13px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--hover)}.mono{font-variant-numeric:tabular-nums;font-family:Roboto Mono,Courier New,monospace;font-size:12px}.see-all{color:var(--accent-text);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;font-weight:600;text-decoration:none}.see-all:hover{text-decoration:underline}.cta{background:var(--p500);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;height:31px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}.cta:hover{background:var(--p600)}.cta-lg{border-radius:9px;height:38px;padding:0 16px;font-size:13px}.chart-wrap{align-items:flex-end;gap:0;height:150px;padding:0 6px;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.chart-val{color:var(--g600);font-size:10.5px;font-weight:700}.chart-bar{background:var(--p200);border-radius:6px 6px 2px 2px;width:min(46px,68%);transition:background .12s}.chart-col:hover .chart-bar{background:var(--p300)}.chart-col.cur .chart-bar{background:var(--p500)}.chart-col.cur:hover .chart-bar{background:var(--p600)}.chart-col.cur .chart-val{color:var(--accent-text)}.chart-col.pend .chart-bar{background:repeating-linear-gradient(45deg, var(--p100), var(--p100) 4px, var(--surface) 4px, var(--surface) 8px);border:1.5px dashed var(--p200)}.chart-col.pend .chart-val{color:var(--g400);font-weight:600}.chart-m{color:var(--g400);font-size:11px}.chart-mrow{margin-top:6px;padding:0 6px;display:flex}.chart-mrow .chart-m{text-align:center;flex:1}.chart-base{background:var(--border);height:1px;margin:0 6px}.chart-bar{animation:.7s cubic-bezier(.22,1,.36,1) backwards upcleBarRise}.chart-col:first-child .chart-bar{animation-delay:60ms}.chart-col:nth-child(2) .chart-bar{animation-delay:.19s}.chart-col:nth-child(3) .chart-bar{animation-delay:.32s}.chart-col:nth-child(4) .chart-bar{animation-delay:.45s}.chart-col:nth-child(5) .chart-bar{animation-delay:.58s}.chart-col:nth-child(6) .chart-bar{animation-delay:.71s}.tb-fill{animation:.8s cubic-bezier(.22,1,.36,1) backwards upcleBarGrow}.tb-row{align-items:center;gap:10px;padding:9px 0;display:flex}.tb-label{width:76px;color:var(--g900);flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.tb-track{background:var(--p50);border-radius:6px;flex:1;height:22px;position:relative;overflow:hidden}.tb-fill{border-radius:6px;justify-content:flex-end;align-items:center;min-width:52px;height:100%;padding-right:8px;display:flex}.tb-fill span{color:#fff;white-space:nowrap;font-size:10.5px;font-weight:700}.tb-pct{text-align:right;width:44px;color:var(--g600);flex-shrink:0;font-size:11px;font-weight:600}.cert-row{border:1px solid var(--border);background:var(--bg);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;transition:border-color .12s;display:flex}.cert-row:hover{border-color:var(--p200)}.cert-dl{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--accent-text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,border-color .12s;display:flex}.cert-dl:hover{background:var(--p50);border-color:var(--p200)}.empty-locked{text-align:center;color:var(--g400);flex-direction:column;align-items:center;gap:8px;padding:28px 20px;display:flex}.empty-locked .el-ic{background:var(--p50);width:40px;height:40px;color:var(--p300);border-radius:11px;justify-content:center;align-items:center;display:flex}.empty-locked .el-t{color:var(--g600);font-size:13px;font-weight:600}.empty-locked .el-s{color:var(--g400);max-width:420px;font-size:11.5px;line-height:1.6}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:900px){.g2{grid-template-columns:1fr}}@media (max-width:768px){.kpi-grid{grid-template-columns:1fr 1fr}}.tbl tr.row-linked{cursor:pointer}.tbl tr.row-linked:focus-visible{outline:2px solid var(--p500);outline-offset:-2px}.ldg-sum{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.ldg-metric{color:var(--g600);align-items:center;gap:5px;margin-bottom:2px;font-size:11px;font-weight:700;display:flex}.chart-col.clickable{cursor:pointer}.chart-col.clickable:focus-visible{outline:2px solid var(--p500);outline-offset:2px;border-radius:6px}.chart-col.sel .chart-bar{background:var(--p600)}.chart-col.sel .chart-val{color:var(--accent-text)}@media (max-width:768px){.ldg-sum{grid-template-columns:1fr}}html[data-theme=dark] .tbl th,html[data-theme=dark] .tb-track{background:var(--sec-bg)}html[data-theme=dark] .chart-col:hover .chart-bar{background:#544c8c}html[data-theme=dark] .chart-col.pend .chart-bar{border-color:#5a5390}.tbl tr.hl td{background:var(--p50)}.tbl tr.hl td:first-child{box-shadow:inset 3px 0 0 var(--p500)}
