.tracker-project-tabs{display:flex;justify-content:center;gap:4px;margin:6px auto 18px;padding:4px;width:max-content;max-width:100%;overflow:auto;background:#fff;border:1px solid #d6d9df;border-radius:9px;box-shadow:0 1px 4px rgba(16,24,40,.08)}
.tracker-project-tab{border:0;background:transparent;color:#344054;padding:9px 17px;border-radius:7px;font-weight:700;white-space:nowrap}
.tracker-project-tab.active{background:#111827;color:#fff}
.tracker-project-tab.locked{opacity:.55}
.tracker-dashboard-title{text-align:center;margin:5px 0 18px}.tracker-dashboard-title h1,.tracker-dashboard-title h2{margin:0;font-size:22px}.tracker-dashboard-title .muted{margin-top:5px;font-size:12px}
.tracker-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:12px 0 8px}.tracker-kpi-card{background:#fff;border:1px solid #e1e4e8;border-radius:8px;text-align:center;padding:13px 8px;box-shadow:0 1px 3px rgba(16,24,40,.05)}.tracker-kpi-label{font-size:11px;color:#667085;font-weight:650}.tracker-kpi-value{font-size:22px;line-height:1.2;font-weight:800;margin-top:5px;color:#101828}.tracker-kpi-snapshot{text-align:center;font-size:10px;color:#7a2e0e;margin:0 0 11px}
.tracker-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin:10px 0 13px;font-size:11px;color:#475467}.tracker-legend span{display:inline-flex;align-items:center;gap:5px}.tracker-legend-swatch{width:13px;height:13px;border:1px solid #344054;border-radius:2px;display:inline-block}.tracker-legend-swatch.fill-STOCK{background:#fff}.tracker-legend-swatch.fill-UTJ{background:#f5b942}.tracker-legend-swatch.fill-BKP{background:#6ca6df}.tracker-legend-swatch.fill-SP3K{background:#92b9a4}.tracker-legend-swatch.fill-TERJUAL_KPR{background:#9c513c}.tracker-legend-swatch.fill-TERJUAL_CASH{background:#65483c}.tracker-legend-swatch.fill-TERJUAL_CICILAN{background:#563752}.tracker-legend-swatch.hatch-rdp{background:repeating-linear-gradient(45deg,#fff 0 3px,#475467 3px 4px)}.tracker-legend-swatch.hatch-rsh{background:repeating-linear-gradient(45deg,transparent 0 3px,#475467 3px 4px),repeating-linear-gradient(-45deg,#fff 0 3px,#475467 3px 4px)}
.tracker-prod-siteplan{position:relative;background:#fff;border:1px solid #d0d5dd;border-radius:10px;padding:10px;overflow:auto}.tracker-prod-siteplan img{display:block;width:100%;height:auto;min-width:720px}.tracker-siteplan-source{font-size:10px;color:#667085;text-align:right;margin-top:6px}
@media(max-width:760px){.tracker-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tracker-project-tabs{justify-content:flex-start;width:100%}.tracker-prod-siteplan img{min-width:620px}.tracker-dashboard-title h1,.tracker-dashboard-title h2{font-size:18px}}