:root { --ink:#0d1830; --muted:#657086; --line:#dce3ec; --paper:#f4f6f9; --card:#fff; --green:#064e8c; --green2:#007bbd; --lime:#ffd51f; --gold:#f3a900; --nav:#061326; --cyan:#00bfe8; --red:#e91d4f; }
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:var(--nav);color:white;padding:22px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 4px 19px;border-bottom:1px solid #ffffff1c}.brand img{width:43px;height:43px;border-radius:12px;object-fit:cover}.brand strong,.brand span{display:block}.brand strong{font-family:Georgia,serif;font-size:16px}.brand span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#a6c6bc;margin-top:3px}.pilot-tag{margin:16px 4px 9px;padding:8px 10px;border:1px solid #ffffff1f;border-radius:8px;color:#cce4da;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.pilot-tag i,.sync i,.mode-banner i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8dce53;margin-right:7px;box-shadow:0 0 0 4px #8dce5320}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{border:0;background:none;color:#b9d0c8;padding:11px 12px;border-radius:8px;display:grid;grid-template-columns:23px 1fr auto;align-items:center;text-align:left;font-size:13px;cursor:pointer}.sidebar nav button b{font-size:17px;font-weight:400}.sidebar nav button em{font-style:normal;background:#f0b044;color:#1c2a27;padding:2px 6px;border-radius:10px;font-size:10px}.sidebar nav button.active,.sidebar nav button:hover{background:#ffffff12;color:#fff}.boundary{margin-top:auto;padding:13px;background:#ffffff0a;border:1px solid #ffffff16;border-radius:10px}.boundary strong{font-size:11px;color:#d6e9e2}.boundary p{font-size:10px;line-height:1.45;color:#92afa5;margin:6px 0 0}.user{margin-top:15px;padding-top:14px;border-top:1px solid #ffffff1c;display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center}.user>span{width:32px;height:32px;display:grid;place-items:center;background:#d9ed4a;color:#173a31;border-radius:50%;font-weight:800;font-size:11px}.user strong,.user small{display:block}.user strong{font-size:11px}.user small{font-size:9px;color:#91aca3;margin-top:2px}.user button{background:none;border:0;color:#8da9a0}.workspace{grid-column:2;min-width:0}.topbar{height:84px;background:white;border-bottom:1px solid var(--line);padding:15px 34px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}.eyebrow,.section-kicker{margin:0;color:var(--green2);font-weight:800;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.topbar h1{font-family:Georgia,serif;font-size:24px;margin:3px 0}.top-actions{display:flex;align-items:center;gap:10px}.top-actions button,.primary{border-radius:8px;padding:10px 14px;border:1px solid var(--line);background:white;font-weight:700;color:var(--ink);cursor:pointer}.top-actions .primary,.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 4px 12px #0d684d22}.sync.offline,.mode-banner.offline{color:#8a5b00}.sync.offline i,.mode-banner.offline i{background:#e8a526}.page{padding:27px 34px 55px;max-width:1450px;margin:auto}.hero-panel{background:linear-gradient(120deg,#0a4b3d,#0f7254);border-radius:15px;color:#fff;padding:27px 30px;display:flex;align-items:end;justify-content:space-between;box-shadow:0 8px 30px #0e44352c;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:260px;height:260px;border:46px solid #d9ed4a18;border-radius:50%;right:-90px;top:-150px}.hero-panel h2,.intro h2{font:600 31px/1.08 Georgia,serif;margin:8px 0}.hero-panel p{font-size:13px;color:#cde4db;margin:10px 0 0}.hero-panel .section-kicker{color:var(--lime)}.hero-controls{position:relative;z-index:1;min-width:205px}.hero-controls label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#a9d0c1}.hero-controls select{display:block;width:100%;margin-top:6px;background:#ffffff16;border:1px solid #ffffff38;color:#fff;padding:10px;border-radius:7px}.hero-controls span{display:block;font-size:9px;color:#a9d0c1;margin-top:8px}.baseline{display:flex;align-items:center;gap:14px;margin:14px 0;background:#fff8e8;border:1px solid #f0ddb0;padding:10px 14px;border-radius:8px;font-size:11px}.baseline strong{color:#825900}.baseline span{color:#6b665c}.baseline button{margin-left:auto;border:0;background:none;color:#805900;font-weight:700;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.metrics article,.card{background:var(--card);border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 5px #18251e08}.metrics article{padding:17px 18px}.metrics span{display:block;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.metrics strong{display:block;font:700 25px Georgia,serif;margin:8px 0 5px}.metrics strong small{font:600 12px Inter,sans-serif}.metrics p{font-size:10px;color:#7b8882;margin:0}.metrics p.good{color:var(--green2)}.grid-two{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.grid-two.lower{grid-template-columns:1fr 1fr;margin-top:14px}.card{padding:20px}.card-head{display:flex;align-items:start;justify-content:space-between}.card h3{font:700 18px Georgia,serif;margin:5px 0}.pill{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;background:#edf0ee;font:700 9px Inter,sans-serif;color:#6a746f;white-space:nowrap}.pill.green{background:#e2f3e8;color:#16704f}.pill.amber{background:#fff2d9;color:#916100}.bar-chart{height:167px;display:flex;align-items:end;gap:10px;padding:15px 10px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,#f0f4f1 0,#f0f4f1 1px,transparent 1px,transparent 37px)}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;text-align:center}.bar-chart>div>span{display:flex;justify-content:center;align-items:start;min-height:30px;background:linear-gradient(#42aa7e,#187351);border-radius:5px 5px 0 0;color:#fff;padding-top:5px;font-size:9px}.bar-chart>div>span.market{background:linear-gradient(#e9bd4f,#d89422)}.bar-chart small{font-size:8px;color:#718078;padding:7px 0;height:27px}.chart-foot{display:flex;gap:20px;font-size:9px;color:#708078;margin-top:10px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.dot.green{background:#2c936b}.dot.gold{background:#e2a834}.pressure .card-head>strong{font:700 26px Georgia;color:var(--green)}.progress{margin-top:12px}.progress>span{display:flex;justify-content:space-between;font-size:10px;color:#63716b}.progress>i,.completeness>i{display:block;height:6px;background:#edf1ee;border-radius:10px;margin-top:6px;overflow:hidden}.progress em,.completeness em{display:block;height:100%;background:linear-gradient(90deg,var(--green),#58ad77);border-radius:10px}.barangay-list>div{display:grid;grid-template-columns:34px 1fr auto 36px;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #edf0ee}.barangay-list strong,.barangay-list small{display:block}.barangay-list strong{font-size:11px}.barangay-list small{font-size:9px;color:#7b8982}.place-mark{width:32px;height:32px;border-radius:8px;background:#e8f1ec;color:#17684e;display:grid;place-items:center;font-size:9px;font-weight:800}.place-mark.large{width:55px;height:55px}.text-button{border:0;background:none;color:var(--green);font-weight:700;font-size:10px;cursor:pointer}.attention-item{display:grid;grid-template-columns:28px 1fr;gap:9px;border-top:1px solid #edf0ee;padding:10px 0}.attention-item>span{width:27px;height:27px;border-radius:7px;background:#e8f1ec;color:var(--green);display:grid;place-items:center;font-weight:800;font-size:11px}.attention-item.high>span{background:#fff0dc;color:#a26000}.attention-item strong,.attention-item small{display:block}.attention-item strong{font-size:10px}.attention-item small{font-size:9px;color:#77857e;margin-top:3px}.intro{margin-bottom:21px}.intro h2{font-size:29px}.intro p{font-size:12px;color:#6d7d75;margin:0;max-width:650px}.mode-banner{padding:10px 14px;background:#e5f3eb;color:#1d6e53;border-radius:8px;font-size:11px;margin-bottom:13px}.capture-form{padding:0 24px}.step{display:flex;gap:11px;align-items:center;padding:19px 0 13px;border-top:1px solid var(--line)}.step:first-child{border-top:0}.step>span{width:27px;height:27px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-weight:800;font-size:11px}.step strong,.step small{display:block}.step strong{font-size:13px}.step small{font-size:10px;color:#7c8983;margin-top:2px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 18px;padding-bottom:20px}.form-grid label{font-size:10px;font-weight:700;color:#58665f}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #d6dfd9;border-radius:7px;background:#fafcf9;color:var(--ink);padding:11px 12px;font:12px Inter,sans-serif}.form-grid textarea{height:76px;resize:vertical}.form-grid .wide{grid-column:span 1}.upload input{position:absolute;opacity:0;pointer-events:none}.upload span{margin-top:6px;border:1px dashed #aebdb5;border-radius:7px;min-height:76px;display:grid;place-items:center;color:var(--green);background:#f8fbf8}.form-actions{margin:0 -24px;padding:16px 24px;background:#f7f9f6;border-radius:0 0 11px 11px;display:flex;justify-content:space-between;align-items:center}.form-actions p{margin:0}.form-actions p b,.form-actions p span{display:block;font-size:10px}.form-actions p span{color:#7c8983;margin-top:3px}.queue-tools{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.search{background:white;border:1px solid var(--line);border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:8px;min-width:330px}.search input{border:0;outline:0;width:100%;font-size:11px}.queue-tools button,.mrf-title button,.registry-grid button,.report-list button{background:white;border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-weight:700;font-size:10px;color:var(--ink);cursor:pointer}.record-table{padding:0;overflow:auto}.record-table table{width:100%;border-collapse:collapse;font-size:10px}.record-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#7c8983;font-size:8px;padding:11px 13px;background:#f6f8f6}.record-table td{padding:13px;border-top:1px solid #e7ece8;white-space:nowrap}.record-table td strong,.record-table td small{display:block}.record-table td small{color:#7c8983;margin-top:3px}.material-dot{display:inline-block;width:7px;height:7px;background:#3a9b6e;border-radius:50%;margin-right:6px}.warning{color:#9b5d00;background:#fff3dd;padding:4px 7px;border-radius:10px}.verify{border:1px solid #b7d6c8;background:#eef7f2;color:var(--green);border-radius:6px;padding:6px 9px;font-weight:700;cursor:pointer}.mrf-profile{margin-bottom:14px}.mrf-title{display:grid;grid-template-columns:55px 1fr auto;gap:14px;align-items:center}.mrf-title h3{font-size:21px}.mrf-title p{font-size:10px;color:#748078;margin:0}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.profile-grid>div{background:#f6f9f6;padding:12px;border-radius:8px}.profile-grid span,.profile-grid strong{display:block}.profile-grid span{font-size:8px;text-transform:uppercase;color:#78877f}.profile-grid strong{font-size:10px;margin-top:5px}.boundary-note{display:flex;gap:12px;margin-top:12px;padding:10px 12px;border-left:3px solid #dfad36;background:#fff9eb;font-size:9px}.boundary-note span{color:#6d716c}.registry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.registry-top{display:flex;justify-content:space-between}.registry-grid article>p{font-size:10px;color:#75827c}.completeness{margin:17px 0}.completeness>span{display:flex;justify-content:space-between;font-size:9px}.registry-grid dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 14px}.registry-grid dl>div{display:grid;grid-template-columns:70px 1fr;padding:9px 0}.registry-grid dt{font-size:9px;color:#7a8881}.registry-grid dd{font-size:10px;margin:0}.registry-grid button{width:100%}.report-intro{display:flex;justify-content:space-between;align-items:end}.approval-flow{display:flex;align-items:center;background:#0d4c3c;color:#fff;border-radius:11px;padding:18px 22px;margin-bottom:14px}.approval-flow>div{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center}.approval-flow>div>span{grid-row:span 2;width:28px;height:28px;border-radius:50%;background:#ffffff1b;display:grid;place-items:center;font-size:10px}.approval-flow>div.done>span{background:var(--lime);color:#214031}.approval-flow strong{font-size:10px}.approval-flow small{font-size:8px;color:#9fc0b5}.approval-flow>i{height:1px;background:#ffffff31;flex:1;margin:0 12px}.report-list{display:grid;gap:9px}.report-list article{display:grid;grid-template-columns:38px 1fr auto auto;gap:14px;align-items:center}.report-icon{width:38px;height:38px;border-radius:8px;background:#e9f2ed;color:var(--green);display:grid;place-items:center}.report-list h3{font-size:14px}.report-list p{font-size:10px;color:#74827b;margin:0}.wacs-note{margin-top:14px;background:#eef6f1}.wacs-note>strong{font:700 17px Georgia}.wacs-note p{font-size:10px;color:#607169}.wacs-note div{display:flex;gap:7px;flex-wrap:wrap}.wacs-note div span{font-size:9px;background:white;border:1px solid #d9e5dd;border-radius:20px;padding:6px 9px}.toast{position:fixed;right:24px;bottom:24px;background:#163b31;color:white;padding:13px 17px;border-radius:9px;box-shadow:0 10px 30px #0003;font-size:11px;z-index:20;animation:rise .2s ease-out}@keyframes rise{from{transform:translateY(10px);opacity:0}}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 15%,#1a7a5c 0,#0a4638 38%,#082e28 100%)}.auth-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 28px 80px #001c1670;display:flex;flex-direction:column;gap:12px}.auth-card>img{width:78px;height:78px;object-fit:cover;border-radius:18px;margin-bottom:5px}.auth-card h1{font:700 31px Georgia,serif;margin:2px 0}.auth-card p{font-size:12px;color:#687770;margin:0 0 8px}.auth-card label{font-size:10px;font-weight:800;color:#53635c}.auth-card input{display:block;width:100%;margin-top:6px;border:1px solid #d6dfd9;border-radius:8px;padding:12px;font:13px Inter,sans-serif}.auth-card small{text-align:center;color:#7d8983;font-size:9px}.auth-error{padding:10px 12px;border-radius:7px;background:#fff0ed;color:#9a3529;font-size:10px}
.auth-shell{background:radial-gradient(circle at 28% 15%,#123f70 0,#081b36 42%,#040b18 100%)}.auth-card{border-top:4px solid var(--gold);box-shadow:0 28px 80px #00081799}.sidebar{background:linear-gradient(180deg,#081a35 0%,#050d1b 100%)}.pilot-tag{border-left:3px solid var(--gold);background:linear-gradient(90deg,#f3a90018,#00bfe810);color:#fff}.pilot-tag i{background:var(--cyan);box-shadow:0 0 0 4px #00bfe824}.pilot-tag small{font-size:8px;color:#9dc6e9;letter-spacing:.12em}.sidebar nav button.active{background:linear-gradient(90deg,#006ebf55,#00bfe81a);box-shadow:inset 3px 0 var(--cyan)}.user>span{background:linear-gradient(135deg,var(--gold),#fff06a);color:#081a35}.section-kicker,.eyebrow{color:#007bbd}.top-actions .primary,.primary{background:linear-gradient(135deg,#0065a8,#009ed1);border-color:#007bbd;box-shadow:0 5px 15px #006da333}.hero-panel{background:linear-gradient(120deg,#07182f 0%,#073f73 55%,#007ca8 100%)}.hero-panel:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),var(--red),var(--cyan))}.hero-panel .section-kicker{color:#ffd943}.metrics article{border-top:2px solid #007bbd}.metrics article:nth-child(2){border-top-color:var(--cyan)}.metrics article:nth-child(3){border-top-color:var(--gold)}.metrics article:nth-child(4){border-top-color:var(--red)}.bar-chart>div>span{background:linear-gradient(#00bfe8,#066ab0)}.progress em,.completeness em{background:linear-gradient(90deg,#006cb1,#00bfe8)}.place-mark,.attention-item>span,.report-icon{background:#e6f5fb;color:#006fae}.approval-flow{background:linear-gradient(120deg,#07182f,#073f73)}.wacs-note{background:#eef7fb}.mode-banner{background:#e7f6fb;color:#006d98}.text-button{color:#007bbd}.toast{background:#07182f;border-left:3px solid var(--gold)}
@media(max-width:980px){.app-shell{grid-template-columns:82px 1fr}.sidebar{width:82px;padding:17px 10px}.brand div,.pilot-tag,.sidebar nav button:not(.active){font-size:0}.brand{justify-content:center}.brand img{width:45px;height:45px}.sidebar nav button{grid-template-columns:1fr;padding:12px;text-align:center}.sidebar nav button b{font-size:20px}.sidebar nav button em{position:absolute;margin-left:31px}.boundary,.user div,.user button{display:none}.user{grid-template-columns:1fr;justify-items:center}.workspace{grid-column:2}.metrics{grid-template-columns:repeat(2,1fr)}.grid-two,.grid-two.lower{grid-template-columns:1fr}.registry-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.app-shell{display:block}.sidebar{position:fixed;inset:auto 0 0 0;width:auto;height:68px;padding:7px 8px;display:block}.brand,.pilot-tag,.boundary,.user{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.sidebar nav button,.sidebar nav button:not(.active){display:flex;flex-direction:column;gap:2px;padding:6px 2px;font-size:8px;text-align:center}.sidebar nav button b{font-size:16px}.sidebar nav button em{margin:-35px 0 0 20px}.workspace{padding-bottom:75px}.topbar{height:70px;padding:11px 16px}.topbar .eyebrow{display:none}.topbar h1{font-size:19px}.sync{display:none}.top-actions .primary{font-size:0;padding:10px}.top-actions .primary:first-letter{font-size:16px}.page{padding:19px 15px 35px}.hero-panel{padding:22px;display:block}.hero-panel h2{font-size:25px}.hero-controls{margin-top:20px}.baseline{align-items:start;flex-wrap:wrap}.baseline button{margin-left:0}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics article{padding:14px}.metrics strong{font-size:20px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-actions{align-items:start;gap:12px}.search{min-width:0;flex:1}.queue-tools>div{display:none}.profile-grid{grid-template-columns:1fr 1fr}.mrf-title{grid-template-columns:55px 1fr}.mrf-title button{grid-column:span 2}.report-intro{display:block}.report-intro button{margin-top:14px}.approval-flow{overflow:auto;padding:14px}.approval-flow>div{min-width:100px}.report-list article{grid-template-columns:38px 1fr auto}.report-list article>.pill{display:none}.report-list button{grid-column:2/4}.toast{left:14px;right:14px;bottom:83px}}
.command-center{margin-bottom:14px;border-top:3px solid var(--gold)}.command-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.command-head h3{font-size:22px;margin-bottom:5px}.command-head p{font-size:10px;color:#74827b;margin:0}.command-head label{font-size:9px;font-weight:800;text-transform:uppercase;color:#607169}.command-head select{display:block;min-width:180px;margin-top:6px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:#fff}.command-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.command-metrics>div{background:#f4f8fa;border:1px solid #dce9ef;border-radius:8px;padding:12px}.command-metrics span,.command-metrics strong{display:block}.command-metrics span{font-size:8px;text-transform:uppercase;color:#718089}.command-metrics strong{font:700 20px Georgia,serif;margin-top:6px}.command-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.command-actions button{border:1px solid #bed8e5;background:#eef8fc;color:#006a9b;border-radius:7px;padding:10px;font-size:9px;font-weight:800;cursor:pointer}
.demo-strip{border-left:4px solid var(--gold);background:#fff9e8}.city-map{min-height:360px}.map-stage{height:285px;margin-top:12px;border-radius:9px;position:relative;overflow:hidden;background-color:#e8eef0;background-image:linear-gradient(30deg,#d7e1e3 12%,transparent 12.5%,transparent 87%,#d7e1e3 87.5%),linear-gradient(150deg,#d7e1e3 12%,transparent 12.5%,transparent 87%,#d7e1e3 87.5%);background-size:64px 110px}.map-stage .water{position:absolute;width:30%;height:160%;left:43%;top:-35%;background:#a7dbe5;transform:rotate(20deg);border:8px solid #cee9ed}.map-stage .pin{position:absolute;width:28px;height:28px;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);color:#fff;font-weight:800;box-shadow:0 4px 9px #0004;cursor:pointer}.pin.critical{background:#d62d51}.pin.high{background:#ed812e}.pin.moderate{background:#d5aa26}.map-stage>span{position:absolute;left:57%;top:39%;background:#fff;padding:4px 6px;border-radius:4px;font-size:8px;font-weight:800}.map-stage>small{position:absolute;left:8px;bottom:8px;background:#ffffffdf;padding:5px;border-radius:4px;font-size:7px}.people-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.people-stats div{background:#f3f8fb;padding:12px;border-radius:8px}.people-stats strong,.people-stats span{display:block}.people-stats strong{font-size:20px}.people-stats span{font-size:8px;color:#708093}.privacy-note{font-size:8px;background:#edf8fb;border-left:3px solid var(--cyan);padding:8px;color:#536f7d}.mass-balance{height:24px;display:flex;overflow:hidden;border-radius:5px;margin:24px 0 10px}.mass-balance i:nth-child(1){background:#2aa46d}.mass-balance i:nth-child(2){background:#27bde0}.mass-balance i:nth-child(3){background:#f1ad3d}.mass-balance i:nth-child(4){background:#dce3e7}.mass-labels{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.mass-labels span{font-size:8px;color:#758493}.mass-labels b{display:block;font-size:11px;color:var(--ink)}.hotspot-workflow{display:grid;grid-template-columns:repeat(7,1fr);background:#09213c;color:#9db5ca;border-radius:10px;padding:15px;margin-bottom:14px}.hotspot-workflow span{font-size:8px;text-align:center;position:relative}.hotspot-workflow b{display:block;margin:0 auto 6px;width:21px;height:21px;border-radius:50%;background:#0c77b8;color:#fff;line-height:21px}.hotspot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hotspot-card{border-top:3px solid #ed812e}.hotspot-card:first-child{border-top-color:#d62d51}.hotspot-card h3{font-size:15px;margin:10px 0 4px}.hotspot-card>p{font-size:9px;color:#74818a}.risk-tag{font-size:8px;padding:4px 7px;border-radius:20px;background:#eab52f;color:#fff;font-weight:800}.risk-tag.critical{background:#d62d51}.risk-tag.high{background:#ed812e}.hotspot-card dl{margin:12px 0}.hotspot-card dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:8px 0;font-size:9px}.hotspot-card dd{font-weight:700}.hotspot-card button{width:100%;border:1px solid #bcdce9;background:#eef8fc;color:#0874ad;border-radius:7px;padding:8px;font-size:9px;font-weight:800}.finance-equation{background:linear-gradient(120deg,#07172b,#0b3a64);color:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:13px;overflow:auto}.finance-equation>div{min-width:125px}.finance-equation span,.finance-equation strong{display:block}.finance-equation span{font-size:8px;color:#9ab2c8}.finance-equation strong{font-size:20px;margin-top:7px;white-space:nowrap}.finance-equation>b{color:#5b7690}.finance-equation .net{background:#0c5260;padding:13px;border-radius:8px}.finance-equation .net strong{color:#6fe1cc}.checklist{font-size:10px;line-height:2.1;color:#566b7a}.data-banner{display:flex;gap:18px;padding:13px 15px;margin-bottom:14px;background:#eaf7fb;border-left:4px solid var(--cyan);font-size:9px}.data-banner span{color:#58717f}.validation-queue{margin-top:14px}.validation-queue>p{font-size:10px;color:#6a7d8e}
@media(max-width:680px){.people-stats,.mass-labels{grid-template-columns:1fr 1fr}.hotspot-workflow{grid-template-columns:repeat(4,1fr);gap:12px}.hotspot-grid{grid-template-columns:1fr}.finance-equation{display:block}.finance-equation>b{display:block;margin:8px 0}.data-banner{display:block}.data-banner span{display:block;margin-top:5px}}
.report-actions{display:flex;gap:6px;justify-content:flex-end}.report-actions button{min-width:48px}.report-list article{grid-template-columns:38px 1fr auto auto}
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2b transparent}.sidebar .brand,.sidebar .pilot-tag,.sidebar .user{flex-shrink:0}.sidebar nav{flex-shrink:0}.sidebar .user{position:sticky;bottom:-1px;background:#050d1b;padding-bottom:2px;z-index:2}.user div{min-width:0}.user strong,.user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand div{min-width:0}.brand strong{line-height:1.25}.modal-backdrop{position:fixed;inset:0;background:#03101dcc;display:grid;place-items:center;padding:24px;z-index:50;backdrop-filter:blur(4px)}.explainer-modal,.provenance-modal,.barangay-workspace-modal{width:min(940px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:26px;box-shadow:0 30px 90px #0008;border-top:4px solid var(--cyan)}.provenance-modal{width:min(680px,100%)}.barangay-workspace-modal{width:min(820px,100%)}.explainer-modal header,.provenance-modal header,.barangay-workspace-modal header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.explainer-modal header h2,.provenance-modal header h2,.barangay-workspace-modal header h2{font:700 25px Georgia;margin:7px 0}.explainer-modal header p,.provenance-modal header p,.barangay-workspace-modal header p{font-size:10px;color:#6e7f8d}.explainer-modal header>button,.provenance-modal header>button,.barangay-workspace-modal header>button{border:0;background:#eef3f6;border-radius:50%;width:34px;height:34px;color:#526777;font-size:20px;cursor:pointer}.access-model{background:linear-gradient(120deg,#07182f,#0b4772);color:#fff;padding:15px 18px;border-radius:10px;margin:16px 0}.access-model strong{font-size:11px;color:#ffd943}.access-model p{font-size:9px;line-height:1.65;color:#c4d6e5;margin:6px 0 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.guide-grid button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px;text-align:left;cursor:pointer}.guide-grid button:hover{border-color:#2db8dc;background:#f2fbfd}.guide-grid span,.guide-grid strong,.guide-grid em{display:block}.guide-grid span{font-size:7px;color:#0b80bd;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.guide-grid strong{font-size:11px;margin-top:5px}.guide-grid p{font-size:8px;line-height:1.5;color:#6c7e8e;margin:5px 0}.guide-grid em{font-size:8px;color:#0878b6;font-style:normal;font-weight:800}.day-one-note,.cutover-note{display:flex;gap:14px;margin-top:14px;padding:12px 14px;background:#fff8e7;border-left:3px solid var(--gold);font-size:9px}.day-one-note span,.cutover-note p{color:#66757f;line-height:1.5;margin:0}.provenance-modal dl{margin:18px 0}.provenance-modal dl>div{display:grid;grid-template-columns:155px 1fr;gap:15px;padding:10px 4px;border-top:1px solid var(--line);font-size:9px}.provenance-modal dt{color:#6e8090}.provenance-modal dd{margin:0;font-weight:700}.provenance-modal>.primary{width:100%;margin-top:14px}.profile-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;padding:14px;background:#f2f8fa;border-radius:9px}.profile-editor label{font-size:8px;font-weight:800;color:#536877}.profile-editor input,.profile-editor select{display:block;width:100%;margin-top:5px;border:1px solid #cddbe2;border-radius:6px;padding:8px;background:#fff;font-size:9px}.profile-editor button{border:0;border-radius:7px;background:#0879bb;color:#fff;font-size:8px;font-weight:800}.profile-editor p{grid-column:1/4;font-size:8px;color:#6e8090;margin:0}.workspace-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.workspace-summary>div{padding:14px;border:1px solid #dbe8ee;background:#f3f9fb;border-radius:9px}.workspace-summary span,.workspace-summary strong{display:block}.workspace-summary span{font-size:8px;color:#6d7f8d;text-transform:uppercase}.workspace-summary strong{font:700 20px Georgia;margin-top:7px}.workspace-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workspace-columns article{border:1px solid var(--line);border-radius:10px;padding:16px}.workspace-columns h3{font:700 18px Georgia;margin:6px 0 12px}.workspace-columns p{font-size:10px;line-height:1.65;color:#5d7180}.workspace-columns button{display:block;width:100%;margin-top:7px;border:1px solid #bad9e6;background:#eff9fc;color:#0674ad;border-radius:7px;padding:10px;font-size:9px;font-weight:800;cursor:pointer}.workspace-status{margin-top:14px;background:#eaf7f0;color:#277052;padding:9px;border-radius:7px;font-size:9px}.workspace-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32a86d;margin-right:5px}.workspace-close{width:100%;margin-top:14px}
@media(max-width:680px){.modal-backdrop{padding:10px}.explainer-modal,.provenance-modal{padding:17px}.guide-grid{grid-template-columns:1fr}.day-one-note{display:block}.day-one-note span{display:block;margin-top:5px}.provenance-modal dl>div{grid-template-columns:1fr;gap:4px}.profile-editor{grid-template-columns:1fr}.profile-editor p{grid-column:auto}}
@media(max-width:680px){.barangay-workspace-modal{padding:17px}.workspace-summary{grid-template-columns:1fr 1fr}.workspace-columns{grid-template-columns:1fr}}
@media(max-width:680px){.command-head{display:block}.command-head label{display:block;margin-top:14px}.command-head select{width:100%}.command-metrics{grid-template-columns:1fr 1fr}.command-actions{grid-template-columns:1fr 1fr}}