@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 0 24px}.project-toolbar label{font-size:12px}.project-toolbar h2{margin-top:8px}.project-toolbar select{margin-left:10px}.project-notice{background:#edf1e4;color:#6d805d;border-radius:9px;padding:15px 20px;font-size:12px;line-height:1.8}.project-grid{padding:24px 0}.project-grid .worker-job{background:white}.province-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.province-tags span{background:#f2f5ed;border-radius:5px;padding:5px 8px;font-size:10px;color:#7f9270}.project-section{margin-top:24px}.project-section h3{font-size:14px;margin-bottom:12px}.province-row{border:1px solid #e7ebe5;border-radius:9px;padding:16px;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.province-row b{font-size:14px}.province-row p{font-size:11px}.project-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;margin-top:20px}.project-consent input{margin-top:4px;flex-shrink:0}#project-detail{width:min(760px,calc(100% - 28px))}@media(max-width:760px){.project-toolbar{flex-direction:column;align-items:flex-start}.province-row{flex-direction:column;align-items:flex-start}.province-row button{width:100%}}
.role-switch{display:flex;background:#edf1e8;border-radius:9px;padding:4px;gap:3px}.role-switch button{padding:8px 15px;border-radius:6px;font-size:12px;white-space:nowrap}.role-switch button[aria-pressed="true"]{background:#fff;color:#176447;box-shadow:0 2px 6px #203d1712;font-weight:700}.worker-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px}.worker-job{border:1px solid #e7ebe5;border-radius:11px;padding:21px;display:flex;flex-direction:column}.worker-job-top,.worker-job-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.worker-job h3{font-size:16px;line-height:1.6;margin:18px 0 4px}.worker-job-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0;font-size:13px}.worker-job-facts small{margin-bottom:6px}.worker-job-bottom{margin-top:auto;border-top:1px solid #e7ebe5;padding-top:17px}.worker-revision{background:#fcf0e9;border-radius:7px;padding:12px;color:#a46c51;margin:0 0 18px;white-space:pre-wrap}.tabs{overflow-x:auto;white-space:nowrap}.stat-number{overflow-wrap:anywhere}.worker-job-bottom .primary,.worker-job-bottom .secondary{font-size:11px;padding:10px 12px}@media(max-width:1100px){.worker-jobs{grid-template-columns:1fr}}@media(max-width:760px){.worker-jobs{padding:15px}.role-switch button{padding:6px 12px}.worker-job{padding:18px}.worker-job h3{font-size:15px}}
:root{font-family:'Manrope','IBM Plex Sans Thai',sans-serif;color:#273a33;background:#f7f8f5;font-synthesis:none;--green:#176447;--muted:#839087;--line:#e7ebe5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #d6ac4d;outline-offset:3px}input,select,textarea{border:1px solid #dfe5dd;border-radius:8px;padding:10px 12px;background:white;color:#34463c;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #a6cbb6;outline-offset:1px}button{border:0;background:none;color:inherit}small{display:block;color:var(--muted);font-size:11px}b{font-weight:600}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;text-decoration:none;color:#183f2e;font-size:28px;font-weight:800;letter-spacing:-1.3px;gap:10px;padding:0 8px}.brand-dot{color:#8cad62;margin-left:-10px}.brand-icon{width:34px;height:36px;background:#1b6348;border-radius:9px;color:#fff;font-size:30px;font-style:italic;text-align:center;position:relative}.brand-icon span{position:absolute;font-size:17px;right:3px;top:0}.workspace{display:flex;align-items:center;gap:10px;margin:34px 0 30px;padding:13px 10px;border:1px solid var(--line);border-radius:10px;font-size:12px}.workspace>span:last-child{margin-left:auto}.workspace-icon{background:#ecefe7;border-radius:6px;padding:8px;font-weight:800}.nav-caption{font-size:10px;letter-spacing:1.8px;color:#a0a99e;padding-left:15px}.nav{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 15px;border-radius:8px;font-size:13px;margin:4px 0;color:#728076}.nav>span{font-size:21px;width:22px}.nav.active{background:#edf3e9;color:#245c3f;font-weight:700}.nav i{font-size:10px;font-style:normal;margin-left:auto;background:#dfeada;border-radius:5px;padding:2px 6px}.sidebar-bottom{margin-top:auto}.storage{background:#f7f8f4;padding:14px;border-radius:10px;font-size:10px}.storage>div:first-child{display:flex;justify-content:space-between}.storage b{font-size:8px;letter-spacing:1px;color:#54744c}.storage-track{height:4px;background:#e1e7db;margin:12px 0}.storage-track span{display:block;width:9%;height:100%;background:#8ca76e}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px;font-size:12px}.profile>span:last-child{margin-left:auto;color:#8a978e}.avatar{width:33px;height:33px;border-radius:50%;display:inline-grid;place-items:center;background:#e9eedf;color:#647a47;font-size:12px;flex-shrink:0}.avatar.a1{background:#f3eadb;color:#a1814f}.avatar.a2{background:#e7eaf5;color:#737fa4}main{margin-left:248px}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#ffffff99;font-size:12px;color:#8d978e}.topbar b{color:#4b5d50}.topbar span{margin:0 12px}.top-actions{display:flex;align-items:center;gap:14px}.top-actions select{font-size:11px;padding:7px 10px}.local-pill{font-size:9px;letter-spacing:1.1px;color:#829170}.local-pill i{display:inline-block;width:6px;height:6px;background:#88a56d;border-radius:50%;margin-right:6px}.content{padding:40px 42px 20px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:2px;color:#84967d;font-weight:700}h1{font-size:29px;letter-spacing:-.8px;font-weight:600;margin:10px 0 7px}h1>span{color:#92ab6c}p{color:var(--muted);font-size:12px;line-height:1.7;margin:4px 0}h2{font-size:16px;margin:0;font-weight:600}.primary{background:var(--green);color:white;border-radius:8px;padding:12px 18px;font-size:12px;box-shadow:0 3px 7px #194e3212;white-space:nowrap}.primary:hover{background:#104f36}.secondary{border:1px solid #dce3d8;border-radius:8px;padding:10px 15px;font-size:12px;background:white}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7f8b80}.stat-icon{width:30px;height:30px;border-radius:8px;background:#f0f3ed;display:grid;place-items:center;color:#7d9172;font-size:16px}.stat-number{font-size:33px;font-weight:600;margin:10px 0 7px;letter-spacing:-1px}.stat small{font-size:10px}.stat.featured{background:#214f3c;color:white;border-color:#214f3c;position:relative;overflow:hidden}.stat.featured .stat-top,.stat.featured small{color:#b9d0bf}.stat.featured .stat-icon{background:#ffffff14;color:#d5e6ce}.stat.featured:after{content:'';width:140px;height:140px;border:1px solid #ffffff0c;border-radius:50%;position:absolute;right:-60px;bottom:-70px;box-shadow:0 0 0 20px #ffffff03,0 0 0 40px #ffffff03}.overview-banner{display:flex;align-items:center;gap:18px;background:#edf1e4;border:1px solid #e3e9d7;border-radius:12px;padding:22px 24px;margin-bottom:30px;position:relative;overflow:hidden}.banner-icon{font-size:32px;color:#849766}.overview-banner b{font-size:14px;color:#45613c}.overview-banner p{font-size:11px;color:#819078}.overview-banner button{margin-left:auto;font-size:11px;background:#fff;border:1px solid #d9e1cb;padding:10px 15px;border-radius:7px;z-index:1}.overview-banner button span{margin-left:20px}.banner-art{display:flex;gap:10px;opacity:.2;transform:rotate(-15deg);font-size:45px;margin-left:10px}.work-panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 24px 17px}.panel-heading h2 span{font-size:10px;background:#f0f3ec;color:#798b6d;padding:3px 7px;border-radius:5px;margin-left:8px;vertical-align:middle}.panel-heading p{font-size:11px;margin-top:5px}.table-controls{display:flex;gap:9px}.table-controls select{font-size:11px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding-left:10px}.search span{font-size:22px;color:#91a08d}.search input{border:0;background:transparent;font-size:11px;width:180px}.tabs{padding:0 24px;display:flex;gap:27px;border-bottom:1px solid var(--line)}.tabs button{font-size:11px;padding:13px 0;color:#879181;border-bottom:2px solid transparent}.tabs button.selected{color:var(--green);border-color:var(--green);font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fafbf8;font-size:10px;color:#909b8d;font-weight:500;padding:13px 20px;border-bottom:1px solid var(--line)}td{padding:19px 20px;font-size:11px;border-bottom:1px solid #eff1ec}td:first-child,th:first-child{padding-left:24px}.job-link{display:flex;gap:12px;align-items:center;text-align:left;padding:0}.file-icon{background:#f2f4ee;color:#8a9c7c;border:1px solid #e5eadf;padding:8px 10px;border-radius:7px;font-size:18px}.job-link b{font-size:12px;color:#3d5141}.job-link small{font-size:9px;margin-top:5px}.person-cell{display:flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:5px 9px;border-radius:5px;background:#f0f1ee;color:#8a9184}.badge:before{content:'●';font-size:6px}.s1{background:#edf2fb;color:#7089b1}.s2{background:#faf1df;color:#a38744}.s3{background:#f9eae5;color:#bc7c65}.s4{background:#edf4e8;color:#72905b}.panel-footer{padding:15px 24px;display:flex;justify-content:space-between;font-size:10px;color:#9aa391}.live-dot{color:#a4bc89;margin-left:5px}.bottom-note{display:flex;justify-content:space-between;font-size:9px;color:#a6aea0;padding:24px 0}.empty{text-align:center;padding:55px;color:#8a9686;font-size:13px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px}.team-card{border:1px solid var(--line);border-radius:10px;padding:24px}.team-card h3{font-size:14px}.team-card .avatar{width:44px;height:44px}.team-card p{margin-top:10px}dialog{border:1px solid #e2e7dd;border-radius:16px;width:min(600px,calc(100% - 28px));padding:28px;color:#34483a;max-height:90vh;box-shadow:0 30px 100px #12372330}dialog::backdrop{background:#152e2466;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.modal-head h2{font-size:23px;margin-top:6px}.icon-button{font-size:25px;padding:4px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}form label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-bottom:16px}textarea{resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0;font-size:13px}.detail-grid small{margin-bottom:5px}.detail-note{padding:15px;background:#f7f8f2;border-radius:8px;font-size:13px;white-space:pre-wrap;line-height:1.8}.upload-area{display:block;margin-top:20px;padding:18px;border:1px dashed #bccbb0;border-radius:9px;background:#fbfcf8;font-size:12px}.upload-area input{width:100%;margin:12px 0 5px;font-size:11px}.file-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;gap:12px;border-bottom:1px solid var(--line)}.file-row>span{overflow-wrap:anywhere}.file-row button{color:var(--green);text-decoration:underline;white-space:nowrap}.detail-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}#worker-bar{background:#edf3e9;padding:15px;border-radius:8px;margin-bottom:20px;font-size:12px}#worker-bar select{margin:0 10px}#worker-bar span{font-size:11px;color:#819078}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#234e3b;color:#fff;padding:13px 24px;border-radius:9px;font-size:13px;box-shadow:0 8px 30px #0002;z-index:10}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.review-hint{font-size:11px;color:#9b8050;margin:12px 0}
@media(min-width:1500px){.content{padding-top:50px}.stats{gap:22px}.stat{padding:24px}td{padding-top:24px;padding-bottom:24px}}@media(max-width:1150px){.sidebar{width:210px;padding:25px 15px}main{margin-left:210px}.content{padding:30px 24px}.topbar{padding:0 24px}.brand{font-size:24px}h1{font-size:24px}.panel-heading{align-items:flex-start;flex-direction:column}.table-controls{width:100%}.search{flex:1}.search input{width:100%}.banner-art{display:none}.stat{padding:16px}.stat-top{font-size:11px}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:14px 18px;display:block;border-bottom:1px solid var(--line)}.brand{font-size:24px}.brand-icon{height:30px;width:30px;font-size:25px}.workspace,.nav-caption,.sidebar-bottom{display:none}nav{display:flex;gap:8px;margin-top:14px;overflow:auto}.nav{width:auto;white-space:nowrap;padding:9px 11px;font-size:11px;margin:0}.nav>span,.nav i{display:none}main{margin:0}.topbar{height:55px;padding:0 18px;font-size:10px}.local-pill{display:none}.topbar span{margin:0 6px}.content{padding:25px 18px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:25px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat-number{font-size:29px}.overview-banner{padding:17px 14px;gap:10px}.banner-icon{font-size:22px}.overview-banner b{font-size:12px}.overview-banner p{font-size:10px}.overview-banner button{padding:8px;font-size:10px;white-space:nowrap}.overview-banner button span{margin-left:4px}.panel-heading{padding:19px 16px}.tabs{padding:0 16px;gap:20px;overflow:auto;white-space:nowrap}.table-controls select{width:110px}.team-grid{grid-template-columns:1fr}.panel-footer{padding:14px 16px}.panel-footer>span:last-child,.bottom-note>span:last-child{display:none}.form-grid{grid-template-columns:1fr}dialog{padding:22px}.detail-grid{gap:15px;font-size:12px}#worker-bar span{display:block;margin-top:8px}}