@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Sarabun:wght@400;500;600;700&display=swap');
:root{--pw-green:#155d47;--pw-ink:#203f34;--pw-muted:#6d7e73;--pw-line:#dfe7df;--pw-bg:#f6f8f4;--green:#155d47;--navy:#203f34;--bg:#f6f8f4;--border-color:#dfe7df;--bs-primary:#155d47;--bs-primary-rgb:21,93,71;--bs-success-rgb:21,93,71}
body.pw-site{font-family:'Sarabun',sans-serif!important;background:var(--pw-bg)!important;color:var(--pw-ink);line-height:1.7;font-size:15px;overflow-x:clip}h1,h2,h3,h4,h5,h6{line-height:1.45}button,input,select,textarea{font:inherit}a{text-underline-offset:4px}button,a,input,select,textarea{touch-action:manipulation}
body .pw-nav{position:sticky!important;top:0!important;height:auto!important;min-height:80px;background:#fff!important;border-bottom:1px solid var(--pw-line)!important;box-shadow:none!important;z-index:1030;padding:14px 0!important;backdrop-filter:none!important}.pw-nav-inner{max-width:1460px;padding:0 30px}.pw-nav .pw-brand{display:flex;align-items:center;gap:9px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:21px!important;letter-spacing:-1px;color:var(--pw-ink)!important;margin-right:30px}.pw-brand-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:var(--pw-green);color:#deefb8;font-size:29px;line-height:1}.pw-brand-accent{color:var(--pw-green)}.pw-nav .navbar-nav{gap:4px;margin:0}.pw-nav .nav-link{padding:10px 12px!important;border-radius:9px;color:#65766a!important;font-size:13px!important;font-weight:600;background:transparent}.pw-nav .nav-link.active{color:var(--pw-green)!important;background:#eef4e9!important}.pw-nav .nav-link:hover{background:#f5f7f1}.pw-nav-actions{display:flex;align-items:center;gap:15px;margin-left:14px}.pw-account{font-size:13px;color:var(--pw-green);text-decoration:none;white-space:nowrap}.pw-nav .navbar-toggler{background:#edf4e8!important;border:1px solid var(--pw-line);border-radius:10px;padding:8px}.pw-nav .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='%23155d47' stroke-width='2' stroke-linecap='round' d='M5 8h20M5 15h20M5 22h20'/%3E%3C/svg%3E")}
.btn.pw-primary,.pw-site .btn-submit,.pw-site .btn-save{background:var(--pw-green)!important;color:#fff!important;border:1px solid var(--pw-green)!important;border-radius:10px;padding:11px 18px;font-weight:600;box-shadow:none!important}.btn.pw-primary:hover,.pw-site .btn-submit:hover,.pw-site .btn-save:hover{background:#104b39!important}.pw-site .btn{transition:background .16s,box-shadow .16s}.pw-site .btn-primary,.pw-site .btn-success{--bs-btn-bg:#155d47;--bs-btn-border-color:#155d47;--bs-btn-hover-bg:#104b39;--bs-btn-hover-border-color:#104b39}.pw-site :focus-visible{outline:3px solid #8cb951!important;outline-offset:3px}.pw-skip{position:fixed;top:-100px;left:16px;z-index:10000;background:white;color:#155d47;padding:12px 20px;border-radius:8px}.pw-skip:focus{top:10px}
.pw-site main.container-fluid{max-width:1460px;margin:auto}.pw-page-heading{padding:28px 0 24px;display:flex;justify-content:space-between;gap:22px;align-items:center}.pw-eyebrow{color:#6d8662;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:8px}.pw-page-heading h1{font-size:clamp(25px,3vw,34px);font-weight:700;letter-spacing:-.6px;margin-bottom:8px}.pw-page-heading p{color:var(--pw-muted);font-size:14px;margin:0}.pw-help-link{color:var(--pw-green);font-size:13px;white-space:nowrap}.pw-site .card-analytics,.pw-site .card-form,.pw-site .p-card,.pw-site .act-card,.pw-site .mission-card,.pw-site .team-member,.pw-site .reward-card{background:white;border:1px solid var(--pw-line)!important;box-shadow:0 4px 16px #203f3404!important;border-radius:18px;overflow:hidden}.pw-site .card-analytics{padding:26px}.pw-site .card-analytics h5{font-size:16px}.pw-site .card-analytics h2{font-family:'Plus Jakarta Sans','Sarabun',sans-serif;font-size:29px;letter-spacing:-1px;margin-top:10px!important}.pw-site .card-form{padding:32px}.pw-site .form-control,.pw-site .form-select,.pw-site .form-ctrl{background-color:#fbfcf9!important;border:1px solid #dce5da!important;border-radius:10px;min-height:47px;box-shadow:none!important;font-size:14px!important;font-weight:500!important;color:#294436}.pw-site .form-control:focus,.pw-site .form-select:focus,.pw-site .form-ctrl:focus{border-color:#6e9867!important;box-shadow:0 0 0 3px #a5bd7a24!important}.pw-site .form-label,.pw-site .form-label-m{font-size:13px;color:#516553;font-weight:600}.pw-site .input-group .form-control{border-radius:10px 0 0 10px}.pw-site .input-group-text{background:#edf3e9!important;border:1px solid var(--pw-line)!important;border-radius:0 10px 10px 0;font-size:13px}.pw-site .table{--bs-table-hover-bg:#f3f7ee}.pw-site .table th{background:#eff4ea!important;color:#66795f!important;padding:15px;font-size:12px;font-weight:600;white-space:nowrap}.pw-site .table td{padding:14px;font-size:13px}.pw-site .table-responsive{border-color:var(--pw-line)}.pw-site .nav-pills-custom{padding:7px;background:#eaf0e5;border-radius:13px;gap:6px}.pw-site .nav-pills-custom .nav-link{border-radius:9px;font-size:14px;padding:11px 19px;margin:0}.pw-site .nav-pills-custom .nav-link.active{background:white;color:#155d47;box-shadow:0 2px 6px #213e3010}.pw-site .nav-tabs-custom{border:1px solid var(--pw-line)!important;border-bottom:0!important;border-radius:16px 16px 0 0!important;box-shadow:none!important}.pw-site .nav-tabs-custom .nav-link{font-size:14px;padding:15px 18px;color:#70816b}.pw-site .nav-tabs-custom .nav-link.active{color:#155d47!important;border-bottom:3px solid #155d47!important}.pw-site .mini-kpi{border-color:var(--pw-line)}.pw-site .alert{border-radius:12px;line-height:1.8;font-size:14px}.pw-site .modal-content{border:0;border-radius:20px;box-shadow:0 20px 90px #12352830}.pw-site .modal-header{padding:22px;border-bottom:1px solid var(--pw-line)}
.pw-footer{max-width:1400px;margin:45px auto 0!important;border-top:1px solid var(--pw-line);padding:28px 24px!important;background:transparent!important;color:var(--pw-muted)!important;display:flex;align-items:center;justify-content:space-between;gap:24px}.pw-footer>div>a{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:var(--pw-green);text-decoration:none}.pw-footer p{font-size:12px;margin:5px 0 0}.pw-footer-links{display:flex;gap:20px}.pw-footer .pw-footer-links a{font:400 12px 'Sarabun',sans-serif;color:var(--pw-muted)}.pw-footer-note{font-size:11px}.pw-demo{background:#edf3e8;border:1px solid #dae5d2;color:#546d45;padding:12px 18px;border-radius:12px;font-size:13px;max-width:1320px;margin:22px auto}.pw-demo a{color:#155d47;font-weight:600}
.pw-site .page-header,.pw-site .hero-section{background:#183f31!important;color:white;padding:42px 0!important}.pw-site .page-header h1,.pw-site .hero-section h1{font-size:clamp(28px,4vw,44px);line-height:1.5;font-weight:700;letter-spacing:-.7px}.pw-site .page-header .sub,.pw-site .hero-section .lead{color:#c9d9c7!important;font-size:15px;line-height:1.9;max-width:760px}.pw-site .breadcrumb a{color:#8ca67f}.pw-site .hero-section .breadcrumb-item.active,.pw-site .page-header .breadcrumb-item.active{color:#d0ddca}.pw-site .stats-bar{border:1px solid var(--pw-line);border-radius:16px;box-shadow:none;background:white;padding:25px 12px}.pw-site .stat-val{color:#155d47;font-family:'Plus Jakarta Sans',sans-serif}.pw-site .filter-bar{background:#fff;border:1px solid var(--pw-line);border-radius:14px;padding:18px}.pw-site .act-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #203f3410!important}.pw-site .act-card .card-header{border:0}.pw-site .act-card .card-body{padding:23px}.pw-site .act-card .card-footer{background:#fff;border-top:1px solid var(--pw-line);padding:18px 23px}.pw-site .view-toggle{border-radius:10px}.pw-site .chip{border-radius:8px;padding:8px 13px;font-size:12px}.pw-site .section-py{padding:52px 0}.pw-site .sec-title{font-size:27px;color:var(--pw-ink)}.pw-site .sec-sub{color:var(--pw-muted);font-size:14px}.pw-site .mission-icon,.pw-site .value-icon{background:#edf4e6;color:#155d47}.pw-site .highlight-box,.pw-site .impact-box{background:#edf3e7;border-color:var(--pw-line);border-radius:16px}.pw-site .accordion-item{border:1px solid var(--pw-line);border-radius:12px!important;overflow:hidden;margin-bottom:10px}.pw-site .accordion-button{font-family:inherit;padding:20px;font-size:15px}.pw-site .accordion-button:not(.collapsed){background:#edf3e7;color:#155d47;box-shadow:none}
.pw-site .auth-wrapper{max-width:1240px;min-height:690px;margin:35px auto;border:1px solid var(--pw-line);border-radius:23px;overflow:hidden;width:calc(100% - 48px);box-shadow:0 16px 55px #163f3208}.pw-site .auth-left{background:#183f31!important;padding:48px 38px;width:43%}.pw-site .auth-left h2{font-size:36px;line-height:1.5}.pw-site .auth-right{background:#fff;padding:38px}.pw-site .auth-tabs{background:#eff4e9;border-radius:12px}.pw-site .auth-tab.active{color:#155d47}.pw-site .profile-hero{background:#183f31;padding:40px 0 80px}.pw-site .avatar-ring{background:#cfdfaa;box-shadow:none}.pw-site .p-card-header{border-bottom-color:var(--pw-line);padding:20px 24px}.pw-site .p-card-body{padding:24px}.pw-site .ptabs{border-color:var(--pw-line);gap:6px}.pw-site .ptab.active{color:#155d47;border-color:#155d47}.pw-site .rank-card{background:#edf3e7;color:#244d38}.pw-site .rank-num{color:#155d47}.pw-site .info-row,.pw-site .setting-row{border-color:var(--pw-line)}
.pw-map .map-layout{margin-top:0;height:calc(100dvh - 80px)}.pw-map .sidebar{box-shadow:none;border-right:1px solid var(--pw-line)}.pw-map .sidebar-header{background:#f6f9f2;border-bottom:1px solid var(--pw-line)}.pw-map .sidebar-title{color:#234937}.pw-map .map-banner{max-width:calc(100% - 24px)}.pw-map .pw-demo{margin:0;border-radius:0;font-size:11px;padding:8px 15px}.pw-map .map-layout{height:calc(100dvh - 120px)}
@media(max-width:1199px){.pw-nav-inner{padding:0 22px}.pw-nav .navbar-collapse{padding-top:18px}.pw-nav-actions{margin:16px 0 2px;padding-top:16px;border-top:1px solid var(--pw-line)}.pw-nav .nav-link{padding:12px!important}.pw-nav .navbar-nav{gap:3px}.pw-footer{margin-left:20px!important;margin-right:20px!important}}
@media(max-width:767px){body.pw-site{font-size:14px}.pw-nav-inner{padding:0 16px}.pw-nav .pw-brand{font-size:20px!important}.pw-page-heading{padding:16px 0 22px;align-items:flex-start;flex-direction:column;gap:10px}.pw-site .card-analytics,.pw-site .card-form{padding:22px}.pw-site .card-analytics h2{font-size:26px}.pw-site .nav-pills-custom{flex-wrap:nowrap;overflow-x:auto}.pw-site .nav-pills-custom .nav-link{white-space:nowrap;font-size:12px;padding:12px}.pw-site .nav-tabs-custom{padding-left:8px!important;padding-right:8px!important}.pw-site .nav-tabs-custom .nav-link{font-size:12px;padding:14px 10px}.pw-footer{align-items:flex-start;flex-direction:column;padding:24px 0!important;gap:18px}.pw-demo{margin:14px 12px}.pw-site .auth-wrapper{width:calc(100% - 24px);margin:20px auto;min-height:0}.pw-site .auth-left{display:none}.pw-site .auth-right{padding:26px 20px}.pw-site .page-header,.pw-site .hero-section{padding:30px 0!important}.pw-site .stats-bar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pw-site .stat-item{border-right:0}.pw-site .profile-hero .hero-inner{gap:22px!important;flex-wrap:wrap}.pw-site .hero-stats{flex-wrap:wrap}.pw-site .ptabs{overflow-x:auto;flex-wrap:nowrap}.pw-site .ptab{white-space:nowrap;padding:12px}.pw-site .act-list-item{flex-wrap:wrap}.pw-site .list-actions{width:100%}.pw-site .filter-bar{gap:12px!important}.pw-map .sidebar{top:120px!important;height:calc(100dvh - 120px)!important;max-width:calc(100vw - 45px)}.pw-map .map-search-bar{max-width:calc(100vw - 100px)}.pw-site .sec-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
body.pw-site #topNav.pw-nav{background:#fff!important;color:var(--pw-ink)!important}
body.pw-site #topNav.pw-nav .nav-link{color:#65766a!important}
body.pw-site #topNav.pw-nav .nav-link.active{color:#155d47!important}
.pw-site .page-header h1>i,.pw-site .hero-section h1>i{color:#cde7a9!important}
.pw-site [hidden]{display:none!important}