:root{--pln-blue:#005baa;--pln-blue-dark:#07395f;--pln-cyan:#00a9e0;--ink:#102a43;--muted:#64748b;--line:#0f172a1a;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:#f5f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% -8%,#005baa1c,#0000 24rem),radial-gradient(circle at 92% 0,#00a9e01a,#0000 30rem),linear-gradient(#f8fbff 0%,#eef5fb 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}[data-theme=dark]{--ink:#e5edf7;--muted:#9aa9bb;--line:#e2e8f024;color:var(--ink);background:#0b1220}[data-theme=dark] body{background:radial-gradient(circle at 12% -8%,#00a9e021,#0000 25rem),radial-gradient(circle at 92% 0,#3b82f61a,#0000 31rem),linear-gradient(#07111f 0%,#0b1220 100%)}[data-theme=dark] .hero-card{background:linear-gradient(135deg,#061827,#082a44 55%,#07324e)}[data-theme=dark] .filters-card,[data-theme=dark] .panel,[data-theme=dark] .kpi-card{background:#0f172aeb;box-shadow:0 16px 38px #00000047}[data-theme=dark] .search-box,[data-theme=dark] .filters-card select,[data-theme=dark] .multi-select-trigger{color:var(--ink);background:#111827}[data-theme=dark] .filter-field>span,[data-theme=dark] .panel-title p,[data-theme=dark] .kpi-card p,[data-theme=dark] .kpi-card span,[data-theme=dark] .status-legend,[data-theme=dark] .pagination-row{color:#9aa9bb}[data-theme=dark] h2,[data-theme=dark] .kpi-card strong,[data-theme=dark] .status-stack-labels strong,[data-theme=dark] td strong{color:#f8fafc}[data-theme=dark] .multi-select-menu{background:#0f172a}[data-theme=dark] .multi-option:hover,[data-theme=dark] th{background:#111d31}[data-theme=dark] .multi-option span,[data-theme=dark] .unit-name,[data-theme=dark] .unit-row strong,[data-theme=dark] td,[data-theme=dark] .table-title-cell{color:#d7e0ec}[data-theme=dark] .unit-track,[data-theme=dark] .status-stack{background:#1f2937}[data-theme=dark] table{background:#0f172a}[data-theme=dark] td small{color:#91a0b2}[data-theme=dark] .kpi-card.blue{background:#0e4f8859;border-color:#7dbeff33}[data-theme=dark] .kpi-card.green{background:#396f1f47;border-color:#84cc1633}[data-theme=dark] .kpi-card.pink{background:#7f1d1d47;border-color:#f8717133}[data-theme=dark] .export-button,[data-theme=dark] .multi-select-actions button,[data-theme=dark] .selected-title-chips button,[data-theme=dark] .selected-title-chips em{color:#9bd4ff;background:#10253c;border-color:#7dbeff2e}[data-theme=dark] .pagination-controls button{color:#d7e0ec;background:#111827}.hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.theme-toggle{color:#eaf6ff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.theme-toggle:hover{filter:brightness(1.04);transform:translateY(-1px)}.dashboard-shell{width:min(1560px,100% - 40px);margin:0 auto;padding:24px 0 42px}.hero-card,.filters-card,.panel,.kpi-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;box-shadow:0 16px 38px #0f172a14}.hero-card{color:#dbeafe;background:linear-gradient(135deg,#062b49,#0a3c64 55%,#084a72);border:0;border-radius:24px;padding:20px 24px;position:relative;overflow:hidden}.hero-content{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0;display:grid}.hero-brand{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:16px;min-width:0;display:grid}.hero-copy{min-width:0;overflow:hidden}.pln-logo{object-fit:contain;width:58px;height:72px;display:block}.whatsapp-contact{color:#064e3b;white-space:nowrap;background:#dcfce7;border:1px solid #22c55e52;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:900;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 12px 24px #0f172a21}.whatsapp-logo{fill:currentColor;flex:none;width:19px;height:19px}.whatsapp-contact:hover{filter:brightness(1.02);transform:translateY(-1px)}.eyebrow{color:#b7d5ea;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px;font-size:12px;font-weight:800;overflow:hidden}h1{letter-spacing:-.02em;color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(18px,1.8vw,22px);font-weight:900;line-height:1.22;overflow:hidden}.hero-subtitle{color:#d7e8f7;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:13px;overflow:hidden}.filters-card{z-index:40;border-radius:18px;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.35fr) minmax(130px,.38fr) minmax(170px,.55fr);align-items:start;gap:12px;margin:16px 0 22px;padding:12px;display:grid;position:relative}.filter-field{gap:6px;min-width:0;display:grid}.filter-field>span{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.search-box{border:1px solid var(--line);color:var(--pln-blue);background:#f8fafc;border-radius:12px;align-items:center;gap:9px;min-width:0;padding:0 12px;display:flex}.search-box input,.filters-card select{width:100%;min-width:0;height:42px;color:var(--ink);background:0 0;border:0;outline:0}.filters-card select{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:0 10px}.filters-card select:focus,.search-box:focus-within,.multi-select.open .multi-select-trigger{border-color:var(--pln-cyan);box-shadow:0 0 0 3px #00a9e01f}.title-filter{position:relative}.multi-select{min-width:0;position:relative}.multi-select-trigger{border:1px solid var(--line);width:100%;min-width:0;height:42px;color:var(--ink);cursor:pointer;text-align:left;background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.multi-select-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-select-menu{z-index:1000;border:1px solid var(--line);background:#fff;border-radius:16px;width:min(520px,92vw);max-height:340px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.multi-select-actions{border-bottom:1px solid #0f172a14;justify-content:space-between;gap:8px;padding:10px;display:flex}.multi-select-actions button{color:#0f5fa8;cursor:pointer;background:#eef7ff;border:0;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:850}.multi-select-options{max-height:270px;padding:6px;overflow-y:auto}.multi-option{cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:9px 8px;display:flex}.multi-option:hover{background:#f1f7fd}.multi-option input{width:16px;height:16px;accent-color:var(--pln-blue)}.multi-option span{text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:13px;overflow:hidden}.selected-title-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.selected-title-chips button,.selected-title-chips em{color:#0f5fa8;background:#eef7ff;border:1px solid #005baa21;border-radius:999px;align-items:center;gap:5px;max-width:180px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.selected-title-chips button{cursor:pointer}.selected-title-chips button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.export-button{color:#07395f;cursor:pointer;white-space:nowrap;background:#eef7ff;border:1px solid #005baa24;border-radius:12px;justify-content:center;align-self:end;align-items:center;gap:8px;height:42px;padding:0 14px;font-weight:850;display:inline-flex}.export-button:hover{filter:brightness(1.01);transform:translateY(-1px)}.export-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.kpi-grid{z-index:1;clear:both;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 14px;display:grid;position:relative}.kpi-card{min-height:96px;box-shadow:none;border-radius:18px;align-items:center;gap:13px;padding:16px 18px;display:flex}.kpi-card.blue{background:#e8f4ff;border-color:#c9e5ff}.kpi-card.green{background:#ecf8df;border-color:#d8efc3}.kpi-card.pink{background:#fdeaea;border-color:#fad1d1}.kpi-icon{color:#0f5fa8;background:#3b82f624;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.kpi-card.green .kpi-icon{color:#3f8f22;background:#84cc1633}.kpi-card.pink .kpi-icon{color:#be123c;background:#f43f5e2b}.kpi-card p{color:#56667a;margin:0 0 4px;font-size:12px;font-weight:800}.kpi-card strong{letter-spacing:-.04em;color:#0f172a;font-size:27px;line-height:1;display:block}.kpi-card span{color:#69788d;font-size:12px}.chart-grid{z-index:0;grid-template-columns:minmax(0,1.85fr) minmax(380px,.95fr);align-items:stretch;gap:16px;display:grid;position:relative}.panel{border-radius:18px;min-width:0;padding:22px}.panel-title{color:var(--pln-blue);justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}h2{letter-spacing:-.02em;color:#172033;margin:0;font-size:16px}.panel-title p{color:var(--muted);margin:4px 0 0;font-size:12px}.compact-title{margin-bottom:8px}.grade-title{margin-top:20px}.recharts-tooltip-wrapper{outline:none}.unit-panel{min-height:310px}.unit-bars{gap:12px;padding:4px 2px 0;display:grid}.unit-row{grid-template-columns:minmax(150px,220px) 1fr 34px;align-items:center;gap:12px;display:grid}.unit-name{color:#334155;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:12px;font-weight:750;overflow:hidden}.unit-track{background:#eef2f7;border-radius:999px;height:18px;overflow:hidden}.unit-track i{border-radius:inherit;height:100%;display:block}.unit-row strong{color:#334155;font-size:12px}.status-grade-panel{min-height:310px}.status-stack-wrap{gap:8px;display:grid}.status-stack-labels{color:#475569;grid-template-columns:1fr 58px 58px;align-items:center;font-size:12px;font-weight:800;display:grid}.status-stack-labels strong{text-align:center;color:#172033}.status-stack{color:#fff;background:#eef2f7;border-radius:9px;height:28px;font-size:12px;font-weight:900;display:flex;overflow:hidden}.status-stack-pass,.status-stack-fail{place-items:center;min-width:0;display:grid}.status-stack-pass{background:linear-gradient(90deg,#22c55e,#16a34a)}.status-stack-fail{background:linear-gradient(90deg,#fb7185,#dc2626)}.status-legend{color:#64748b;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.status-legend span{align-items:center;gap:5px;display:inline-flex}.status-legend i{border-radius:999px;width:9px;height:9px;display:inline-block}.pass-dot{background:#16a34a}.fail-dot{background:#ef4444}.table-panel{margin-top:14px}.table-title-row{align-items:center}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #0f172a14;padding:11px 14px}th{color:#64748b;letter-spacing:.05em;text-transform:uppercase;background:#f8fafc;font-size:11px}td{color:#334155;font-size:13px}td strong{color:#172033;font-size:13px;display:block}td small{color:#7c8da1;max-width:240px;margin-top:2px;display:block}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-title-cell{color:#334155;max-width:260px;font-weight:750;display:block}.status-pill{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:850;line-height:1.1;display:inline-flex}.status-pill.pass{color:#166534;background:#dcfce7}.status-pill.fail{color:#9f1239;background:#ffe4e6}.empty-state{text-align:center;color:#7c8da1;padding:26px}.pagination-row{color:#64748b;justify-content:space-between;align-items:center;gap:12px;padding:14px 2px 0;font-size:12px;display:flex}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-controls button{border:1px solid var(--line);color:#475569;cursor:pointer;background:#fff;border-radius:10px;width:30px;height:30px;font-weight:800}.pagination-controls button.active,.pagination-controls button:first-child:not(:disabled){color:#fff;background:#0f5fa8;border-color:#0f5fa8}.pagination-controls button:disabled{opacity:.45;cursor:not-allowed}@media (width<=1180px){.dashboard-shell{width:min(1360px,100% - 32px)}.chart-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.95fr)}.filters-card{grid-template-columns:1fr 1fr}.title-filter,.search-field{grid-column:auto}}@media (width<=980px){.chart-grid{grid-template-columns:1fr}.search-field{grid-column:1/-1}}@media (width<=760px){.dashboard-shell{width:min(100% - 20px,1560px);padding-top:10px}.hero-card{border-radius:18px;padding:16px}.hero-content{grid-template-columns:1fr;align-items:stretch}.hero-brand{grid-template-columns:46px minmax(0,1fr);gap:12px;width:100%}.pln-logo{width:46px;height:58px}.hero-actions{width:100%}.whatsapp-contact,.theme-toggle{flex:1}.kpi-grid,.filters-card{grid-template-columns:1fr}.search-field,.title-filter{grid-column:auto}.multi-select-menu{width:calc(100vw - 40px)}.unit-row{grid-template-columns:110px 1fr 28px}th,td{padding:10px}.pagination-row{flex-direction:column;align-items:flex-start}}.archive-tabs{border:1px solid var(--line);background:#ffffffe0;border-radius:999px;align-items:center;gap:8px;margin:16px 0 0;padding:6px;display:inline-flex;box-shadow:0 12px 28px #0f172a0f}.archive-tabs button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex}.archive-tabs button.active{color:#fff;background:#0f5fa8}.archive-tabs span{min-width:22px;height:22px;color:inherit;background:#0f5fa81a;border-radius:999px;place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.archive-tabs button.active span{background:#fff3}[data-theme=dark] .archive-tabs{background:#0f172ae0}[data-theme=dark] .archive-tabs button{color:#cbd5e1}[data-theme=dark] .archive-tabs button.active{color:#fff;background:#0f5fa8}@media (width<=760px){.archive-tabs{border-radius:18px;grid-template-columns:repeat(3,1fr);width:100%;display:grid}.archive-tabs button{justify-content:center;padding:0 8px}}