:root{--forest:#155d47;--ink:#193c32;--muted:#718078;--line:#e2e9e2}
body{background:#f6f8f4;color:var(--ink);font-family:'Sarabun',sans-serif;font-size:15px}
.navbar-main{background:#fff!important;height:auto;min-height:80px;border-bottom:1px solid var(--line)}
.navbar-main .navbar-brand{color:var(--ink)!important;letter-spacing:-.8px}.navbar-brand .text-info{color:var(--forest)!important}.navbar-brand>i{background:var(--forest);color:#d6ef94!important;padding:12px;border-radius:14px;font-size:20px}
.navbar-main .nav-link{color:#65726a!important;padding:12px 17px!important;font-size:14px}.navbar-main .nav-link.active{color:var(--forest)!important;background:#eef4ec;border-radius:9px}.navbar-main .nav-link:hover{color:var(--forest)!important}.navbar-nav{gap:5px;margin-left:36px}
.navbar-main .btn-info{background:var(--forest);border-color:var(--forest);color:#fff!important;padding:11px 21px!important;border-radius:10px!important}.navbar-toggler{background:var(--forest)}
main.container-fluid{max-width:1500px;padding-top:28px!important}.home-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.5fr 1fr;min-height:290px;background:#163f32;color:white;border-radius:22px;margin-bottom:32px;padding:40px 44px;isolation:isolate}.hero-eyebrow{color:#c6df9b;letter-spacing:2px;font-size:11px;font-weight:700;margin-bottom:18px}.home-hero h1{font-size:clamp(28px,3.1vw,46px);font-weight:700;line-height:1.4;letter-spacing:-1px;margin-bottom:13px}.home-hero h1 span{color:#d0eb9c}.home-hero p{color:#c1d3c7;line-height:1.9;max-width:530px;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.hero-actions a{border-radius:9px;padding:11px 18px;font-weight:600;font-size:14px}.hero-primary{background:#d7edaa;color:#234535}.hero-primary:hover{background:#e9f5cf}.hero-secondary{border:1px solid #698577;color:white}.hero-secondary:hover{background:#315847;color:white}.hero-art{display:flex;align-items:center;justify-content:center;position:relative}.eco-orbit{height:235px;width:235px;border:1px solid #6e957657;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 32px #779b6510,0 0 0 65px #779b6509}.eco-orbit>i{font-size:110px;color:#cbe7a1;transform:rotate(-12deg)}.eco-tag{position:absolute;padding:11px 16px;background:#fcfff0;color:#31533b;font-size:12px;border-radius:12px;box-shadow:0 8px 30px #09281c33}.eco-tag.top{top:20px;right:0}.eco-tag.bottom{bottom:15px;left:10px}.eco-tag i{color:#4e8053;margin-right:8px}
.section-eyebrow{font-size:10px;letter-spacing:2px;color:#80917f;font-weight:700;margin-bottom:6px}.overview-heading h3{font-size:23px;color:var(--ink)}.overview-heading p{font-size:13px;margin-top:7px!important}.kpi-card{border-color:var(--line);border-radius:15px;min-height:122px;padding:25px;box-shadow:none}.kpi-card h3{font-family:'Plus Jakarta Sans','Sarabun',sans-serif;font-size:27px;margin-top:9px!important;letter-spacing:-1px}.kpi-card .h6{font-size:12px;letter-spacing:0}.kpi-card .small{font-size:12px;font-weight:500!important}.kpi-icon{width:47px;height:47px;border-radius:50%;font-size:18px}.map-section-wrapper{border-color:var(--line);border-radius:16px;box-shadow:none;margin-bottom:28px!important}.map-sb{width:260px}.msb-header{background:#fff;font-size:14px;color:var(--ink)!important;padding:22px 19px}.filter-btn{border-color:transparent!important;padding:12px;font-size:13px;color:#647269}.filter-btn.active{background:#eaf2e5!important;border-color:#dce8d4!important;color:#285436!important}.filter-btn:hover{background:#f2f5ed}.map-sb .form-select{box-shadow:none!important;min-height:44px}.map-sb label{font-size:12px}#map{height:480px;min-width:0;background:#e7ede4}.map-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 15px;gap:12px}.map-title h2{font-size:21px;font-weight:700;margin:0}.map-title span{font-size:12px;color:#758373}.panel-box{border-color:var(--line);box-shadow:none;border-radius:16px;padding:23px}.panel-box h5{font-size:16px}.table-feed th{background:#f4f7f1;padding:15px 12px;font-weight:500;color:#798476}.table-feed td{font-size:13px}.feed-scroll{border-color:var(--line);overflow:auto}.rank-item{gap:10px}.rank-number{flex-shrink:0}.rank-item .badge{font-size:11px}.home-footer{max-width:1404px;margin:20px auto 0;border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;font-size:12px;color:#7c897d}.home-footer strong{color:var(--forest)}.skip-link{position:fixed;top:-60px;left:20px;z-index:9999;background:white;padding:12px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #8eb555!important;outline-offset:4px}#mapStatus{padding:14px 18px;border-top:1px solid var(--line);font-size:12px;color:#6b7e6c}.navbar-main .dropdown-toggle{color:var(--forest)!important}
@media(min-width:1500px){.eco-tag.top{right:35px}.eco-tag.bottom{left:40px}}
@media(max-width:991px){.navbar-collapse{padding:18px 0}.navbar-nav{margin-left:0;margin-bottom:18px!important}.home-hero{padding:30px;grid-template-columns:1.5fr 1fr}.eco-orbit{width:160px;height:160px}.eco-orbit>i{font-size:80px}.eco-tag{font-size:10px;padding:8px}.eco-tag.top{right:-15px}.eco-tag.bottom{left:0}.kpi-card{padding:18px}.kpi-card h3{font-size:22px}}
@media(max-width:767px){.home-hero{grid-template-columns:1fr;padding:28px 23px;min-height:0}.hero-art{display:none}.home-hero p{font-size:13px}.overview-heading h3{font-size:20px}.map-sb{width:100%;border-right:0}.map-sb .p-3{display:grid;grid-template-columns:1fr 1fr;gap:15px}.map-sb .mb-4{margin-bottom:0!important}#map{height:380px;width:100%;flex:none}.home-footer{gap:15px;flex-direction:column}.map-title{align-items:flex-start;flex-direction:column}.kpi-card{min-height:102px}.home-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.home-filter-bar{display:grid;grid-template-columns:minmax(200px,1fr) 180px auto auto;align-items:end;gap:16px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:15px}.home-filter-bar label{display:block;font-size:12px;font-weight:600;color:#62755d;margin-bottom:7px}.home-reset{color:#687d60;font-size:13px;padding:12px 0}.home-chart{height:330px;position:relative}.home-chart-empty{min-height:300px;display:grid;place-items:center;color:#7a8975;text-align:center;padding:24px;background:#f8faf5;border-radius:12px}.home-data-table{max-height:385px;overflow:auto}.home-data-table thead th{position:sticky;top:0;z-index:1}.home-analytics .mini-kpi{padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:#fff}.home-analytics .mini-kpi .fw-bold{font-size:21px;margin-top:5px}.home-analytics{scroll-margin-top:100px}#overview,#waste-map{scroll-margin-top:100px}
@media(max-width:767px){.home-filter-bar{grid-template-columns:1fr 1fr;padding:18px;gap:14px}.home-filter-bar>div:first-of-type{grid-column:1/-1}.home-filter-bar .home-reset{text-align:center;grid-column:1/-1;padding:0}.home-chart{height:285px}.home-analytics .table{min-width:300px}.home-analytics .card-analytics{padding:18px}}
.pw-site .home-analytics .nav-link{color:#65785d!important;padding:12px 22px!important;font-size:14px}
.pw-site .home-analytics .nav-link.active{color:#155d47!important;background:#fff!important}
.map-pin{width:22px!important;height:22px!important;border-width:1.5px!important;box-shadow:0 2px 5px #173d3433!important}.map-pin .pin-inner{font-size:11px}
.organic-point-pin{width:26px;height:26px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#397438;color:#fff;font-size:16px;box-shadow:0 0 0 3px #39743830,0 3px 12px #17485240}
.marine-buoy-pin{width:26px;height:26px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#087caa;color:#fff;font-size:16px;box-shadow:0 0 0 3px #087caa30,0 3px 12px #17485240}.marine-buoy-popup{font-family:'Sarabun',sans-serif;line-height:1.7;padding:5px}.marine-buoy-popup p{margin:10px 0}