:root{--navy:#08244e;--dark:#081d3f;--blue:#1159bc;--sky:#eaf3ff;--teal:#12a5a0;--green:#0e9c67;--gold:#ed9d12;--ink:#152b4d;--muted:#70829b;--bg:#f3f6fb;--line:#e2e9f2}*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:13px}.shell{display:flex;min-height:100vh}.sidebar{width:255px;flex-shrink:0;background:linear-gradient(180deg,#0c3776 0%,#071d42 57%,#061935 100%);color:#fff;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;z-index:101}.brand{height:80px;display:flex;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid #ffffff19}.brand-seal{height:44px;width:44px;border-radius:50%;border:2px solid #e6bd58;display:grid;place-items:center;background:#fff;color:#0d438c;font-size:21px}.brand strong{font-size:12px;display:block;letter-spacing:.02em}.brand small{font-size:9px;display:block;color:#cbdcf1}.side-label{padding:24px 19px 9px;font-weight:800;color:#80a7db;font-size:9px;letter-spacing:.14em}.sidebar nav{padding:0 10px}.nav-link-custom{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:#d4e5fb;padding:12px 13px;margin:2px 0;border-radius:9px;font-weight:600;font-size:12px;transition:.15s}.nav-link-custom i{font-size:16px;width:19px}.nav-link-custom:hover{color:white;background:#ffffff16}.nav-link-custom.active{color:#fff;background:#1269d8;box-shadow:0 3px 15px #001a4e50}.municipal-panel{margin:auto 13px 14px;border:1px solid #ffffff22;border-radius:12px;padding:15px;background:#ffffff0d}.municipal-badge{display:flex;gap:10px;align-items:center}.municipal-badge i{font-size:30px;color:#e5b955}.municipal-badge strong{display:block;font-size:13px}.municipal-badge small{font-size:9px;color:#b6cce8}.municipal-panel p{font-size:10px;color:#d3e1f3;margin:14px 0}.tiny-pill{border-top:1px solid #ffffff22;padding-top:13px;font-size:9px;color:#b6cce8}.tiny-pill i{font-size:8px;color:#65dbb5}.main{flex:1;min-width:0}.topbar{height:92px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 24px;gap:20px;box-shadow:0 2px 12px #12395a08}.top-kicker{font-weight:800;font-size:9px;letter-spacing:.09em;color:#7490b4}.top-identity h1{font-size:23px;font-weight:800;margin:3px 0;color:#092d64}.top-identity h1 span{color:#2663af}.top-identity p{margin:0;color:var(--muted);font-size:11px}.top-right{display:flex;align-items:center;gap:12px}.sync-top{display:flex;align-items:center;gap:10px;padding:8px 16px;border-right:1px solid var(--line)}.sync-top>i{font-size:25px;color:#0baf75}.sync-top b,.user-details b{font-size:11px;display:block}.sync-top small,.user-details small{font-size:10px;color:#7a8da4;display:block}.live-dot{display:inline-block;width:7px;height:7px;background:#13af73;border-radius:50%;margin-right:4px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ddecff;color:#1159bc;font-weight:800}.content{padding:14px 21px 0;max-width:1850px;margin:auto}.crumb{font-size:11px;color:#7a8ba0;margin:0 0 15px}.crumb b{color:#275da7}.crumb i{font-size:10px;margin:0 7px}.action-row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:14px}.btn{font-size:12px;font-weight:700;border-radius:7px;padding:8px 13px}.btn-primary{background:#145cbb;border-color:#145cbb}.btn-success{background:#099869;border-color:#099869}.btn-warning{background:#e79a0b;border-color:#e79a0b;color:white}.btn-outline-primary{border-color:#cbdcf0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stats-wide{grid-template-columns:repeat(8,minmax(0,1fr))}.stat-card{min-height:98px;padding:16px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;gap:11px;align-items:center;box-shadow:0 2px 12px #1a3f6905;min-width:0}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e6f0ff;color:#1764c1;font-size:20px;flex-shrink:0}.stat-icon.green{background:#e2f8ee;color:#109d69}.stat-icon.gold{background:#fff3d9;color:#b77d0a}.stat-icon.purple{background:#f2eaff;color:#8451d3}.stat-icon.pink{background:#ffe9ef;color:#d84c75}.stat-icon.teal{background:#e0f7f8;color:#099daa}.stat-label{font-size:10px;font-weight:700;color:#697d96}.stat-value{font-size:19px;font-weight:800;color:#073c8a;letter-spacing:-.04em}.stat-foot{font-size:9px;color:#08955d}.panel{background:#fff;border:1px solid var(--line);box-shadow:0 2px 12px #173e7005;border-radius:10px;margin-bottom:14px;overflow:hidden}.panel-heading{padding:14px 15px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:13px;font-weight:800;margin:0;color:#153766}.panel-heading h2 i{color:#175cb6;margin-right:6px}.panel-heading .minor{font-size:10px;font-weight:500;color:var(--muted)}.panel-body{padding:14px 15px}.filter-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:11px}.field-label{font-size:10px;font-weight:700;color:#536783;display:block;margin-bottom:5px}.form-control,.form-select{font-size:12px;border-color:#d9e4ef;border-radius:6px;min-height:34px}.grid-main{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(340px,1fr);gap:13px}.table-wrap{overflow-x:auto;padding:12px 14px}.table{font-size:11px;margin-bottom:0;white-space:nowrap}.table>:not(caption)>*>*{padding:.52rem .6rem}.table thead th{background:#eaf2fc;color:#284268;border-bottom:1px solid #d6e3f4;font-weight:800}.table tbody td{vertical-align:middle;color:#374960}.table tbody tr:hover td{background:#f6faff}.table a{color:#145cb6;font-weight:700;text-decoration:none}.pill{display:inline-block;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:800;background:#e2f8ee;color:#0b8a5b}.pill.warn{background:#fff0d2;color:#a66b09}.pill.danger{background:#ffe6e9;color:#b84b55}.row-tools{display:flex;align-items:center;gap:6px}.tiny-action{border:0;background:#eaf2ff;color:#0c54b0;border-radius:5px;padding:4px 7px}.tiny-action.danger{color:#b93b58;background:#ffedf0}.dt-container .dt-layout-row{margin:8px 0!important}.dt-container .dt-input{font-size:11px!important;padding:4px!important}.dt-container .dt-info,.dt-container .dt-paging{font-size:10px!important}.dt-container .dt-layout-cell{min-width:0}.profile{padding:15px}.profile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-top b{font-size:14px;color:#0a4397}.profile-top small{color:var(--muted)}.profile-identity{display:flex;gap:12px;margin-top:14px;align-items:center}.profile-avatar{width:72px;height:72px;border-radius:10px;background:#d4e7ff;display:grid;place-items:center;font-size:34px;color:#2664ad}.profile-identity h3{font-size:13px;font-weight:800;margin:0 0 5px}.profile-identity p{font-size:10px;color:#667d9b;margin:3px 0}.profile-mini{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.mini-box{padding:10px;border-radius:7px;background:#f5f8fc;border:1px solid var(--line);font-size:10px;line-height:1.8}.mini-box strong{display:block;font-size:10px}.mini-box i{color:#2667b6}.history{width:100%;border-collapse:collapse;font-size:10px}.history th,.history td{text-align:left;padding:8px;border-bottom:1px solid #e5ebf3}.history th{background:#eaf2fc}.lower-grid{display:grid;grid-template-columns:1.25fr 1.3fr 1fr;gap:13px}.chart-box{height:225px;position:relative}.map-surface{height:310px;background:linear-gradient(145deg,#dfeee3,#c6dce7);position:relative;overflow:hidden}.map-inner{width:100%;height:100%}.map-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 28% 40%,#98c89a 0%,transparent 45%),radial-gradient(ellipse at 70% 65%,#96bccd 0%,transparent 36%),linear-gradient(30deg,#e3e9d6,#b0d3b6);overflow:hidden}.map-fallback:after{content:"";position:absolute;inset:-10%;background:repeating-linear-gradient(70deg,transparent 0 52px,#ffffff80 53px 55px,transparent 56px 100px),repeating-linear-gradient(-25deg,transparent 0 77px,#ffffff70 78px 80px,transparent 81px 155px);opacity:.5}.pin{position:absolute;z-index:2;color:#1263bc;text-shadow:0 1px 3px white;font-size:22px}.pin.green{color:#078858}.pin.gold{color:#eb8617}.pin.red{color:#d73f5a}.map-note{position:absolute;bottom:11px;left:11px;background:#082c55e5;color:#fff;font-size:11px;padding:7px 10px;border-radius:6px;z-index:3}.map-controls{display:flex;gap:7px;flex-wrap:wrap;padding:11px;border-top:1px solid var(--line)}.overview-note{font-size:11px;color:#6a7d95;line-height:1.7}.sync-flow{display:flex;align-items:center;gap:6px;justify-content:space-around;text-align:center}.sync-node{background:#f1f6fd;padding:12px 6px;border:1px solid #dce7f5;border-radius:8px;flex:1;font-size:10px}.sync-node i{font-size:24px;color:#145cbd;display:block}.sync-node b{display:block}.sync-flow>.bi{color:#2365b2;font-size:20px}.sync-metrics{margin-top:13px}.sync-metrics div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e9edf4;font-size:10px}.page-hero{padding:20px 21px;background:linear-gradient(120deg,#0d4ca6,#16829e);color:white;border-radius:11px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-hero h2{font-size:20px;font-weight:800;margin:0 0 5px}.page-hero p{font-size:11px;color:#e1ecff;margin:0}.page-hero i{font-size:40px;opacity:.7}.select-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.map-main{height:460px}.map-editor-help{font-size:11px;color:#6b7e96}.empty-note{padding:22px;text-align:center;color:#7187a3;font-size:12px}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report-card{padding:17px;border:1px solid var(--line);border-radius:9px;cursor:pointer;background:#fff}.report-card:hover{background:#edf5ff;border-color:#9cc4f3}.report-card i{font-size:27px;color:#135cb8}.report-card strong{display:block;margin:10px 0 5px}.report-card p{font-size:11px;color:#75859b;margin:0}.badge-demo{font-size:10px;color:#976502;background:#fff4d8;padding:5px 8px;border-radius:4px}.inline-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline-form .form-control{width:190px}footer{padding:17px 2px 25px;font-size:10px;color:#8190a4;display:flex;justify-content:space-between;border-top:1px solid #e3e9f2}.icon-btn{background:transparent;border:0;font-size:21px;color:#164c92}.menu-btn{display:none}#mapToast{display:none}@media(max-width:1400px){.stats-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-main{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.lower-grid{grid-template-columns:1fr 1fr}.lower-grid>.panel:last-child{grid-column:1/-1}}@media(max-width:1050px){.sidebar{position:fixed;left:-255px;transition:left .2s}.sidebar.open{left:0}.menu-btn{display:block}.top-right .sync-top,.user-details{display:none}.grid-main,.lower-grid{grid-template-columns:1fr}.lower-grid>.panel:last-child{grid-column:auto}.filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.content{padding:12px}.topbar{padding:10px;height:74px}.top-identity h1{font-size:16px}.top-kicker{font-size:8px}.top-identity p{font-size:9px}.stat-grid,.stats-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:80px;padding:9px}.stat-icon{width:35px;height:35px;font-size:16px}.stat-value{font-size:17px}.filter-grid,.report-cards{grid-template-columns:1fr}.profile-mini{grid-template-columns:1fr}.page-hero h2{font-size:16px}}

/* Official municipal seal and configurable select additions */
.brand-seal img{height:44px;width:44px;object-fit:contain;display:block}
.brand-seal{background:#fff!important;border-radius:50%;overflow:hidden;flex-shrink:0}
.municipal-seal{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:50%;padding:2px;flex-shrink:0}
.top-identity{display:flex;align-items:center;gap:10px;min-width:0}
.top-identity-text{min-width:0}
.top-seal{height:57px;width:57px;object-fit:contain;flex-shrink:0}
.other-value-box{margin-top:8px;background:#f0f6ff;border:1px solid #cbdcf5;border-radius:8px;padding:10px}
.other-value-box[hidden]{display:none!important}
.other-value-box .form-text{font-size:10px}
@media(max-width:650px){.top-seal{height:40px;width:40px}.brand-seal img{height:40px;width:40px}}