@font-face{font-family:LocalThai;src:local("Thonburi")}*{box-sizing:border-box}body{margin:0;background:#f6f5f0;color:#243b34;font-family:Inter,-apple-system,BlinkMacSystemFont,LocalThai,sans-serif;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d9dfd6;background:#fff;color:#234236;border-radius:7px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,transform .15s}button:hover{background:#f0f4ed}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b5945b;outline-offset:3px}.primary{background:#244c3e;border-color:#244c3e;color:#fff}.primary:hover{background:#18392d}.wide{width:100%}.text-button{border:0;background:transparent;padding:4px 0;color:#486e59}.icon-button{padding:7px;border:0;background:transparent;position:relative}.muted,small{color:#80877e}small{font-size:12px}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.3;font-weight:650;letter-spacing:-1px;margin-bottom:10px}h2{font-size:18px;font-weight:600;margin:0;letter-spacing:-.3px}h3{font-size:15px;font-weight:600;margin-bottom:8px}p{margin-bottom:12px}select,input,textarea{border:1px solid #dce0d7;border-radius:6px;padding:9px 11px;background:#fff;color:#293f35;min-width:0}input[type=checkbox]{accent-color:#295442;width:16px;height:16px;flex-shrink:0}textarea{min-height:100px;resize:vertical}select{max-width:100%}.demo-bar{position:relative;z-index:20;min-height:34px;background:#f3dfb5;color:#58451f;padding:4px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.3px}.demo-bar>span{display:flex;align-items:center;gap:7px}.demo-bar select{font-size:11px;padding:1px 8px;background:transparent;border-color:#bca574}.app-shell{min-height:100vh;padding-left:224px}.app-shell>.demo-bar{margin-left:-224px}.sidebar{position:fixed;top:34px;bottom:0;left:0;width:224px;background:#193b31;color:#f8f3e7;display:flex;flex-direction:column;padding:34px 18px 24px;z-index:15}.app-shell:not(:has(.demo-bar)) .sidebar{top:0}.brand-word{font-family:Georgia,Times New Roman,serif;font-size:34px;letter-spacing:-1.2px;line-height:.96;padding:0 15px;margin-bottom:43px;position:relative}.brand-word>svg{position:absolute;left:112px;top:-3px;transform:rotate(20deg)}.brand-word span{display:block;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:8px;letter-spacing:2.3px;line-height:1;margin-top:16px}.workspace-label{font-size:9px;letter-spacing:2px;color:#8fa397;padding:0 14px;margin-bottom:12px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;color:#d4dfd3;justify-content:flex-start;padding:12px 14px;font-size:13px;border-radius:6px}.sidebar nav button:hover{background:#294a3b}.sidebar nav button.active{background:#e7ecda;color:#213b2b;box-shadow:0 4px 14px #0a241425}.sidebar nav button svg{opacity:.85}.nav-count{margin-left:auto;background:#b19a62;color:#fff;min-width:19px;border-radius:4px;text-align:center;font-size:11px}.sidebar-bottom{margin-top:auto;padding:34px 14px 0}.tiny-line{display:block;width:25px;border-top:1px solid #9baa99;margin-bottom:15px}.sidebar-bottom p{font-size:10px;letter-spacing:2px;line-height:2;color:#a4b9a9}.identity{display:flex;gap:9px;margin-top:24px;align-items:center}.identity b{font-size:10px;font-weight:500}.identity small{display:block;font-size:10px;color:#9cb59f}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#e1e6da;color:#354b37;font-size:13px}.avatar.tiny{width:27px;height:27px;font-size:10px}.main{min-width:0}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #e1e4da;background:#fafaf7}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1.8px;color:#80887d}.top-actions{display:flex;align-items:center;gap:12px}.language{border:0;background:transparent;font-size:11px;color:#a1a79d;gap:8px}.language b{color:#34523f}.notification-dot{width:5px;height:5px;background:#ae6244;border-radius:50%;position:absolute;top:5px;right:6px}.content{max-width:1510px;margin:0 auto;padding:32px 36px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8d947e;margin:0 0 12px}.subtitle{color:#81887d;font-size:13px;margin:0}.heading-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.date{display:flex;align-items:center;gap:8px;font-size:12px;color:#778273}.project-strip{display:flex;align-items:center;gap:18px;border:1px solid #e0e3d8;background:#eceee5;border-radius:8px;padding:12px 16px;margin-bottom:25px;font-size:11px;color:#818678}.project-strip>div{display:flex;align-items:center;gap:8px;flex:1}.project-strip select{border:0;background:transparent;padding:0;font-size:13px;font-weight:600;color:#304633;width:min(100%,400px)}.check-label{display:flex;align-items:center;gap:8px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-bottom:24px}.metric{display:block;text-align:left;padding:20px 22px;border-color:#e1e3d9;border-radius:10px;box-shadow:0 4px 16px #21371c03}.metric-label{display:flex;align-items:center;gap:12px;font-weight:550;font-size:13px}.metric-label>svg{margin-left:auto;color:#939c8c}.metric-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px}.metric-icon.green{background:#eaf0e5;color:#4b7452}.metric-icon.red{background:#f9ece5;color:#ad694f}.metric-icon.amber{background:#f7eed7;color:#a08b4f}.metric strong{display:block;font-size:42px;font-weight:550;letter-spacing:-2px;margin:11px 0 0;line-height:1.2}.metric small{display:block;font-size:11px;margin-top:8px}.filterbar{display:flex;align-items:flex-end;gap:12px;margin:22px 0}.filterbar>label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:90px}.filterbar>label>span{font-size:10px;color:#828a7e}.filterbar select,.filterbar input{width:100%;font-size:12px;padding:8px 10px}.filterbar .search{position:relative;flex:1.7}.search svg{position:absolute;left:10px;top:12px;color:#9ca28f}.filterbar .search input{padding-left:34px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.card{background:#fff;border:1px solid #e0e4da;border-radius:10px;padding:22px;min-width:0;box-shadow:0 3px 16px #29412602}.tasks-card{grid-column:span 2;padding:22px 0 6px}.tasks-card .section-head{padding:0 22px}.approval-card{grid-column:span 1;background:#fcfcf8}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.section-head h2,.section-head h3{display:flex;align-items:center;gap:7px;margin:0}.section-head p{margin:0}.section-head .eyebrow{margin-bottom:6px}.section-head .text-button{font-size:11px}.count-pill{background:#edf0e6;border-radius:5px;padding:1px 7px;font-size:11px;font-weight:500;color:#7c866d}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;font-weight:500;color:#8d9385;background:#f7f8f3;padding:11px 13px;white-space:nowrap}td{padding:17px 13px;border-bottom:1px solid #f0f1e9;vertical-align:middle}td:first-child{min-width:160px}.row-link{border:0;background:transparent;text-align:left;padding:0;justify-content:flex-start;gap:8px;font-size:12px;max-width:100%;color:#324d3c}.row-link>svg:last-child{margin-left:auto;opacity:.5}.row-link:hover{background:transparent;color:#6d8b57}.person{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}.subtask{color:#a4ac94}.badge{font-size:10px;padding:4px 7px;border-radius:5px;display:inline-flex;white-space:nowrap;line-height:1.4;background:#f0f1eb;color:#777e6e}.badge.doing{background:#eaf2e7;color:#4c7052}.badge.blocked,.badge.rejected{background:#f9eee7;color:#ae6753}.badge.done,.badge.approved{background:#e4eee2;color:#407047}.badge.pending{background:#f7f0dc;color:#947c39}.late{color:#b66951}.approval-preview{padding:5px 0 10px}.approval-preview+.approval-preview{border-top:1px solid #e9ecdf;padding-top:15px}.approval-preview .metric-icon{margin-bottom:11px;width:34px;height:34px}.approval-preview h3{font-size:13px}.approval-preview>strong{font-size:25px;font-weight:550;letter-spacing:-.5px}.approval-preview p{font-size:11px;color:#939888;margin:4px 0 15px}.approval-preview button{font-size:11px;background:transparent;border-color:#9ead94}.approval-preview button svg{margin-left:auto}.progress-title{display:flex;align-items:baseline;gap:12px;margin:4px 0 15px}.progress-title>strong{font-size:30px;font-weight:550;letter-spacing:-1px}.progress-title>span{font-size:10px;color:#919985}.progress-track,.mini-track{display:block;background:#eeefe7;overflow:hidden;border-radius:5px;height:7px}.progress-track i,.mini-track i{display:block;background:#6b8b61;height:100%;border-radius:5px;transition:width .3s}.phase-list{margin-top:20px;display:grid;gap:11px}.phase{display:grid;grid-template-columns:70px 1fr 30px;gap:8px;border:0;background:transparent;padding:0;align-items:center;text-align:left;font-size:11px}.phase b{text-align:right;font-size:10px;font-weight:500}.mini-track{height:5px}.financial-lines p{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:8px 0;border-bottom:1px solid #f0f1ea;color:#7c8673;margin:0}.financial-lines b{color:#314d3a;font-weight:500}.card>small{display:block;margin:15px 0;font-size:10px}.card>.text-button{font-size:11px}.status-grid{display:grid;gap:4px}.status-grid button{border:0;background:transparent;justify-content:flex-start;padding:10px 2px;font-size:12px}.status-grid b{margin-left:auto;font-size:18px;font-weight:500}.status-dot{display:inline-block;width:7px;height:7px;border-radius:3px;background:#c8cec0;margin-right:8px}.status-dot.doing{background:#9aad81}.status-dot.blocked{background:#cb9e87}.status-dot.done{background:#577957}.lower-card{margin-top:20px}.workload{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.workload button{border:0;padding:8px 0;justify-content:flex-start;text-align:left;font-size:12px}.workload small{display:block;font-size:10px}.workload strong{font-size:24px;font-weight:500;margin-left:auto}.footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.6px;color:#939a89;border-top:1px solid #e2e5d9;margin-top:34px;padding-top:17px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:30px 20px;color:#9aab8c;text-align:center}.empty p{color:#8a937f;font-size:13px;margin:14px 0 0;max-width:420px}.expense-list{display:grid;gap:14px}.expense{background:#fff;border:1px solid #dfe4d8;border-radius:9px;padding:20px}.expense-top{display:flex;justify-content:space-between;gap:15px}.expense-top h3{font-size:16px}.expense-top p{font-size:11px;color:#8d9783}.expense-total{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:24px;font-weight:550}.row-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:12px}.row-actions button{font-size:12px}.finance-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.finance-metrics strong{display:block;font-size:26px;font-weight:550;margin-top:8px}.budget-row{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #e7eade;font-size:12px}.budget-row span:nth-child(2){margin-left:auto}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.settings-grid h3{margin-top:22px}.settings-grid .check-label{padding:7px 0}.settings-grid .budget-row button{margin-left:auto}.files-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.file-card{padding:20px;border:1px solid #e3e8db;border-radius:8px}.file-card>svg{color:#6c8763;margin-bottom:12px}.file-card h3{overflow-wrap:anywhere}.file-card small{display:block;overflow-wrap:anywhere}.member-row{display:flex;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid #e8ecdf}.member-row small{display:block}.grow{flex:1}.permission-tags{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}.permission-tags span{display:flex;gap:5px;align-items:center;background:#f0f3e9;padding:2px 7px;border-radius:4px;font-size:10px;color:#7e8a71}.callout{background:#f4f2e9;border:1px solid #e6e2d3;border-radius:6px;padding:12px 15px;font-size:12px;color:#857550;margin:12px 0 20px}.preserve{white-space:pre-wrap}.secret-row{padding:15px 0;border-bottom:1px solid #e5e9db}.secret-row p{white-space:pre-wrap}.audit-row{font-size:12px;border-bottom:1px solid #e6eadf;padding:12px 0}.audit-row summary{cursor:pointer}.audit-row pre{max-height:300px;overflow:auto;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px;font-size:12px}.form-field>span{font-weight:500}.form-field small{font-size:10px}.form-full{grid-column:1/-1}.multi-field{border:1px solid #e1e5da;border-radius:6px;display:flex;gap:10px;flex-wrap:wrap;max-height:170px;overflow:auto}.multi-field legend{font-size:12px}.editor{border:1px solid #d8dfcf;border-radius:12px;padding:25px;color:#294733;max-width:660px;width:calc(100% - 28px);max-height:90dvh;box-shadow:0 25px 100px #142a3440}.editor::backdrop{background:#14251b70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e4e8da;margin-top:24px;padding-top:18px}.toast{position:fixed;bottom:25px;right:25px;max-width:min(620px,calc(100% - 30px));background:#244a36;color:#fff;padding:13px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;z-index:100;box-shadow:0 8px 35px #18321a35}.toast p{margin:0;font-size:12px}.toast.error{background:#883f35}.toast button{color:#fff}.drawer-backdrop{position:fixed;inset:0;background:#182f2050;z-index:25;display:flex;justify-content:flex-end}.drawer{background:#fff;width:500px;max-width:100%;height:100%;overflow:auto;padding:27px;box-shadow:-10px 0 50px #10241b25}.drawer h2{font-size:23px;margin-bottom:12px}.drawer h3{margin-top:25px}.drawer>.form-field{margin-top:20px}.drawer>.row-link{display:flex;margin:9px 0}.comment{padding:12px 15px;background:#f5f7f0;border-radius:7px;margin:10px 0}.comment p{white-space:pre-wrap;margin:7px 0 0}.notification-panel{position:absolute;right:25px;top:95px;width:350px;max-width:calc(100% - 40px);z-index:30;box-shadow:0 20px 70px #16312730}.notification-item{width:100%;border:0;justify-content:flex-start;text-align:left;border-bottom:1px solid #e7ecdf;font-size:12px}.notification-item small{display:block}.login{min-height:100dvh;display:grid;place-items:center;background:linear-gradient(120deg,#e8eddf,#f9f7ef 65%);padding:25px}.login-card{max-width:460px;padding:45px 25px}.login-card .brand-word{font-size:50px;padding:0;margin-bottom:50px}.login-card h1{font-size:29px}.login-card>p:not(.eyebrow){color:#7e8a71;margin:20px 0}.login-card>small{display:block;margin:17px 0}.mobile-only,.mobile-bottom{display:none}@media(min-width:1600px){.content{padding-top:40px}.card{padding:26px}.tasks-card{padding:26px 0 8px}.metrics .metric{padding:24px 27px}.metric strong{font-size:47px}}@media(max-width:1200px){.app-shell{padding-left:194px}.app-shell>.demo-bar{margin-left:-194px}.sidebar{width:194px;padding:28px 12px}.content{padding:26px 24px}.topbar{padding:0 24px}.project-strip{gap:12px;flex-wrap:wrap}.workload{grid-template-columns:repeat(2,1fr)}.filterbar{flex-wrap:wrap}.dashboard-grid{grid-template-columns:1fr 1fr}.tasks-card{grid-column:span 2}.approval-card{grid-column:span 1}.settings-grid,.files-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){body{font-size:13px}.app-shell{padding-left:0;padding-bottom:65px}.app-shell>.demo-bar{margin-left:0}.demo-bar{padding:6px 13px;gap:6px;font-size:9px;flex-wrap:wrap}.demo-bar label{margin-left:auto}.sidebar{visibility:hidden;transform:translate(-100%);top:0!important;width:240px;transition:transform .2s;z-index:40;box-shadow:10px 0 40px #1f3f2530}.sidebar.open{visibility:visible;transform:translate(0)}.mobile-only{display:flex}.topbar{height:57px;padding:0 15px}.breadcrumb{margin-right:auto;margin-left:8px;font-size:8px;gap:8px}.top-actions{gap:4px}.content{padding:24px 16px}.page-heading{align-items:flex-start;margin-bottom:20px}.heading-side>.date{display:none}.heading-side button{font-size:10px;padding:7px 9px;white-space:nowrap}h1{font-size:26px;letter-spacing:-.7px}.eyebrow{font-size:7px;letter-spacing:1.4px}.subtitle{font-size:11px}.project-strip{padding:11px 12px;gap:8px}.project-strip>div{flex-basis:100%}.project-strip>span{font-size:10px}.project-strip .check-label{margin-left:auto;font-size:10px}.metrics{grid-template-columns:1fr;gap:10px}.metric{padding:15px 17px;display:grid;grid-template-columns:1fr 65px;align-items:center;position:relative}.metric-label{font-size:13px}.metric-label>svg{display:none}.metric strong{grid-column:2;grid-row:1/3;text-align:right;font-size:34px;margin:0;letter-spacing:-1px}.metric small{grid-column:1;padding-left:50px;margin-top:-3px;font-size:10px}.metric-icon{width:36px;height:36px}.filterbar{gap:8px;margin:17px 0}.filterbar>.search{flex-basis:100%}.filterbar>label{flex-basis:40%;min-width:0}.filterbar input,.filterbar select{font-size:12px;min-height:39px}.dashboard-grid{grid-template-columns:1fr;gap:14px}.tasks-card{grid-column:1}.card{padding:18px}.tasks-card{padding:18px 0 4px}.tasks-card .section-head{padding:0 17px}h2{font-size:16px}.section-head{gap:8px;flex-wrap:wrap}.section-head>small{font-size:10px}.table-wrap table{font-size:11px}.table-wrap th{font-size:9px}.table-wrap th,.table-wrap td{padding:12px 9px}.tasks-card th:nth-child(2),.tasks-card td:nth-child(2){display:none}.tasks-card td:first-child{min-width:130px}.badge{font-size:9px}.row-link{font-size:11px}.finance-metrics{grid-template-columns:1fr 1fr;gap:10px}.finance-metrics .card{padding:15px}.finance-metrics strong{font-size:22px}.files-grid,.settings-grid{grid-template-columns:1fr}.workload{grid-template-columns:1fr 1fr;gap:12px}.workload button{font-size:11px}.workload .avatar{width:28px;height:28px}.member-row{flex-wrap:wrap;gap:10px}.member-row .grow{min-width:170px}.member-row small{font-size:10px;overflow-wrap:anywhere}.budget-row{flex-wrap:wrap;gap:6px}.form-grid{grid-template-columns:1fr}.form-full{grid-column:1}.editor{padding:20px}.expense{padding:17px}.expense-top h3{font-size:14px}.expense-total{font-size:21px}.footer{gap:10px;flex-direction:column;font-size:8px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dfe5d7;display:grid;grid-template-columns:repeat(4,1fr);z-index:20}.mobile-bottom button{flex-direction:column;padding:3px 0;border:0;background:transparent;gap:2px;color:#98a38b;font-size:9px}.mobile-bottom button.active{color:#234d37}.toast{bottom:85px;right:15px}.drawer{padding:22px}.notification-panel{top:100px;right:15px}.login-card{padding:20px 10px}.login-card h1{font-size:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.form-error{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:14px;background:#fff0eb;color:#813b2e;border:1px solid #e3b4a7;border-radius:8px}.form-error svg{flex:none}.form-error p{margin:0}