:root{--bg:#f4f6f8;--panel:#fff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--accent:#b5904b;--accent-soft:#f5efe4;--success:#12b76a;--danger:#d92d20;--shadow:0 10px 30px rgba(16,24,40,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#111827;color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:26px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent);font-weight:800}.brand h1{font-size:16px;margin:0 0 4px}.brand p{font-size:12px;color:#98a2b3;margin:0}.nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#d0d5dd;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer}.nav-item:hover,.nav-item.active{background:#1f2937;color:#fff}.sync-card{margin-top:auto;border:1px solid #344054;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center}.sync-card strong,.sync-card small{display:block}.sync-card strong{font-size:12px}.sync-card small{font-size:11px;color:#98a2b3;margin-top:3px}.dot{width:9px;height:9px;border-radius:50%;background:#667085}.dot.live{background:var(--success)}.dot.error{background:var(--danger)}.content{padding:30px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--accent);font-weight:800;margin:0 0 6px}h2{margin:0;font-size:28px}h3{margin:0;font-size:18px}.topbar input{width:min(370px,45vw);padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff}.pdf-meta{display:none}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.metric-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.metric-card{padding:18px}.metric-card span{font-size:13px;color:var(--muted)}.metric-card strong{display:block;font-size:25px;margin:9px 0}.metric-card small{color:#98a2b3}.panel{padding:18px}.filter-panel{margin-bottom:16px}.filters{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr auto;gap:12px;align-items:end}label{font-size:12px;color:var(--muted);display:grid;gap:6px}select,input[type=date]{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px}.secondary-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;cursor:pointer}.grid-3{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr) minmax(0,1.2fr);gap:16px;margin-bottom:16px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.bar-chart{display:grid;gap:11px;min-height:220px}.bar-row{display:grid;grid-template-columns:minmax(100px,1.4fr) 3fr auto;gap:10px;align-items:center;font-size:12px}.bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.bar-track{height:10px;background:#eef1f4;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:999px}.bar-value{font-variant-numeric:tabular-nums}.pie-panel{display:flex;flex-direction:column}.pie-wrap{min-height:220px;display:grid;place-items:center}.pie-layout{width:100%;display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:14px;align-items:center}.pie-chart{width:180px;aspect-ratio:1;border-radius:50%;position:relative;margin:auto}.pie-chart:after{content:"";position:absolute;inset:28%;background:#fff;border-radius:50%;box-shadow:0 0 0 1px rgba(16,24,40,.04)}.pie-center{position:absolute;inset:0;display:grid;place-items:center;z-index:2;text-align:center;pointer-events:none}.pie-center strong{font-size:20px}.pie-center small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.pie-legend{display:grid;gap:8px}.pie-legend-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:11px}.pie-dot{width:9px;height:9px;border-radius:3px}.pie-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.pie-count{font-weight:700}.table-panel{padding:0;overflow:hidden}.table-panel .panel-header{padding:18px 18px 0}.table-wrap{overflow:auto;max-height:540px}table{width:100%;border-collapse:collapse;min-width:1050px}th,td{padding:12px 14px;border-top:1px solid var(--line);text-align:left;font-size:12px;vertical-align:top}th{position:sticky;top:0;background:#f9fafb;color:#475467;z-index:1}.numeric{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:#fcfcfd}.pill{background:var(--accent-soft);color:#735b2d;border-radius:999px;padding:6px 9px;font-size:11px}.error-box{margin-top:16px;padding:14px;border-radius:10px;background:#fef3f2;color:#b42318;border:1px solid #fecdca}.hidden{display:none}.empty{color:#98a2b3;text-align:center;padding:30px}@media(max-width:1250px){.grid-3{grid-template-columns:1fr 1fr}.pie-panel{grid-column:1/-1}.pie-layout{grid-template-columns:200px minmax(0,1fr);max-width:650px;margin:auto}}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:block;padding:15px}.brand{margin-bottom:14px}.nav{display:flex;overflow:auto}.sync-card{margin-top:14px}.content{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.topbar input{width:100%}.cards{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:14px}.metric-card strong{font-size:19px}.filters{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.pie-panel{grid-column:auto}.pie-layout{grid-template-columns:1fr}.pie-chart{width:170px}.pie-legend{grid-template-columns:1fr 1fr}}@media print{@page{size:A4 landscape;margin:8mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{background:#fff!important}.sidebar,.topbar-actions,.filter-panel,.error-box{display:none!important}.app-shell{display:block!important}.content{padding:0!important}.topbar{margin-bottom:8px!important}.pdf-meta{display:flex!important;justify-content:space-between;gap:18px;align-items:flex-end;margin:0 0 10px;padding:9px 11px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;background:var(--accent-soft)!important}.pdf-meta>div{display:grid;gap:2px}.pdf-meta strong{font-size:11px}.pdf-meta span{font-size:8px;color:var(--muted)}.pdf-meta-date{text-align:right}.cards{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-bottom:8px!important}.metric-card,.panel{box-shadow:none!important;break-inside:avoid}.grid-3{grid-template-columns:1.15fr .85fr 1.15fr!important;gap:8px!important;margin-bottom:0!important}.table-panel{display:none!important}.bar-row{font-size:8px!important}.bar-chart,.pie-wrap{min-height:185px!important}.pie-legend-row{font-size:8px!important}.pie-chart{width:125px!important}.pie-layout{grid-template-columns:130px minmax(0,1fr)!important}.panel{padding:10px!important}.metric-card{padding:10px!important}.metric-card strong{font-size:17px!important}.metric-card span,.metric-card small{font-size:8px!important}h2{font-size:22px!important}h3{font-size:14px!important}.eyebrow{font-size:8px!important}.pdf-export .content{width:100%!important}}