@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#172033;font-synthesis:none;--navy:#273a75;--navy-2:#344985;--gold:#e2c157;--band:#eef2fc;--border:#d9dee8;--muted:#637087;--completed:#2f70a5;--advanced:#6a6bd4;--ontrack:#4caf79;--behind1:#e3ae44;--behind2:#c83d43;background:#f7f9fc;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 80% 0,#edf2ff 0,#0000 28rem),#f7f9fc;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}main{min-height:100vh}.hero{color:#fff;border-bottom:4px solid var(--gold);background:linear-gradient(112deg,#22346d 0%,#2d417e 65%,#3f4d8e 100%);box-shadow:0 8px 24px -17px #0f172ae6}.hero-inner{align-items:center;gap:20px;width:min(1480px,100%);margin:auto;padding:22px 34px;display:flex}.brand-mark{width:62px;height:62px;color:var(--gold);border:2px solid var(--gold);border-radius:50%;flex:0 0 62px;place-items:center;display:grid}.brand-mark svg{width:32px;height:32px}.brand-copy{flex:1;min-width:310px}.brand-copy .eyebrow{color:var(--gold);letter-spacing:.17em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:700;line-height:1.45}.brand-copy h1{letter-spacing:-.025em;margin:0;font-size:clamp(20px,2vw,29px);line-height:1.2}.brand-copy>p:last-child{color:#ffffffd1;margin:5px 0 0;font-size:13px}.hero-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;max-width:660px;display:flex}.source-badge{background:#ffffff14;border:1px solid #e2c1576b;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.updated{color:#ffffffbf;font-size:12px}.button{letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:9px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 7px 18px -9px #000c}.button.secondary{color:var(--gold);background:0 0;border:1px solid #e2c157a6}.button.gold{color:var(--navy);background:var(--gold)}.content{width:min(1480px,100%);margin:auto;padding:28px 34px 42px}.filter-panel,.panel{border:1px solid var(--border);background:#ffffffed;border-radius:15px;box-shadow:0 1px 2px #0f172a09}.filter-panel{padding:18px}.filter-row{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.filter-label,.filter-grid label>span{min-width:75px;color:var(--navy);letter-spacing:.08em;text-transform:uppercase;padding-top:7px;font-size:10px;font-weight:800}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#516078;border:1px solid var(--border);background:#fff;border-radius:9px;min-height:31px;padding:5px 13px;font-size:12px;font-weight:600;transition:all .16s}.chip:hover{color:var(--navy);background:#f8faff;border-color:#aeb8ca}.chip.active{color:#fff;background:var(--navy);border-color:var(--navy);box-shadow:0 5px 12px -8px var(--navy)}.filter-grid{grid-template-columns:minmax(220px,1fr) minmax(250px,1.2fr) minmax(150px,.6fr);gap:12px;margin-bottom:12px;display:grid}.filter-grid label{align-items:center;gap:10px;display:flex}.filter-grid label>span{flex:none;min-width:auto;padding:0}.filter-grid select{color:#394760;border:1px solid var(--border);background:#fff;border-radius:9px;outline:none;width:100%;height:36px;padding:0 34px 0 11px}.search-line{color:var(--muted);border-top:1px solid #e9edf3;align-items:center;gap:12px;padding-top:14px;font-size:12px;display:flex}.search-box{border:1px solid var(--border);background:#fff;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:220px;height:42px;padding:0 13px;display:flex}.search-box svg{color:#637087}.search-box input{color:#25324a;background:0 0;border:0;outline:none;width:100%}.clear-button{color:#a22f3a;background:#fff4f5;border:1px solid #f0c9cd;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.mobile-filter-button{display:none}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin:20px 0;display:grid}.kpi{color:#17244c;text-align:left;border:1px solid var(--border);border-left:5px solid var(--card-accent);background:#fff;border-radius:15px;flex-direction:column;align-items:flex-start;min-height:164px;padding:19px 17px 16px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 17px -14px #0f172ab3}button.kpi:hover{transform:translateY(-2px);box-shadow:0 11px 24px -17px #0f172acc}.kpi:after{content:"";background:color-mix(in srgb, var(--card-accent) 7%, transparent);border-radius:50%;width:110px;height:110px;position:absolute;bottom:-38px;right:-30px}.kpi-icon{color:var(--card-accent);position:absolute;top:16px;right:15px}.kpi-icon svg{width:19px;height:19px}.kpi-label{color:#59657a;letter-spacing:.1em;text-transform:uppercase;padding-right:28px;font-size:9.5px;font-weight:800;line-height:1.35}.kpi strong{letter-spacing:-.04em;margin-top:11px;font-size:clamp(28px,2.5vw,37px);line-height:1}.kpi small{color:#59657a;min-height:30px;margin-top:9px;font-size:11px;line-height:1.4}.kpi em{color:#5c6780;letter-spacing:.08em;text-transform:uppercase;margin-top:auto;font-size:8.5px;font-style:normal;font-weight:800}.gold-card{--card-accent:var(--gold)}.blue-card{--card-accent:var(--completed)}.amber-card{--card-accent:var(--behind1)}.green-card{--card-accent:var(--ontrack)}.violet-card{--card-accent:var(--advanced)}.red-card{--card-accent:var(--behind2)}.panel{margin-top:20px;overflow:hidden}.section-heading{background:linear-gradient(90deg, var(--band), #f7f9ff);border-bottom:1px solid #d6ddeb;justify-content:space-between;align-items:center;min-height:70px;padding:15px 20px;display:flex}.section-heading>div{position:relative}.section-icon{float:left;width:38px;height:38px;color:var(--navy);background:#fff;border:1px solid #d8e0ef;border-radius:10px;place-items:center;margin-right:11px;display:grid}.section-icon svg{width:20px}.section-heading h2{color:var(--navy);letter-spacing:.045em;text-transform:uppercase;margin:0;font-size:15px;font-weight:800;line-height:1.4}.section-heading p{color:#66748a;margin:3px 0 0;font-size:11px;line-height:1.45}.section-heading h2,.section-heading p{overflow:hidden}.section-heading.compact{min-height:64px}.chart-wrap{height:405px;padding:16px 12px 0}.split-grid{grid-template-columns:.85fr 1.15fr;gap:20px;display:grid}.distribution-list{padding:10px 18px 16px}.distribution-list button{color:#33415a;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f5;grid-template-columns:10px minmax(120px,1fr) 42px minmax(80px,1.4fr) 40px;align-items:center;gap:9px;width:100%;padding:10px 5px;font-size:11px;display:grid}.distribution-list button:hover{background:#f7f9fd}.distribution-list .dot{border-radius:50%;width:8px;height:8px}.distribution-list strong{text-align:right}.distribution-list em{color:#67748a;text-align:right;font-style:normal}.mini-track,.progress-cell{background:#e9edf3;border-radius:99px;height:8px;display:inline-block;position:relative;overflow:hidden}.mini-track i,.progress-cell i{border-radius:inherit;background:linear-gradient(90deg,#8eb4df,#376fa8);display:block;position:absolute;inset:0 auto 0 0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{color:#43506a;letter-spacing:.055em;text-align:left;text-transform:uppercase;white-space:nowrap;cursor:default;background:#f5f7fb;border-bottom:1px solid #d9dee8;padding:11px 12px;font-size:9px;font-weight:800}td{color:#3e4a60;vertical-align:middle;border-bottom:1px solid #e3e7ee;padding:10px 12px}tbody tr{transition:background .14s}tbody tr:not(.detail-row):hover{cursor:pointer;background:#f4f7fc}tbody tr:last-child td{border-bottom:0}.progress-cell{vertical-align:middle;width:100%;min-width:90px;height:17px}.progress-cell i{opacity:.85}.progress-cell b{z-index:1;color:#172a4f;text-align:right;padding:1px 6px;font-size:9px;display:block;position:relative}.register-grid{grid-template-columns:1fr 1.25fr;gap:20px;padding:17px;display:grid}.register-grid>div{border:1px solid var(--border);border-radius:11px;overflow:hidden}.register-grid h3{color:var(--navy);border-bottom:1px solid var(--border);background:#fafbfe;margin:0;padding:12px 14px;font-size:12px}.village-table{max-height:720px}.village-table table{min-width:1020px}.village-table thead{z-index:3;position:sticky;top:0}.village-table th{cursor:pointer}.secondary-name{color:#788398;margin-top:3px;font-size:10px;font-weight:500;display:block}.mono{color:#44516a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stage-badge{color:color-mix(in srgb, var(--badge) 74%, #172033);background:color-mix(in srgb, var(--badge) 12%, white);border:1px solid color-mix(in srgb, var(--badge) 32%, white);white-space:nowrap;border-radius:99px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.missing{color:#ae3138;font-weight:700}.selected-row{background:#eef3fc}.detail-row td{background:#f8faff;padding:0}.detail-row>td>div{border-left:4px solid var(--gold);padding:16px 18px}.detail-row h4{color:var(--navy);text-transform:uppercase;letter-spacing:.06em;margin:0 0 11px;font-size:11px}.detail-row p{color:#5f6d83;margin:12px 0 0}.milestone-trail{grid-template-columns:repeat(9,minmax(80px,1fr));gap:7px;display:grid}.milestone-trail span{color:#8791a2;text-align:center;background:#fff;border:1px solid #e1e5ec;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:8px 5px;font-size:8px;display:flex}.milestone-trail i{background:#edf0f5;border-radius:50%;place-items:center;width:18px;height:18px;font-style:normal;font-weight:800;display:grid}.milestone-trail .done{color:#27734d;background:#f2fbf6;border-color:#bfe1cf}.milestone-trail .done i{color:#fff;background:var(--ontrack)}.milestone-trail .pending{color:#a46b00;background:#fff9ec;border-color:#ecd5a7}.milestone-trail .pending i{color:#fff;background:var(--behind1)}.pagination{color:#69758a;border-top:1px solid var(--border);background:#fafbfe;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:9px;display:flex}.pagination button{color:var(--navy);border:1px solid var(--border);background:#fff;border-radius:7px;padding:6px 10px;font-size:10px;font-weight:700}.pagination button:disabled{opacity:.45;cursor:default}.quality-panel{color:#784f00;background:#fff8e7;border:1px solid #eed8a5;border-radius:13px;gap:14px;margin-top:20px;padding:17px 19px;display:flex}.quality-panel>svg{color:#c38408;flex:none;margin-top:2px}.quality-panel h2{margin:0 0 4px;font-size:13px}.quality-panel p{margin:0;font-size:11px;line-height:1.55}footer{color:#ffffffd1;border-top:3px solid var(--gold);background:#233569;justify-content:space-between;align-items:center;gap:20px;padding:24px max(34px,50% - 706px);font-size:10px;display:flex}footer>div{color:var(--gold);align-items:center;gap:10px;display:flex}footer span{flex-direction:column;gap:2px;display:flex}footer strong{color:#fff}footer small{color:#ffffffa6}footer p{text-align:right;margin:0}@media (width<=1180px){.hero-inner{flex-wrap:wrap;align-items:flex-start}.hero-meta{justify-content:flex-start;max-width:none;margin-top:-16px;padding-left:82px}.kpi-grid{grid-template-columns:repeat(3,1fr)}.kpi{min-height:150px}.split-grid,.register-grid{grid-template-columns:1fr}}@media (width<=720px){.hero-inner{gap:13px;padding:20px 17px 21px}.brand-mark{flex-basis:58px;width:58px;height:58px}.brand-copy{width:calc(100% - 72px);min-width:0}.brand-copy h1{font-size:18px}.brand-copy .eyebrow{font-size:8px}.hero-meta{justify-content:flex-start;width:100%;margin:0;padding:8px 0 0}.source-badge{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.updated{width:100%}.button{padding:9px 12px;font-size:10px}.content{padding:18px 17px 32px}.mobile-filter-button{width:100%;color:var(--navy);border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:11px;font-size:12px;font-weight:800;display:flex}.filter-panel{padding:15px;display:none}.filter-panel.open{display:block}.filter-row{flex-direction:column;gap:7px}.filter-label{padding:0}.filter-grid{grid-template-columns:1fr}.filter-grid label{flex-direction:column;align-items:flex-start;gap:6px}.search-line{flex-wrap:wrap}.search-box{flex-basis:100%}.search-line>span{flex:1}.kpi-grid{grid-template-columns:1fr 1fr;gap:11px}.kpi{min-height:152px;padding:16px 14px}.kpi strong{font-size:30px}.kpi small{font-size:10px}.section-heading{padding:13px 14px}.section-heading h2{font-size:12px}.section-heading p{font-size:10px}.chart-wrap{height:390px;padding-left:0}.distribution-list{padding:8px 10px 13px}.distribution-list button{grid-template-columns:9px minmax(100px,1fr) 32px 70px 33px;gap:6px;font-size:9px}.register-grid{gap:12px;padding:11px}.pagination{flex-direction:column;align-items:flex-start}.milestone-trail{grid-template-columns:repeat(3,1fr)}footer{flex-direction:column;align-items:flex-start;padding:22px 17px}footer p{text-align:left}}@media (width<=420px){.kpi-grid{grid-template-columns:1fr}.kpi{min-height:138px}.kpi small{min-height:22px}}@media print{body{background:#fff}.hero{box-shadow:none}.content{padding:16px}.filter-panel,.mobile-filter-button,.button,.pagination,.village-panel,.quality-panel{display:none!important}.kpi-grid{grid-template-columns:repeat(3,1fr)}.panel,.kpi{break-inside:avoid}.chart-wrap{height:320px}footer{margin-top:15px}}