@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#173642;background:#f5f8f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,DM Sans,sans-serif;letter-spacing:-.035em}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#12313f;color:#c3d5db;flex:none;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;z-index:20}.brand{height:76px;display:flex;align-items:center;gap:11px;padding:0 23px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:34px;height:34px;border:1px solid #85b3c0;border-radius:10px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding-bottom:7px}.brand-mark span{width:5px;background:#9bd1c2;border-radius:5px 5px 0 0;transform:rotate(18deg)}.brand-mark span:nth-child(1){height:13px}.brand-mark span:nth-child(2){height:19px}.brand-mark span:nth-child(3){height:10px}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{color:#fff;font-family:Manrope,sans-serif;font-weight:800;font-size:15px;letter-spacing:-.02em}.brand-text small{font-size:10px;letter-spacing:.085em;text-transform:uppercase;color:#92b2bc;margin-top:4px}.sidebar-label{font-size:10px;font-weight:700;color:#6f929e;letter-spacing:.12em;margin:27px 22px 11px}.primary-nav{display:grid;gap:3px;padding:0 12px}.nav-item{height:42px;display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#b7cdd3;border-radius:6px;text-align:left;padding:0 12px;font-size:13px;font-weight:600}.nav-item svg{width:17px;height:17px;stroke-width:1.8}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#225064;color:#fff;box-shadow:inset 3px 0 #54b7d1}.nav-item b{margin-left:auto;background:#2f6171;color:#dff8ff;border-radius:4px;padding:2px 6px;font-size:10px}.sidebar-separator{height:1px;background:#ffffff1a;margin:22px 24px 0}.sidebar-bottom{margin-top:auto}.help-card{margin:0 14px 22px;padding:17px;background:#1b4454;border:1px solid #315b6a;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}.help-icon{width:29px;height:29px;border-radius:6px;background:#315d5d;color:#b4e7d4;display:grid;place-items:center;margin-bottom:10px}.help-card strong{font-family:Manrope,sans-serif;color:#fff;font-size:12px;line-height:1.5}.help-card>span{font-size:11px;color:#a7c2c9;margin-top:5px}.mini-progress{width:100%;height:4px;background:#416371;border-radius:5px;margin:15px 0 7px}.mini-progress span{display:block;width:72.7%;height:100%;background:#72c4c2;border-radius:5px}.help-card small{font-size:10px;color:#9abcc5}.sidebar-foot{border-top:1px solid rgba(255,255,255,.1);padding:16px 23px 19px;color:#9ab6be;font-size:10px;line-height:1.55}.sidebar-foot span{color:#7296a0}.main-area{flex:1;min-width:0}.topbar{height:65px;background:#fff;border-bottom:1px solid #e1eaec;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px}.topbar-title{font-size:13px;font-weight:700;color:#193d49}.topbar-divider{width:1px;height:18px;background:#dce5e7}.topbar-context{font-size:12px;color:#77909a}.topbar-right{gap:19px}.environment-tag{color:#6792a0;font-size:10px;font-weight:700;letter-spacing:.12em;border:1px solid #d9e9ec;padding:6px 9px;border-radius:4px}.icon-button,.menu-button,.mobile-close{border:0;background:none;color:#6d8791;padding:0;display:grid;place-items:center}.notification{position:relative}.notification i{width:5px;height:5px;background:#e5a667;border-radius:50%;position:absolute;right:0;top:0}.avatar{height:30px;width:30px;border-radius:50%;background:#dcecef;color:#285b6a;display:grid;place-items:center;font-size:10px;font-weight:800}.menu-button{display:none}.page{max-width:1500px;margin:auto;padding:31px 34px 22px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#47829a;margin-bottom:7px}.page-intro h1{font-size:26px;line-height:1.3;color:#153946;font-weight:800}.page-intro p{color:#718c95;font-size:13px;margin-top:6px}.page-intro p span{padding:0 6px;color:#9bb1b8}.text-button,.link-button{border:0;background:none;color:#0b7299;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:12px;padding:0;white-space:nowrap}.text-button:hover,.link-button:hover{text-decoration:underline}.filters,.landscape-filters{display:flex;gap:10px;margin-bottom:18px}.filters label,.landscape-filters label{height:38px;min-width:190px;background:#fff;border:1px solid #dce7e9;border-radius:5px;display:flex;align-items:center;padding:0 11px;gap:7px}.filters label span,.landscape-filters label span{font-size:10px;color:#8199a1;font-weight:700;white-space:nowrap}.filters select,.landscape-filters select{border:0;color:#315460;font-size:11px;font-weight:700;outline:0;background:transparent;max-width:150px;min-width:0}.filters label:first-child{min-width:211px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.kpi-card,.panel{background:#fff;border:1px solid #dfe9eb;border-radius:7px;box-shadow:0 1px 2px #143a4606}.kpi-card{min-height:125px;padding:17px 18px}.kpi-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kpi-head>span:first-child{font-size:11px;color:#667f89;font-weight:700}.kpi-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#e9f4f8;color:#0a7399}.kpi-icon.green{background:#edf6f0;color:#2f7653}.kpi-icon.amber{background:#fcf3e5;color:#b87d2c}.kpi-card>strong{font:800 27px/1 Manrope,sans-serif;color:#173b48;display:block;margin:8px 0;letter-spacing:-.04em}.kpi-detail{font-size:10px;color:#8aa0a8}.dashboard-main{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(285px,.78fr);gap:16px;margin-bottom:16px}.panel{padding:19px 20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:15px}.section-heading h2{font-size:16px;color:#1b3c48;line-height:1.3;font-weight:800}.section-heading .eyebrow{margin-bottom:6px}.performance-panel{min-height:270px}.performance-sub{font-size:11px;color:#8ca2a9;margin-top:-6px}.performance-sub span{padding:0 5px}.performance-content{display:flex;align-items:center;margin-top:15px;gap:24px}.performance-feature{display:flex;align-items:center;gap:14px;width:49%;flex:none;border-right:1px solid #e7eef0;padding-right:15px}.circle-progress{height:110px;width:110px;flex:none;position:relative}.circle-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-progress circle{fill:none;stroke-width:8}.circle-bg{stroke:#e6f2f4}.circle-value{stroke:#0b83ac;stroke-linecap:round}.circle-progress>div{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.circle-progress strong{font:800 21px Manrope,sans-serif;letter-spacing:-.06em}.circle-progress span{font-size:9px;color:#879ba1}.feature-copy{min-width:0}.feature-label{font-size:9px;color:#4c8496;font-weight:800;letter-spacing:.08em}.feature-copy>strong{display:block;margin-top:7px;font:800 20px Manrope,sans-serif;color:#153b48;white-space:nowrap}.feature-copy>strong small{font-size:12px}.feature-copy>strong span{font:500 11px DM Sans,sans-serif;color:#8aa1a7}.feature-copy p{font-size:10px;color:#7d969f;margin:4px 0 12px}.performance-list{flex:1;min-width:0}.indicator-row{width:100%;display:block;text-align:left;background:none;border:0;border-bottom:1px solid #edf2f3;padding:6px 0}.indicator-row:last-child{border-bottom:0}.indicator-row>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#244753}.indicator-row small{color:#849ba3;font-size:10px;white-space:nowrap}.row-progress{display:flex;align-items:center;gap:10px;margin-top:8px}.row-progress b{font-size:10px;color:#377088;width:27px}.progress{height:6px;background:#e7f0f2;border-radius:9px;overflow:hidden;flex:1}.progress span{height:100%;display:block;background:#2b9fc9;border-radius:9px}.progress.light{background:#d8edf0}.status-panel{min-height:270px}.status-donut{display:flex;align-items:center;gap:25px;padding:8px 2px 18px}.donut{height:120px;width:120px;border-radius:50%;background:conic-gradient(#2f7653 0,#2f7653 75%,#d5a056 75%,#d5a056);display:grid;place-items:center;flex:none}.donut:before{content:"";position:absolute;background:#fff;height:87px;width:87px;border-radius:50%}.donut span{position:relative;display:flex;flex-direction:column;align-items:center}.donut strong{font:800 23px Manrope,sans-serif;color:#173b48}.donut small{font-size:10px;color:#8aa0a6}.legend{flex:1}.legend>div{display:flex;align-items:center;gap:9px;margin:13px 0;color:#647f88;font-size:11px}.legend strong{margin-left:auto;color:#1c3e49}.legend-dot{height:8px;width:8px;border-radius:50%}.green-dot{background:#2f7653}.amber-dot{background:#d5a056}.status-note{background:#f8f6ef;color:#8d7345;border:1px solid #f1e9d9;border-radius:5px;padding:10px;display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.5}.status-note svg{flex:none}.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:16px;margin-bottom:16px}.map-preview-panel,.attention-panel{min-height:308px}.map-preview-panel .mock-map{height:190px}.map-preview-footer{display:flex;gap:23px;align-items:center;margin-top:12px;color:#6e8a93;font-size:10px}.map-preview-footer span{display:flex;align-items:center;gap:5px}.attention-item{display:flex;gap:11px;padding:4px 0 14px;border-bottom:1px solid #eaf0f1;margin-bottom:12px}.attention-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:6px;flex:none}.attention-icon.amber{background:#fbf2e6;color:#b47b2e}.attention-icon.blue{background:#e9f5f8;color:#1880a4}.attention-item strong{font-size:11px;color:#244551}.attention-item p{font-size:10px;color:#7c949c;line-height:1.5;margin:4px 0 6px}.attention-item button{background:none;border:0;padding:0;color:#0b7299;font-size:10px;font-weight:700;display:flex;gap:5px;align-items:center}.attention-foot{display:flex;align-items:center;gap:7px;color:#6d8b94;font-size:10px}.attention-foot svg{color:#3b8a74}.dashboard-bottom{margin-bottom:8px}.review-panel{padding-bottom:11px}.review-table-head,.review-table>button{display:grid;grid-template-columns:1.3fr 1.45fr .7fr .8fr;gap:12px;align-items:center}.review-table-head{background:#f6f9f9;border:1px solid #eaf0f1;color:#8aa0a8;font-size:9px;letter-spacing:.07em;font-weight:800;padding:10px}.review-table>button{width:100%;border:0;background:#fff;text-align:left;color:#49636e;font-size:10px;padding:12px 10px}.review-table>button:hover{background:#f8fbfc}.review-table>button>span:first-child{display:flex;align-items:center;gap:8px;font-weight:700;color:#285363}.review-table>button svg{color:#1784a9}.badge{display:inline-flex;align-items:center;gap:6px;width:max-content;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.green{background:#edf6f0;color:#2f7653}.badge.amber{background:#fbf3e7;color:#ad7832}.badge.blue{background:#eaf5f8;color:#267e9c}.badge.slate{background:#eef2f3;color:#6d8390}.page-footer{text-align:right;color:#a8b8bd;font-size:10px;padding:15px 0 0}.breadcrumbs{display:flex;align-items:center;gap:7px;color:#9aadb3;font-size:11px;margin-bottom:22px;white-space:nowrap;overflow:hidden}.breadcrumbs button{border:0;background:none;color:#638e9d;padding:0;font-size:11px}.breadcrumbs strong{font-weight:700;color:#315562;overflow:hidden;text-overflow:ellipsis}.project-intro{align-items:center}.project-banner{background:#17475a;color:#fff;border-radius:7px;padding:23px 25px;display:flex;justify-content:space-between;gap:35px;margin-bottom:18px;position:relative;overflow:hidden}.project-banner:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);width:280px;height:280px;border-radius:50%;right:12%;top:-130px;pointer-events:none}.project-banner>div:first-child{max-width:540px;z-index:1}.banner-label{font-size:9px;font-weight:800;letter-spacing:.14em;color:#8fcbda}.project-banner h2{font-size:18px;letter-spacing:-.025em;margin:8px 0}.project-banner p{font-size:11px;line-height:1.55;color:#b9d4dc}.banner-meta{display:flex;gap:25px;align-items:center;z-index:1}.banner-meta>div{display:flex;flex-direction:column;gap:5px;max-width:165px}.banner-meta span{font-size:9px;color:#92bfcc;text-transform:uppercase;letter-spacing:.07em}.banner-meta strong{font-size:11px;line-height:1.4;color:#f4fbfd}.tabs{border-bottom:1px solid #dfe9eb;display:flex;gap:27px;margin-bottom:17px;overflow:auto}.tabs button{border:0;background:none;color:#8197a0;font-size:11px;font-weight:700;padding:0 1px 13px;white-space:nowrap}.tabs button.active{color:#0a7599;border-bottom:2px solid #168caf}.project-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:16px}.project-main,.project-side{display:grid;gap:16px;align-content:start}.hierarchy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.hierarchy-step{border:1px solid #e2edef;background:#fbfcfc;border-radius:5px;display:flex;gap:10px;padding:12px;min-height:78px}.hierarchy-step>span{font:800 11px Manrope,sans-serif;color:#1b88a9}.hierarchy-step small{display:block;font-size:9px;letter-spacing:.08em;font-weight:800;color:#94a8af;margin-bottom:4px}.hierarchy-step strong{font-size:11px;line-height:1.35;color:#284f5c}.hierarchy-step p{font-size:9px;color:#95a9af;margin-top:3px}.hierarchy-step.last{background:#ecf7f9}.program-indicators{display:grid}.program-indicator{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(130px,.7fr) 105px 16px;gap:16px;align-items:center;width:100%;padding:13px 0;border:0;border-bottom:1px solid #eaf0f1;background:#fff;text-align:left}.program-indicator:last-child{border-bottom:0}.program-indicator>div:first-child{display:flex;flex-direction:column;gap:4px}.program-indicator strong{font-size:11px;color:#294e5b}.program-indicator small{font-size:10px;color:#95a9af}.program-indicator-progress{display:flex;gap:8px;align-items:center}.program-indicator-progress span{font-size:10px;font-weight:700;color:#4e7888}.program-indicator>svg{color:#89a0a8}.snapshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.snapshot-grid>div{background:#f7faf9;border:1px solid #eaf0ef;border-radius:5px;min-height:75px;padding:10px;display:grid;grid-template-columns:22px 1fr;align-items:center}.snapshot-grid svg{color:#4d93a6}.snapshot-grid strong{font:800 18px Manrope,sans-serif;color:#244653}.snapshot-grid span{grid-column:2;font-size:10px;color:#8ba1a9;margin-top:-5px}.learning-item{display:flex;gap:10px;border-bottom:1px solid #edf2f3;padding:11px 0}.learning-item:last-child{border:0}.learning-icon{height:28px;width:28px;border-radius:5px;background:#e9f5f8;color:#1b83a6;display:grid;place-items:center;flex:none}.learning-icon.green{background:#edf6f0;color:#2f7653}.learning-item small,.learning-wide small{display:block;color:#88a0a9;font-size:9px;margin-bottom:5px}.learning-item strong{font-size:11px;color:#2d535f;line-height:1.4}.place-card{background:#eff8f9}.place-card-top{display:flex;align-items:center;gap:8px;color:#1f5a70;font-size:11px}.place-card p{font-size:10px;line-height:1.5;color:#638692;margin:8px 0 10px}.tab-panel{min-height:340px}.tab-lead,.panel-description{font-size:11px;color:#78939c;line-height:1.5;margin:-5px 0 15px}.simple-table .table-head,.simple-table>div:not(.table-head){display:grid;grid-template-columns:2fr .6fr .7fr .7fr;gap:10px;align-items:center}.simple-table .table-head{background:#f6f9f9;color:#8ba2a9;font-size:9px;letter-spacing:.08em;font-weight:800;padding:11px}.simple-table>div:not(.table-head){padding:13px 10px;border-bottom:1px solid #e8eff0;font-size:11px;color:#6a8791}.simple-table strong{color:#2b505d;font-size:11px}.site-stat-list>div{display:grid;grid-template-columns:220px minmax(100px,1fr) 40px;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid #e8eff0;font-size:11px;color:#345964}.site-stat-list strong{text-align:right}.learning-wide{display:flex;gap:15px;border-bottom:1px solid #e8eff0;padding:16px 0}.learning-wide svg{color:#2b9fc9}.learning-wide strong{font-size:12px;color:#2e5260}.learning-wide p{font-size:10px;color:#8ba2aa;margin-top:5px}.review-context{background:#f0f6f7;border:1px solid #dce9ec;border-radius:5px;display:flex;align-items:center;gap:20px;padding:15px 20px;margin-bottom:16px}.review-context>div{display:flex;flex-direction:column;gap:4px;flex:1}.review-context span,.metric-strip span,.site-context span{font-size:9px;color:#88a0a8;letter-spacing:.08em;font-weight:800}.review-context strong{font-size:11px;color:#315b69}.review-context svg{color:#9cb3ba}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #dfe9eb;border-radius:7px;margin-bottom:16px}.metric-strip>div{padding:17px 22px;border-right:1px solid #e8eff0}.metric-strip>div:last-child{border:0}.metric-strip .highlight{background:#eff8fa}.metric-strip strong{font:800 26px Manrope,sans-serif;letter-spacing:-.045em;color:#1b414f;display:block;margin:4px 0}.metric-strip strong small{font-size:14px}.metric-strip p{font-size:10px;color:#9aabb1}.review-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,.82fr);gap:16px}.review-left,.review-right{display:grid;gap:16px;align-content:start}.trend-panel{min-height:305px}.chart-key{font-size:9px;color:#7b959d;display:flex;align-items:center;gap:6px}.chart-key i{width:6px;height:6px;border-radius:50%;background:#0b6f98}.trend-chart{height:192px;width:100%}.trend-chart svg{height:100%;width:100%;overflow:visible}.trend-chart text{font:10px DM Sans,sans-serif;fill:#95aab0}.trend-chart .month{font-size:10px}.chart-footer{display:flex;justify-content:space-between;color:#849da5;font-size:10px;margin:1px 7px 0 58px}.subtle-count{font-size:10px;color:#8da2a9;background:#f2f7f8;padding:5px 8px;border-radius:4px}.evidence-file{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #e9f0f1}.evidence-file:last-child{border-bottom:0}.file-icon{height:32px;width:32px;border-radius:5px;background:#e9f4f7;color:#2387a6;display:grid;place-items:center;flex:none}.file-icon.image{background:#eaf5ef;color:#428566}.file-icon.map{background:#f5f2e9;color:#997e40}.evidence-file>div{min-width:0;flex:1}.evidence-file strong{display:block;font-size:11px;color:#2e5260;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evidence-file small{display:block;font-size:9px;color:#9badb3;margin-top:4px}.evidence-file button{border:0;background:none;color:#9fb2b8}.submission-panel .section-heading{margin-bottom:8px}.detail-pair{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #eaf0f1;font-size:10px}.detail-pair>span{color:#8ba1aa}.detail-pair strong{text-align:right;color:#315664;font-size:10px}.detail-pair small{display:block;font-size:9px;color:#9bb0b7;margin-top:3px;font-weight:400}.validation-box{display:flex;gap:9px;background:#edf6f0;border:1px solid #dcece1;padding:12px;border-radius:5px;margin:16px 0;color:#36795a}.validation-box svg{flex:none}.validation-box strong{font-size:10px}.validation-box p{font-size:9px;color:#6f9a7d;line-height:1.5;margin-top:4px}.review-actions{display:flex;gap:9px}.primary-button,.secondary-button{border-radius:5px;min-height:36px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-button{background:#0b789d;color:#fff;border:1px solid #0b789d}.primary-button:hover{background:#096785}.secondary-button{background:#fff;color:#387185;border:1px solid #c9dce2}.secondary-button:hover{background:#f5fafb}.review-actions>*{flex:1}.decision-notice{padding:9px 11px;background:#fcf3e7;color:#a66e25;border-radius:4px;font-size:10px;margin-top:11px}.decision-notice.approved{background:#edf6f0;color:#2f7653}.history-panel .section-heading{margin-bottom:8px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:10px;top:16px;bottom:16px;border-left:1px solid #d7e6e9}.timeline>div{display:flex;gap:11px;padding:8px 0;position:relative}.timeline-icon{height:21px;width:21px;display:grid;place-items:center;flex:none;border-radius:50%;background:#edf3f5;color:#6f929e}.timeline-icon.done{background:#e7f2eb;color:#3f8761}.timeline-icon.current{background:#e8f4f8;color:#1881a3}.timeline strong{display:block;font-size:10px;color:#315461}.timeline small{display:block;color:#98aab0;font-size:9px;margin-top:3px}.review-note-label{font-size:10px;color:#6e8992;font-weight:700;display:block;margin-top:11px}.review-note-label textarea{width:100%;border:1px solid #dce9eb;border-radius:4px;resize:vertical;min-height:55px;margin-top:7px;padding:9px;color:#315664;font-size:10px;outline:none}.landscape-page{max-width:none}.landscape-filters{margin-bottom:14px}.landscape-filters label{min-width:0;flex:1}.landscape-filters select{max-width:none;width:100%}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 305px;border:1px solid #d9e7e9;border-radius:7px;overflow:hidden;background:#fff;height:580px}.explorer-map{position:relative;min-width:0}.explorer-map .mock-map{height:100%;border:0;border-radius:0}.site-panel{overflow:auto;border-left:1px solid #dce9eb}.site-panel-top{padding:21px;border-bottom:1px solid #e4edef}.site-panel-top h2{font-size:22px;color:#1a414f}.site-panel-top p{font-size:11px;color:#8fa5ac;margin-top:3px}.site-coordinates{font-size:10px;color:#7c99a2;display:flex;align-items:center;gap:5px;margin-top:15px}.site-panel-body{padding:19px 21px}.site-context{display:grid;gap:5px}.site-context strong{font-size:11px;color:#315866;margin-bottom:10px}.site-progress{margin:14px 0;border-top:1px solid #e9f0f1;padding-top:15px}.site-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#64828d;margin-bottom:11px}.site-progress strong{color:#0b7599;font-size:14px}.site-progress small{font-size:9px;color:#9aadb4;display:block;margin-top:7px}.site-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.site-metrics>div{background:#f5f9f9;border:1px solid #e7eff0;border-radius:5px;display:flex;flex-direction:column;align-items:center;padding:10px 3px;gap:3px}.site-metrics svg{color:#458ca2}.site-metrics strong{font:800 16px Manrope,sans-serif;color:#274b58}.site-metrics span{font-size:9px;color:#8da3aa}.site-evidence{padding:16px 0;margin-top:15px;border-top:1px solid #e7eff0}.site-evidence span{font-size:9px;letter-spacing:.08em;color:#8ca2a9;font-weight:800}.site-evidence strong{display:block;font-size:11px;color:#315663;margin-top:7px}.site-evidence p{font-size:10px;line-height:1.5;color:#8da2aa;margin-top:5px}.primary-button.full{width:100%}.map-explainer{display:flex;align-items:center;gap:6px;font-size:10px;color:#8aa2aa;margin-top:11px}.mock-map{position:relative;overflow:hidden;border:1px solid #dce9e8;border-radius:5px;background:#d8eaf0;isolation:isolate}.map-water{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(164deg,transparent 0 48px,rgba(255,255,255,.12) 49px 50px),#d6e9ef}.map-land{position:absolute;background:#c8d8be;border:2px solid #b7cdb7;box-shadow:0 0 0 15px #73a47e12;z-index:1}.land-one{width:78%;height:135%;left:28%;top:-22%;border-radius:44% 34% 29% 50%;transform:rotate(-23deg)}.land-two{width:39%;height:67%;left:45%;top:41%;border-radius:43% 36% 37% 24%;transform:rotate(19deg);background:#bbd0b6}.land-three{width:18%;height:28%;left:12%;top:67%;border-radius:50%;transform:rotate(15deg);background:#c4d6b7}.map-channel{position:absolute;background:#d8eaf0;z-index:2;border-radius:50%;opacity:.96}.channel-one{width:67%;height:17%;left:27%;top:44%;transform:rotate(36deg)}.channel-two{width:44%;height:10%;left:48%;top:19%;transform:rotate(-23deg)}.map-road{position:absolute;height:2px;background:#f3e8cf;box-shadow:0 0 0 2px #ab976621;z-index:3;transform-origin:left}.road-one{width:71%;left:29%;top:32%;transform:rotate(27deg)}.road-two{width:45%;left:48%;top:76%;transform:rotate(-26deg)}.road-three{width:35%;left:39%;top:23%;transform:rotate(68deg)}.map-pattern{position:absolute;z-index:2;right:0;top:0;width:70%;height:100%;opacity:.12;background:repeating-linear-gradient(45deg,transparent 0 20px,#7da67e 21px 22px,transparent 23px 50px)}.map-label{position:absolute;z-index:4;font-size:9px;letter-spacing:.15em;font-weight:800;color:#7ea3b3}.label-makassar{left:7%;top:20%;transform:rotate(-20deg)}.label-sulawesi{right:7%;top:13%;color:#779574}.label-coast{right:22%;bottom:13%;color:#799b83}.map-marker{position:absolute;z-index:8;border:0;background:none;display:flex;align-items:center;gap:7px;transform:translate(-10px,-10px);padding:0}.pin-core{width:21px;height:21px;border-radius:50%;background:#0b779c;border:4px solid #fff;box-shadow:0 0 0 5px #0b6f9830,0 2px 7px #14414e33}.map-marker.selected .pin-core{background:#db8f37;box-shadow:0 0 0 6px #db8f3740,0 2px 7px #14414e33}.pin-label{background:#fff;color:#27515f;border:1px solid #d6e4e7;border-radius:3px;padding:5px 7px;font-size:10px;font-weight:800;box-shadow:0 2px 5px #1f515e1f;white-space:nowrap}.map-compass{position:absolute;right:17px;top:16px;z-index:7;background:#fff;border:1px solid #d6e5e8;border-radius:5px;padding:6px;color:#315c6b;display:flex;align-items:center;gap:2px;font-size:9px;font-weight:800}.map-scale{position:absolute;left:16px;bottom:13px;z-index:7;display:flex;gap:5px;align-items:center;color:#547c89;font-size:9px;font-weight:700}.map-scale span{width:43px;border-bottom:2px solid #577f8c}.map-floating-label{position:absolute;right:12px;bottom:12px;z-index:7;color:#275a6a;background:#fff;border:1px solid #d9e6e8;border-radius:4px;padding:5px 7px;font-size:9px;font-weight:800}.mock-map.compact .map-compass,.mock-map.compact .map-scale{display:none}.mock-map.compact .pin-core{width:15px;height:15px;border-width:3px}.layer-control{position:absolute;left:18px;top:18px;z-index:10;background:#fff;border:1px solid #d7e4e7;box-shadow:0 5px 20px #133d4b1a;border-radius:5px;width:190px;padding:11px 12px}.layer-control>div{display:flex;gap:8px;align-items:center;color:#2f5968;font-size:11px;padding-bottom:7px;border-bottom:1px solid #e9eff0;margin-bottom:5px}.layer-control>div svg{color:#3788a1}.layer-control label{display:flex;align-items:center;gap:7px;font-size:10px;color:#65838d;padding:5px 0;cursor:pointer}.layer-control input{accent-color:#0b789d;width:12px;height:12px;margin:0}.map-zoom{position:absolute;right:18px;bottom:18px;z-index:10;display:grid;background:#fff;border:1px solid #d6e4e7;border-radius:4px;box-shadow:0 2px 9px #133d4b1a}.map-zoom button{background:none;border:0;width:29px;height:28px;color:#315b6b;font-size:18px}.map-zoom button:first-child{border-bottom:1px solid #e3edef}.field-page{background:#f5f8f8;min-height:calc(100vh - 65px)}.field-top{display:none}.field-content{max-width:610px;margin:auto;padding:32px 28px 34px}.field-header{margin-bottom:22px}.field-header-icon{width:40px;height:40px;background:#e4f2f6;color:#0b789d;border-radius:8px;display:grid;place-items:center;margin-bottom:14px}.field-header h1{font-size:25px;color:#1d4351}.field-header p{font-size:12px;line-height:1.55;color:#839ba4;margin-top:6px;max-width:500px}.field-step{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:10px;font-weight:700;color:#78939d}.field-step>div{display:flex;align-items:center;gap:6px;white-space:nowrap}.field-step span{height:19px;width:19px;border-radius:50%;display:grid;place-items:center;background:#dfecee;color:#668a96;font-size:9px}.field-step>div:first-child{color:#0b789d}.field-step>div:first-child span{background:#0b789d;color:#fff}.field-step i{width:35px;height:1px;background:#d4e2e6}.field-form{background:#fff;border:1px solid #dfe9eb;border-radius:7px;padding:25px}.form-section-title{display:flex;align-items:center;gap:9px;color:#2c5360;margin-bottom:15px}.form-section-title span{color:#1b85a4;font:800 11px Manrope,sans-serif}.form-section-title strong{font:800 13px Manrope,sans-serif}.form-section-title.second{border-top:1px solid #e7eff1;padding-top:19px;margin-top:19px}.field-form>label:not(.upload-zone),.field-two label{font-size:11px;color:#5f7f8a;font-weight:700;display:block;margin-bottom:13px}.input-wrap{height:40px;border:1px solid #d6e5e8;border-radius:5px;display:flex;align-items:center;margin-top:7px;padding-right:10px;background:#fff}.input-wrap select{width:100%;height:100%;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:0 11px;color:#2d5260;outline:none;font-size:11px;font-weight:600}.input-wrap svg{color:#88a3ac;pointer-events:none}.location-confirm{background:#f1f8f9;color:#558296;border-radius:4px;padding:9px 11px;display:flex;gap:7px;align-items:center;font-size:10px}.field-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.achievement-input{height:40px;border:1px solid #d6e5e8;border-radius:5px;display:flex;align-items:center;margin-top:7px}.achievement-input input{width:100%;height:100%;border:0;outline:0;padding:0 11px;color:#2d5260;font-weight:700;font-size:12px}.achievement-input span{background:#f3f8f9;color:#588395;height:100%;width:40px;border-left:1px solid #d6e5e8;display:grid;place-items:center}.target-context{background:#f0f7f8;color:#6c909b;padding:9px 11px;border-radius:4px;display:flex;align-items:center;gap:7px;font-size:10px}.target-context svg{color:#1985a6}.target-context strong{color:#285968}.target-separator{color:#b2c5cb}.upload-zone{border:1px dashed #9bc5d0;border-radius:5px;background:#f7fbfc;display:flex;flex-direction:column;align-items:center;padding:17px;gap:5px;color:#277a97;cursor:pointer;margin-bottom:16px}.upload-zone input{display:none}.upload-zone>span{height:32px;width:32px;border-radius:50%;display:grid;place-items:center;background:#e6f3f7}.upload-zone strong{font-size:11px}.upload-zone small{font-size:9px;color:#8da7af}.attached-files{margin:-8px 0 15px}.attached-files>div{font-size:10px;color:#5c8391;display:flex;align-items:center;gap:6px;margin-top:6px}.field-form textarea{display:block;width:100%;border:1px solid #d6e5e8;border-radius:5px;outline:none;resize:vertical;padding:10px;font-size:11px;color:#315664;line-height:1.5;margin-top:7px}.field-status{display:flex;align-items:flex-start;gap:8px;color:#398262;background:#f0f7f2;border:1px solid #e0eee4;border-radius:5px;padding:10px;margin:17px 0}.field-status strong{font-size:10px;display:block}.field-status span{font-size:9px;color:#7d9f89;display:block;margin-top:3px}.field-actions{display:flex;gap:10px}.field-actions>*{flex:1;height:40px}.field-disclaimer{text-align:center;color:#a9bbc1;font-size:9px;margin-top:17px}@media(max-width:1180px){.sidebar{width:210px}.page{padding:25px 22px}.topbar{padding:0 22px}.performance-content{gap:12px}.performance-feature{width:47%}.circle-progress{width:85px;height:85px}.feature-copy>strong{font-size:17px}.dashboard-main{grid-template-columns:minmax(0,1.4fr) minmax(255px,.75fr)}.map-preview-footer{gap:10px;flex-wrap:wrap}.hierarchy{grid-template-columns:repeat(2,1fr)}.banner-meta{gap:13px}}@media(max-width:960px){.sidebar{width:66px}.brand{padding:0 16px}.brand-text,.sidebar-label,.nav-item span,.nav-item b,.sidebar-separator,.sidebar-bottom{display:none}.primary-nav{padding:20px 9px 0}.nav-item{justify-content:center;padding:0}.dashboard-main,.dashboard-lower,.project-grid,.review-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.performance-panel{min-height:0}.map-preview-panel .mock-map{height:260px}.explorer{grid-template-columns:minmax(0,1fr) 280px}.environment-tag{display:none}}@media(max-width:700px){.sidebar{position:fixed;left:-240px;width:240px;transition:left .2s}.sidebar.open{left:0}.sidebar.open .brand-text,.sidebar.open .sidebar-label,.sidebar.open .nav-item span,.sidebar.open .sidebar-bottom{display:flex}.sidebar.open .sidebar-label{display:block}.sidebar.open .brand-text{flex-direction:column}.sidebar.open .sidebar-bottom{display:block}.sidebar.open .nav-item{justify-content:flex-start;padding:0 12px}.sidebar.open .primary-nav{padding:0 12px}.sidebar.open .mobile-close{display:grid;margin-left:auto;color:#fff}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d2937aa;z-index:19}.topbar{height:57px;padding:0 16px}.menu-button{display:grid}.topbar-context,.topbar-divider,.topbar-right .icon-button{display:none}.page{padding:22px 15px}.page-intro{align-items:flex-start}.page-intro h1{font-size:23px}.page-intro .text-button{display:none}.filters,.landscape-filters{overflow:auto;padding-bottom:4px}.filters label{flex:none}.kpi-grid{gap:9px}.kpi-card{padding:13px;min-height:110px}.kpi-card>strong{font-size:24px}.performance-content{flex-direction:column;align-items:stretch}.performance-feature{border-right:0;border-bottom:1px solid #e7eef0;width:100%;padding:0 0 16px}.indicator-row{padding:9px 0}.status-donut{justify-content:space-around}.dashboard-lower{display:flex;flex-direction:column}.map-preview-footer{font-size:9px}.review-table-head,.review-table>button{grid-template-columns:1.2fr 1fr}.review-table-head span:nth-child(2),.review-table-head span:nth-child(3),.review-table>button>span:nth-child(2),.review-table>button>span:nth-child(3){display:none}.project-banner{display:block}.banner-meta{margin-top:18px;flex-wrap:wrap}.tabs{gap:20px}.program-indicator{grid-template-columns:1fr 90px 16px}.program-indicator>.badge{display:none}.review-context{overflow:auto}.review-context>div{min-width:130px}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip>div:nth-child(2){border-right:0}.metric-strip>div:nth-child(-n+2){border-bottom:1px solid #e8eff0}.explorer{height:auto;display:flex;flex-direction:column}.explorer-map{height:470px}.site-panel{border-left:0;border-top:1px solid #dce9eb}.landscape-filters{display:grid;grid-template-columns:repeat(2,1fr)}.landscape-filters label{width:100%}.landscape-filters label span{display:none}.field-page{min-height:calc(100vh - 57px)}.field-content{padding:25px 17px}.field-form{padding:20px}}@media(max-width:480px){.app-shell:has(.field-page) .sidebar,.app-shell:has(.field-page) .topbar{display:none}.app-shell:has(.field-page) .main-area{width:100%}.field-page{min-height:100vh;background:#fff}.field-top{height:54px;border-bottom:1px solid #e4edef;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#315765;font-size:13px;font-weight:800}.field-top button{border:0;background:none;color:#547f8c;padding:4px}.field-content{padding:18px 19px 28px}.field-header{margin-bottom:21px}.field-header-icon{width:36px;height:36px;margin-bottom:12px}.field-header h1{font-size:22px}.field-header p{font-size:11px}.field-step{gap:8px;font-size:9px}.field-step i{width:20px}.field-form{border:0;padding:0;box-shadow:none}.form-section-title.second{margin-top:18px;padding-top:18px}.input-wrap{height:43px}.field-two{gap:10px}.target-context{flex-wrap:wrap;gap:5px}.upload-zone{padding:14px}.field-actions>*{height:43px}.field-disclaimer{margin-top:24px}}.mobile-close{display:none}@media(max-width:700px){.sidebar.open .mobile-close{display:grid}}