@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--page-bg:#f0f2f7;--sidebar-bg:#fff;--sidebar-border:#e3e7ee;--sidebar-text:#46536b;--sidebar-text-active:#1b84e7;--sidebar-hover-bg:#f2f5fb;--card-bg:#fff;--card-shadow:0 1px 3px #141e3c14, 0 1px 2px #141e3c0f;--border:#e3e7ee;--text:#1f2733;--text-muted:#6b7686;--link:#1b84e7;--accent-navy:#144677;--green-soft:#eef7d9;--green-header:#e6f5c4;--green-soft-text:#4c6b1f;--green-active-border:#6a9a2e;--teal-strong:#46978d;--teal-strong-text:#fff;--header-bg:#fff;--title-accent:#144677;--pill-inactive-bg:#f1f3f6;--pill-inactive-text:#6b7686;--status-ok-bg:#eef7d9;--status-ok-text:#4c6b1f;--filter-bar-bg:#f5f5f5;--pill-active-bg:#d2e8a1;--pill-active-underline:#bcd792;--footer-bg:#e3e7eb;--header-h:55px;--dash-header-bg:#17615a;--dash-head-row-h:46px;--dash-foot-row-h:28px;--dash-cell-ok:#dff0d0;--dash-cell-warn:#ffef9e;--dash-cell-bad:#fbd4d4;--dash-bad-text:#9c2b2b;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page-bg);color:var(--text);font-size:14px}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-shrink:0;width:250px;height:100vh;padding-bottom:2rem;transition:width .2s,margin-left .2s;overflow:hidden auto}.app-shell.sidebar-closed .sidebar{border-right:none;width:0}.sidebar-backdrop{display:none}@media (width<=900px){.sidebar{z-index:30;position:fixed;top:0;left:0;box-shadow:2px 0 12px #141e3c2e}.app-shell.sidebar-closed .sidebar{border-right:1px solid var(--sidebar-border);width:250px;margin-left:-250px}.app-shell:not(.sidebar-closed) .sidebar-backdrop{z-index:25;background:#0f172a66;display:block;position:fixed;inset:0}}.sidebar-brand{text-align:center;border-bottom:1px solid var(--sidebar-border);padding:1rem}.brand-logo{object-fit:contain;width:100%;max-width:190px;height:auto}.sidebar-quicklinks{border-bottom:1px solid var(--sidebar-border);padding:.4rem 0}.sidebar-quicklink,.sidebar-group-title,.sidebar-link{color:var(--sidebar-text);cursor:pointer;align-items:center;gap:.7rem;padding:.55rem 1rem;font-size:.83rem;display:flex}.sidebar-quicklink:hover,.sidebar-link:hover{background:var(--sidebar-hover-bg);text-decoration:none}.sidebar-icon-img{object-fit:contain;opacity:.8;flex-shrink:0;width:18px;height:18px}.sidebar-group{border-bottom:1px solid var(--sidebar-border)}.sidebar-group-title{justify-content:space-between;font-weight:600}.sidebar-group-title .chev{opacity:.6;font-size:.7rem;transition:transform .15s}.sidebar-group.open .chev{transform:rotate(180deg)}.sidebar-group-body{flex-direction:column;display:flex}.sidebar-sublink{color:var(--sidebar-text);padding:.45rem 1rem .45rem 2.5rem;font-size:.8rem}.sidebar-sublink.active{color:var(--sidebar-text-active);background:var(--sidebar-hover-bg);font-weight:600}.sidebar-sublink.disabled{color:#b7bfcc;cursor:default}.sidebar-sublink.disabled:hover{background:0 0;text-decoration:none}.header{background:var(--header-bg);border-bottom:1px solid var(--border);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.7rem;display:flex}.header-menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.2rem;line-height:1}.header-logo{object-fit:contain;width:auto;height:34px}.header-state{letter-spacing:.03em;color:var(--text);font-size:.95rem;font-weight:700}.header-right{align-items:center;gap:.9rem;display:flex}.header-support{border:1px solid var(--accent-navy);color:var(--accent-navy);border-radius:999px;padding:.3rem .9rem;font-size:.8rem;font-weight:600}.header-icon-btn{cursor:pointer;opacity:.85;background:0 0;border:none;align-items:center;padding:.2rem .35rem;font-size:1.1rem;line-height:1;display:inline-flex}.header-icon-img{object-fit:contain;width:19px;height:19px}.header-user{align-items:center;gap:.5rem;display:flex}.header-user-avatar{background:#eef1f6;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;display:flex}.header-user-text{line-height:1.2}.header-user-name{font-size:.8rem;font-weight:600}.header-user-role{color:var(--text-muted);letter-spacing:.03em;font-size:.68rem}.main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.content{min-width:0;padding:1.1rem 1.4rem 3rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:1rem;display:flex}.page-title{letter-spacing:.02em;border-left:4px solid var(--title-accent);text-transform:uppercase;padding-left:.6rem;font-size:1.05rem;font-weight:700}.breadcrumb{color:var(--text-muted);text-align:right;font-size:.8rem}.breadcrumb a{color:var(--link)}.breadcrumb .sync-line{margin-top:.15rem;font-size:.68rem;display:block}.breadcrumb .sync-line .dot{background:#3fae5b;border-radius:50%;width:6px;height:6px;margin-right:.3rem;display:inline-block}.pill-tabs{gap:.8rem;margin-bottom:1.2rem;display:flex}.pill-tab{background:var(--pill-active-bg);color:var(--green-soft-text);letter-spacing:.02em;cursor:pointer;border-bottom:3px solid #0000;border-radius:6px;padding:.9rem 1.6rem;font-size:.8rem;font-weight:700}.pill-tab.active{border-bottom-color:var(--pill-active-underline)}.pill-tab.readonly{cursor:default}.pill-tab.disabled{cursor:not-allowed;opacity:.6;background:var(--pill-inactive-bg);color:var(--pill-inactive-text)}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem;margin-bottom:1.2rem;display:grid}.summary-card{background:var(--card-bg);box-shadow:var(--card-shadow);text-align:center;border-radius:10px;padding:1.9rem 1rem}.summary-card .value{font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800}.summary-card .label{color:var(--text-muted);margin-top:.4rem;font-size:.74rem;line-height:1.3}.summary-card.dash-stat-good{border-top:3px solid var(--green-active-border)}.summary-card.dash-stat-good .value{color:var(--green-soft-text)}.summary-card.dash-stat-warn{border-top:3px solid #d9a600}.summary-card.dash-stat-warn .value{color:#7a5a00}.summary-card.dash-stat-bad{border-top:3px solid var(--dash-bad-text)}.summary-card.dash-stat-bad .value{color:var(--dash-bad-text)}.filter-wrap{margin-bottom:1.2rem}.filter-bar{background:var(--filter-bar-bg);box-shadow:var(--card-shadow);cursor:pointer;border-radius:10px;align-items:center;padding:.55rem .55rem .55rem 0;display:flex}.filter-wrap.open .filter-bar{border-radius:10px 10px 0 0}.filter-bar-btn{background:var(--teal-strong);color:var(--teal-strong-text);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;margin-right:.9rem;padding:.75rem 1.3rem;font-size:.82rem;font-weight:600;display:flex}.filter-bar-placeholder{color:var(--text-muted);flex:1;font-size:.85rem}.filter-bar-chev{color:var(--text-muted);padding:0 .8rem;transition:transform .15s;display:inline-block}.filter-bar-chev.open{transform:rotate(180deg)}.filter-panel{background:var(--card-bg);box-shadow:var(--card-shadow);border-top:1px solid var(--border);cursor:default;border-radius:0 0 10px 10px;padding:1rem 1.2rem}.filter-panel-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.filter-field{flex-direction:column;gap:.3rem;display:flex}.filter-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.72rem}.filter-field select,.filter-field input[type=text]{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:.45rem .6rem;font-family:inherit;font-size:.83rem}.filter-field select:focus,.filter-field input[type=text]:focus{outline:2px solid var(--link);outline-offset:-1px}.filter-panel-actions{justify-content:flex-end;gap:.7rem;margin-top:1.1rem;display:flex}.filter-reset-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1.1rem;font-size:.8rem;font-weight:600}.list-toolbar{justify-content:flex-end;margin-bottom:.8rem;display:flex}.filter-search-btn{background:var(--teal-strong);color:var(--teal-strong-text);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.3rem;font-size:.8rem;font-weight:600}.section-pill{background:var(--green-header);color:var(--green-soft-text);letter-spacing:.02em;text-transform:uppercase;border-radius:8px 8px 0 0;margin-bottom:-1px;padding:.6rem 1.4rem;font-size:.78rem;font-weight:700;display:inline-block}.table-card{background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:10px;overflow:hidden}.table-scroll{max-height:65vh;overflow:auto}table.data-table{border-collapse:collapse;width:100%;font-size:.82rem}table.data-table thead th{background:var(--green-header);color:#364b17;text-align:left;white-space:nowrap;letter-spacing:.02em;z-index:5;padding:.7rem .9rem;font-size:.75rem;font-weight:700;position:sticky;top:0}table.data-table tbody td{border-top:1px solid var(--border);white-space:nowrap;padding:.65rem .9rem}table.data-table tbody tr:hover{background:#fafbfd}table.data-table tbody td.link-cell{color:var(--link)}.icon-btn{color:var(--link);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1rem}.paginator{border-top:1px solid var(--border);color:var(--text-muted);border-radius:0 0 10px 10px;justify-content:flex-end;align-items:center;gap:.9rem;padding:.7rem .9rem;font-size:.78rem;display:flex}.items-per-page{margin-right:auto}.items-per-page strong{color:var(--text);font-weight:600}.paginator button{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--text);background:#fff;border-radius:6px}.paginator button:disabled{opacity:.4;cursor:default}.status-badge{border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.status-badge.ok{background:var(--status-ok-bg);color:var(--status-ok-text)}.status-badge.pending{color:var(--text-muted);background:#f1f3f6}.sync-banner{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:.9rem;font-size:.75rem;display:flex}.sync-banner .dot{background:#3fae5b;border-radius:50%;width:7px;height:7px;display:inline-block}.placeholder-card{background:var(--card-bg);box-shadow:var(--card-shadow);text-align:center;color:var(--text-muted);border-radius:10px;padding:2.5rem}.placeholder-card h3{color:var(--text);margin-bottom:.4rem}.state-msg{text-align:center;color:var(--text-muted);padding:2rem}.modal-backdrop{z-index:100;background:#141b2d73;justify-content:center;align-items:flex-start;padding:4rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{background:var(--card-bg);border-radius:10px;flex-direction:column;width:100%;max-width:640px;max-height:85vh;display:flex;box-shadow:0 8px 30px #00000040}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.2rem;font-size:.95rem;font-weight:700;display:flex}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.2rem .5rem;font-size:1rem}.modal-body{padding:1.1rem 1.2rem;overflow-y:auto}.modal-section-title{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin:1.1rem 0 .5rem;font-size:.8rem;font-weight:700}.modal-section-title:first-child{margin-top:0}.field-grid{grid-template-columns:1fr 1fr;gap:.6rem 1.2rem;display:grid}.field-row{flex-direction:column;gap:.15rem;min-width:0;display:flex}.field-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.68rem}.field-value{word-break:break-word;font-size:.85rem}.contact-card{background:var(--pill-inactive-bg);border-radius:8px;margin-bottom:.6rem;padding:.8rem .9rem}.contact-card .name{font-size:.85rem;font-weight:700}.contact-card .role{color:var(--text-muted);margin-bottom:.3rem;font-size:.75rem}.contact-card .contact-line{color:var(--text);font-size:.78rem}.detail-page-card{background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:10px;margin-bottom:1.2rem;padding:1.6rem}.detail-section-title{text-transform:uppercase;letter-spacing:.02em;color:var(--text);margin:1.6rem 0 1rem;font-size:.85rem;font-weight:700}.detail-section-title:first-child{margin-top:0}.detail-field-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.detail-field-box{background:var(--surface-alt,#f2f4f7);border-radius:6px;min-width:0;padding:.6rem .8rem}.detail-field-box .label{color:var(--text-muted);margin-bottom:.25rem;font-size:.72rem}.detail-field-box .label .req{color:#c0392b;margin-right:.15rem}.detail-field-box .value{color:var(--text);word-break:break-word;font-size:.9rem}.detail-two-col{grid-template-columns:1fr 1fr;gap:0 2rem;display:grid}.detail-two-col>div:first-child{border-right:1px solid var(--border);padding-right:2rem}.detail-two-col .detail-field-box{margin-bottom:1rem}@media (width<=700px){.detail-two-col{grid-template-columns:1fr}.detail-two-col>div:first-child{border-right:none;border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem;padding-right:0}}.detail-caption{color:var(--text);margin:0 0 1.2rem;font-size:.85rem;font-weight:700}.detail-text-box{border:1px solid var(--border);border-radius:6px;margin-bottom:1.2rem;padding:.9rem 1rem}.detail-text-box .label{color:var(--text);margin-bottom:.5rem;font-size:.82rem;font-weight:700}.detail-text-box .value{color:var(--text);white-space:pre-wrap;font-size:.85rem;line-height:1.5}.radio-row{align-items:center;gap:1.5rem;margin-bottom:1.2rem;font-size:.85rem;display:flex}.radio-option{align-items:center;gap:.4rem;display:flex}.radio-dot{border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.radio-dot.selected{border-color:var(--accent,var(--link))}.radio-dot.selected:after{content:"";background:var(--link);border-radius:50%;width:8px;height:8px}.back-link{margin-bottom:1rem;font-size:.82rem;display:inline-block}.dash-banner{background:var(--dash-header-bg);color:#fff;text-align:center;border-radius:8px;margin-bottom:1rem;padding:.8rem 1.2rem;font-size:.82rem;font-weight:700;line-height:1.45}.dash-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;display:flex}.dash-toolbar-left{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.dash-period{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.dash-period select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:.45rem .6rem;font-family:inherit;font-size:.83rem}.dash-note{color:var(--text-muted);max-width:42ch;font-size:.72rem;line-height:1.35}.dash-export-group{gap:.6rem;display:flex}.dash-view-toggle{gap:.4rem;display:flex}.dash-view-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:6px;padding:.45rem .9rem;font-size:.78rem;font-weight:600}.dash-view-btn.active{background:var(--teal-strong);color:var(--teal-strong-text);border-color:var(--teal-strong)}.dash-scroll{max-height:72vh}table.dash-matrix{font-size:.74rem}table.dash-matrix th,table.dash-matrix td{text-align:center}table.dash-matrix thead th{background:var(--dash-header-bg);color:#fff;text-align:center;white-space:normal;border-left:1px solid #ffffff2e;padding:.5rem .6rem;line-height:1.25}table.dash-matrix thead th a{color:#fff}table.dash-matrix thead th.dash-kpi-head{min-width:150px}table.dash-matrix thead th.dash-sub{opacity:.92;letter-spacing:.04em;font-size:.66rem;font-weight:600}table.dash-matrix thead tr:first-child th{top:0}table.dash-matrix thead tr:nth-child(2) th{top:var(--dash-head-row-h)}table.dash-matrix tbody td{border-left:1px solid var(--border);padding:.4rem .6rem}table.dash-matrix .dash-district-col{z-index:6;text-align:left;background:var(--card-bg);box-shadow:1px 0 0 var(--border);border-left:none;font-weight:600;position:sticky;left:0}table.dash-matrix thead .dash-district-col{background:var(--dash-header-bg);z-index:8;min-width:160px}.dash-sort-btn{color:inherit;font:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;display:inline-flex}.dash-sort-arrow{font-size:.6rem}.dash-kpi-head-inner{align-items:center;gap:.4rem;display:inline-flex}.dash-sort-btn-kpi{opacity:.85;font-size:.7rem}table.dash-matrix tbody tr:hover .dash-district-col{background:#fafbfd}table.dash-matrix tbody tr:hover td{box-shadow:inset 0 1px 0 var(--link), inset 0 -1px 0 var(--link)}.dash-flag.yes{background:var(--dash-cell-ok);color:var(--green-soft-text);font-weight:700}.dash-flag.no{background:var(--dash-cell-bad);color:var(--dash-bad-text);font-weight:700}.dash-status{letter-spacing:.02em;font-size:.66rem;font-weight:700}.dash-status.ok{background:var(--dash-cell-ok);color:var(--green-soft-text)}.dash-status.warn{background:var(--dash-cell-warn);color:#7a5a00}.dash-status.none{color:var(--text-muted);font-weight:400}.dash-pct{font-variant-numeric:tabular-nums;font-weight:700}.dash-pct.good{background:var(--dash-cell-ok);color:var(--green-soft-text)}.dash-pct.warn{background:var(--dash-cell-warn);color:#7a5a00}.dash-pct.bad{background:var(--dash-cell-bad);color:var(--dash-bad-text)}table.dash-matrix tfoot td{z-index:4;background:var(--green-header);color:#364b17;border-top:1px solid var(--border);border-left:1px solid var(--border);text-align:center;white-space:nowrap;padding:.45rem .6rem;font-size:.68rem;font-weight:700;position:sticky}table.dash-matrix tfoot tr:first-child td{bottom:var(--dash-foot-row-h)}table.dash-matrix tfoot tr:nth-child(2) td{bottom:0}table.dash-matrix tfoot .dash-district-col{z-index:7;background:var(--green-header);text-align:left}.dash-monthly-card table.data-table thead th{background:var(--dash-header-bg);color:#fff;white-space:nowrap}.dash-monthly-card table.data-table tbody td:not(:first-child){text-align:center;white-space:nowrap}.dash-month-link{font:inherit;color:var(--link);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.dash-month-link:hover{text-decoration:underline}tr.dash-month-selected td:first-child{border-left:3px solid var(--link)}.dash-partial-tag{text-transform:uppercase;color:#7a5a00;background:var(--dash-cell-warn);border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.65rem;font-weight:700}.dash-month-frac{opacity:.75;font-size:.68rem;font-weight:400}.dash-meter{background:#0b0b0b1a;border-radius:2px;max-width:72px;height:4px;margin:.3rem auto 0;overflow:hidden}.dash-meter-fill{border-radius:2px;height:100%}.dash-meter-fill.good{background:var(--green-active-border)}.dash-meter-fill.warn{background:#d9a600}.dash-meter-fill.bad{background:var(--dash-bad-text)}.dash-section-title{text-transform:uppercase;letter-spacing:.02em;margin:1.6rem 0 .7rem;font-size:.85rem;font-weight:700}.dash-summary-card{max-width:620px}.dash-summary-card table.data-table thead th{background:var(--dash-header-bg);color:#fff}.dash-summary-card table.data-table tbody td:not(:first-child){text-align:center}.app-footer{border-top:1px solid var(--border);color:var(--text-muted);background:var(--footer-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-top:auto;padding:1rem 1.4rem;font-size:.78rem;display:flex}.app-footer a{color:var(--link)}