:root {
    --bg:#f4f5f7;--bg-card:#fff;--bg-header:#1b2a4a;--text:#1a1a2e;--text2:#6c757d;--text-on-dark:#fff;
    --accent:#c9a84c;--c1:#4C72B0;--c2:#DD8452;--c3:#55A868;--c4:#8172B3;--gap:14px;--rad:8px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;}
.dc{max-width:1500px;margin:0 auto;padding:var(--gap);}
.hdr{background:var(--bg-header);color:var(--text-on-dark);padding:20px 24px;border-radius:var(--rad);margin-bottom:var(--gap);}
.hdr h1{font-size:20px;font-weight:700;} .hdr h1 span{color:var(--accent);}
.hdr-sub{font-size:12px;color:rgba(255,255,255,0.55);margin-top:2px;}
.office-bar{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.12);flex-wrap:wrap;}
.office-bar label{font-size:11px;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:.5px;font-weight:600;}
.office-select{padding:8px 14px;border:1px solid rgba(255,255,255,0.25);border-radius:4px;background:rgba(255,255,255,0.1);color:var(--text-on-dark);font-size:13px;cursor:pointer;min-width:260px;}
.office-select option{background:var(--bg-header);color:var(--text-on-dark);}
.office-addr{font-size:12px;color:rgba(255,255,255,0.5);margin-left:8px;}
.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;}
.fg{display:flex;align-items:center;gap:5px;}
.fg label{font-size:11px;color:rgba(255,255,255,0.65);text-transform:uppercase;letter-spacing:.5px;}
.fg select{padding:6px 10px;border:1px solid rgba(255,255,255,0.18);border-radius:4px;background:rgba(255,255,255,0.08);color:var(--text-on-dark);font-size:12px;cursor:pointer;}
.fg select option{background:var(--bg-header);color:var(--text-on-dark);}
.sb{padding:6px 10px;border:1px solid rgba(255,255,255,0.18);border-radius:4px;background:rgba(255,255,255,0.08);color:var(--text-on-dark);font-size:12px;width:200px;}
.sb::placeholder{color:rgba(255,255,255,0.35);}
.toolbar{display:flex;gap:8px;align-items:center;margin-top:12px;}
.toolbar a,.toolbar button{padding:5px 12px;border:1px solid rgba(255,255,255,0.25);border-radius:4px;background:rgba(255,255,255,0.1);color:var(--text-on-dark);font-size:11px;cursor:pointer;text-decoration:none;font-family:inherit;}
.toolbar a:hover,.toolbar button:hover{background:rgba(255,255,255,0.2);}
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--gap);margin-bottom:var(--gap);}
.kpi{background:var(--bg-card);border-radius:var(--rad);padding:16px 20px;box-shadow:0 1px 3px rgba(0,0,0,0.07);}
.kpi-l{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;}
.kpi-v{font-size:26px;font-weight:700;} .kpi-d{font-size:11px;color:var(--text2);margin-top:2px;}
.cr{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-bottom:var(--gap);}
.cc{background:var(--bg-card);border-radius:var(--rad);padding:18px 22px;box-shadow:0 1px 3px rgba(0,0,0,0.07);}
.cc h3{font-size:13px;font-weight:600;margin-bottom:12px;} .cc canvas{max-height:260px;}
.ts{background:var(--bg-card);border-radius:var(--rad);padding:18px 22px;box-shadow:0 1px 3px rgba(0,0,0,0.07);overflow-x:auto;}
.ts h3{font-size:13px;font-weight:600;margin-bottom:12px;}
.dt{width:100%;border-collapse:collapse;font-size:12px;}
.dt thead th{text-align:left;padding:9px 10px;border-bottom:2px solid #dee2e6;color:var(--text2);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;user-select:none;}
.dt thead th:hover{color:var(--text);background:#f8f9fa;}
.dt tbody td{padding:9px 10px;border-bottom:1px solid #f0f0f0;vertical-align:top;}
.dt tbody tr:hover{background:#f8f9fa;}
.vn{font-weight:600;color:var(--c1);} .vaddr{font-size:10px;color:#999;}
.badge{display:inline-block;padding:2px 7px;border-radius:11px;font-size:10px;font-weight:500;margin:1px 1px;white-space:nowrap;}
.b-u{background:#e8f0fe;color:#1a56db;} .b-p{background:#fef3e2;color:#b45309;} .b-a{background:#e8f8e8;color:#166534;} .b-l{background:#f3e8ff;color:#7c3aed;} .b-g{background:#f1f1f1;color:#444;}
.rl{color:var(--c1);text-decoration:none;font-size:11px;margin-right:6px;} .rl:hover{text-decoration:underline;}
.cap-bar{display:inline-block;height:5px;border-radius:2px;background:var(--c1);opacity:.65;vertical-align:middle;margin-right:5px;}
.desc{font-size:11px;color:#555;max-width:280px;}
.footer{text-align:center;padding:18px;font-size:11px;color:var(--text2);margin-top:var(--gap);}
@media(max-width:900px){.cr{grid-template-columns:1fr;}.kpi-row{grid-template-columns:repeat(2,1fr);}.filters{flex-direction:column;align-items:flex-start;}.sb{width:100%;}}
@media print{body{background:white;}.filters,.sb,.toolbar{display:none;}.kpi,.cc,.ts{box-shadow:none;border:1px solid #dee2e6;break-inside:avoid;}}