:root{--forest:#153e30;--deep:#102b23;--gold:#d4b47a;--cream:#f7f7f1;--ink:#203e31}*{box-sizing:border-box}body{margin:0;background:#f3f4ee;color:var(--ink);font-family:Anuphan,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}aside{background:#112f26;color:#dfe7da;padding:30px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;padding:0 8px 30px}.mark{font-size:36px;color:var(--gold)}.brand strong{display:block;font-family:Mitr,sans-serif;color:#f1d19a;font-size:21px;font-weight:500}.brand small{font-size:9px;letter-spacing:2px}.section-label,.eyebrow,.micro{font-size:10px;letter-spacing:2px;font-weight:800}.section-label{color:#829e8d;padding:16px 13px}.nav{display:grid;gap:6px}.nav button{display:flex;gap:13px;align-items:center;text-align:left;border:0;background:transparent;color:#d3e1d7;padding:15px;border-radius:11px;font-size:15px}.nav button.active,.nav button:hover{background:#2d5744;color:#f6d99d}.glyph{font-size:19px;min-width:22px}.side-bottom{margin-top:auto;padding:18px 12px;border-top:1px solid #3a5949;color:#9fb8a7;font-size:12px;line-height:1.8}main{min-width:0;padding:0 36px}.top{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #dfe5dc}.eyebrow{color:#879688}.top-right{font-size:12px;color:#657c6c}.avatar{display:inline-grid;place-items:center;background:#d9e2d7;border-radius:50%;height:35px;width:35px;margin-left:10px}.page{display:none;max-width:1250px;margin:auto;padding:26px 0}.page.active{display:block}.hero{background:linear-gradient(125deg,#123b2d,#2c5a44);color:#fff;min-height:280px;border-radius:19px;position:relative;overflow:hidden;padding:40px;display:flex;align-items:center}.hero:after{content:"ϟ";position:absolute;right:8%;top:-105px;font-size:390px;color:#ffffff0d;font-weight:800}.hero-copy{z-index:1}.micro{color:#d5bb82}.hero h1{font-family:Mitr,sans-serif;font-size:clamp(27px,4vw,45px);line-height:1.5;font-weight:500;margin:20px 0 10px}.gold-motto{color:#f1d4a1}.cta,.primary{background:#e3c58d;color:#1c3c2c;border:0;border-radius:9px;padding:13px 22px;font-weight:800}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:30px 0 18px}.heading-row h2,h2{font-size:23px;margin:0 0 5px}.heading-row p,.muted{color:#77877a;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric,.panel{background:#fff;border:1px solid #e4e8e1;border-radius:14px;padding:23px}.metric{min-height:155px}.metric .accent{float:right;color:#ba9b62}.num{font-size:32px;font-weight:800;margin:18px 0 4px}.meta{font-size:12px;color:#8b988d}.lower{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:18px}.panel h3{margin:0;font-size:19px}.sub{font-size:10px;color:#879b88;letter-spacing:1.7px;margin:7px 0 15px}.product{padding:15px 0;border-bottom:1px solid #e5ebe4;display:flex;justify-content:space-between;gap:12px}.product:last-child{border:0}.product b{color:#245840}.product small{color:#7d9182}.note-panel{background:#e9ede3;padding:28px;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between}.note-panel h3{font-size:25px;line-height:1.5}.note-panel p{line-height:1.8;color:#607565}.note-panel button{align-self:start;background:transparent;border:1px solid #9caa99;padding:12px 18px;border-radius:9px}.workspace{padding:15px 0}.workspace h1{font-family:Mitr;font-weight:500;font-size:clamp(28px,4vw,40px);margin:10px 0}.workspace>p{color:#6c806f}.pill{display:inline-block;background:#f2e6c8;color:#66501f;padding:9px 14px;border-radius:20px;font-size:12px;font-weight:700}.two{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:20px}.fields{display:grid;gap:15px}.fields label{display:grid;gap:7px;font-weight:700}.fields input,.fields select{width:100%;padding:13px;border:1px solid #d3ddd3;border-radius:10px;background:#fff;font-size:16px}.summary{background:#183e30;color:#fff;border-radius:14px;padding:24px;align-self:start}.summary strong{font-size:30px;color:#edce92}.summary p{color:#d2dfd3;line-height:1.8}.notice{background:#fff4dd;border:1px solid #e6ce95;border-radius:12px;padding:16px;line-height:1.7;margin:18px 0}.disabled{background:#dde1d8;color:#687569;border:0;border-radius:10px;padding:14px 18px;cursor:not-allowed}.footer{text-align:center;color:#9aa99a;font-size:11px;padding:36px}.mobile-menu{display:none}@media(max-width:850px){.app{display:block}aside{position:sticky;top:0;z-index:10;height:auto;padding:12px}.brand{padding:0 6px 8px}.section-label,.side-bottom{display:none}.nav{display:flex;overflow-x:auto;gap:4px;padding:3px 0}.nav button{white-space:nowrap;padding:10px 12px;font-size:12px}.glyph{display:none}main{padding:0 15px}.top{padding:13px 0}.hero{padding:25px;min-height:240px}.hero:after{font-size:260px;top:-40px}.metrics{gap:8px}.metric{padding:14px;min-height:138px}.num{font-size:25px}.lower,.two{grid-template-columns:1fr}.heading-row{align-items:start}.eyebrow{font-size:9px}}@media(max-width:480px){.metrics{grid-template-columns:1fr}.metric{min-height:100px}.num{margin:9px 0}.heading-row .eyebrow{display:none}.hero h1{font-size:28px}}

[hidden]{display:none!important}textarea{font:inherit;width:100%;min-height:90px;padding:12px;border:1px solid #d3ddd3;border-radius:9px}.status{position:sticky;top:0;z-index:20;background:#fff4dd;padding:14px;border-bottom:1px solid #d4b47a}.error{color:#9c2828}.success{color:#276243}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:13px;border-bottom:1px solid #e4e8e1;white-space:nowrap}th{color:#657c6c}button:disabled{opacity:.55;cursor:wait}.secondary{background:white;border:1px solid #a5b3a1;border-radius:8px;padding:9px 14px;color:#153e30}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields label.check{display:flex;align-items:center;font-weight:400}.check input{width:auto}.login{max-width:460px;margin:9vh auto;padding:30px}.login h1{font-family:Mitr;font-weight:500}.login .mark{font-size:48px}.search{padding:12px;border:1px solid #d3ddd3;border-radius:9px;width:100%;margin:15px 0}.badge{padding:5px 9px;border-radius:12px;background:#edf1e8}.list-empty{padding:25px;color:#77877a}.summary dl{display:grid;grid-template-columns:1fr auto;gap:12px}.summary dd{margin:0}.full{grid-column:1/-1}@media(max-width:580px){.form-grid{grid-template-columns:1fr}.login{margin:25px 15px}.top-right{display:flex;align-items:center;gap:8px}.top-right span{max-width:160px;overflow:hidden;text-overflow:ellipsis}.status{position:relative}}@media print{body>*{display:none!important}body>.receipt{display:block!important}.receipt{padding:25px;color:#111}.receipt table{width:100%}}