*{box-sizing:border-box} :root{--ink:#233b35;--muted:#7b8983;--green:#164e42;--line:#e6e9e3;--paper:#f6f7f2;--lime:#e7eec6;--font:'Noto Sans Thai',sans-serif}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.65 var(--font)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #9db957;outline-offset:3px}a{color:inherit}button{border:0}svg{vertical-align:middle}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.4;letter-spacing:-.9px;font-weight:600}h2{font-size:17px;font-weight:600}h3{font-size:15px}small{font-size:12px}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:600}.boot{display:grid;place-items:center;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 20px;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 4px 34px}.brand-icon{width:39px;height:42px;background:var(--green);color:var(--lime);display:grid;place-items:center;border-radius:12px}.brand strong{font-family:Georgia,serif;font-size:24px;letter-spacing:-1px;line-height:1}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.6px;margin-top:5px}.nav-caption{font-size:10px;letter-spacing:1px;color:#a0aaa5;margin:12px}.nav{display:grid;gap:6px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:none;color:#6b7973;padding:12px 14px;border-radius:8px;font-size:13px}.nav button.active{background:var(--green);color:white}.nav button:hover:not(.active){background:var(--paper)}.nav .count{margin-left:auto;background:#f5ebd1;color:#926921;border-radius:5px;padding:0 6px;font-size:11px}.side-bottom{margin-top:auto}.side-note{margin:32px 0 20px;border:1px solid var(--line);border-radius:10px;padding:15px;background:#f9faf7;font-size:11px;color:var(--muted)}.side-note strong{display:block;color:var(--ink);margin:6px 0}.profile{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:10px;align-items:center}.avatar{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#e9edde;color:#54633c;font-size:12px;flex-shrink:0}.profile strong{font-size:12px;display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{color:var(--muted);font-size:10px}.icon-btn{display:grid;place-items:center;width:33px;height:33px;background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--muted)}.profile .icon-btn{margin-left:auto}.workspace{margin-left:230px}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:#fff9}.crumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.crumb b{color:var(--ink);font-weight:500}.top-tools{display:flex;align-items:center;gap:16px;font-size:12px}.online{display:flex;align-items:center;gap:6px;color:#5b7365;font-size:11px}.dot{width:6px;height:6px;border-radius:100%;background:#4b9f76}.content{max-width:1560px;margin:auto;padding:30px 38px 28px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-head p{color:var(--muted);font-size:12px;margin-top:7px}.actions{display:flex;align-items:center;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border-radius:7px;white-space:nowrap;font-weight:500;font-size:12px;line-height:1.8;background:white;color:var(--ink);border:1px solid var(--line)}.btn:hover{filter:brightness(.97)}.btn.primary{color:white;background:var(--green);border-color:var(--green)}.btn.light{background:#e7eec6;border-color:#e7eec6;color:#244c35}.btn.small{padding:6px 10px;font-size:11px}.demo-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e1e5cf;background:#f0f3e5;color:#637047;padding:8px 13px;border-radius:7px;margin-bottom:22px;font-size:11px}.demo-strip button{background:none;text-decoration:underline;color:inherit;font:inherit}.hero{padding:27px 30px;display:flex;justify-content:space-between;align-items:center;background:#eaf0e2;border:1px solid #dde6d3;border-radius:13px;overflow:hidden;margin-bottom:24px;position:relative;min-height:148px}.hero .eyebrow{color:#6d845f;margin-bottom:9px}.hero h2{font-size:23px;letter-spacing:-.5px}.hero p{font-size:12px;color:#71816a;margin-top:6px}.hero-art{position:relative;width:180px;height:100px;flex-shrink:0}.hero-art .circle{position:absolute;width:135px;height:135px;right:0;top:-18px;background:#dfe8ce;border-radius:100%}.hero-art .cross{position:absolute;right:42px;top:3px;color:#4a6c48;transform:rotate(-8deg);filter:drop-shadow(6px 12px 0 #cad8b7)}.hero-art .label{position:absolute;background:white;border-radius:8px;padding:8px 12px;box-shadow:0 6px 18px #2543260c;font-size:10px;bottom:0;left:0;transform:rotate(-4deg);color:#5b7754}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.kpi{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 20px}.kpi .k-top{display:flex;align-items:center;justify-content:space-between;color:#77857c;font-size:12px}.k-icon{color:#78916d;background:#f1f4e9;padding:7px;border-radius:7px}.kpi .value{font-size:31px;font-weight:500;letter-spacing:-1px;margin:9px 0 3px;line-height:1.4}.kpi .value small{font-size:11px;font-weight:400;margin-left:5px;letter-spacing:0;color:var(--muted)}.kpi .hint{font-size:10px;color:var(--muted)}.kpi.warn .k-icon{background:#fbf0da;color:#b58b40}.kpi.red .k-icon{background:#f9eae5;color:#b87560}.grid-two{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:22px;margin-bottom:24px}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px}.panel-head p{font-size:11px;color:var(--muted);margin-top:4px}.text-btn{background:transparent;color:#5b7d53;font-size:11px;padding:4px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.legend{display:flex;gap:14px;font-size:10px;color:var(--muted);padding:0 23px}.legend span:before{content:'';display:inline-block;width:7px;height:7px;background:#2c6958;border-radius:2px;margin-right:5px}.legend span+span:before{background:#c8d7a9}.chart{height:211px;margin:15px 23px 18px;display:flex;gap:14px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:0 0 23px;font-size:9px;color:#9aa49e;min-width:12px}.plot{display:flex;flex:1;align-items:stretch;gap:13px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#edf0e9 calc(25% - 1px),#edf0e9 25%);padding-top:10px}.bar-group{flex:1;display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-width:0}.bars{display:flex;justify-content:center;align-items:flex-end;gap:5px;height:100%;padding:0 10%;}.bar{width:45%;background:#2c6958;border-radius:4px 4px 0 0;min-height:2px}.bar.out{background:#c8d7a9}.bar-label{font-size:10px;color:#909b94;text-align:center;background:white;padding-top:9px;height:24px;white-space:nowrap}.alert-list{padding:0 23px 10px}.alert-item{display:flex;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #f0f1ed}.alert-item:last-child{border:0}.item-symbol{width:34px;height:34px;display:grid;place-items:center;background:#f4f1e9;color:#a59060;border-radius:8px;flex-shrink:0}.alert-name{font-size:11px;line-height:1.6;flex:1;min-width:0}.alert-name strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:500;max-width:240px}.alert-name small{font-size:10px;color:#99a099}.alert-qty{text-align:right;font-size:13px;font-weight:600;color:#a17b3b}.alert-qty small{display:block;font-size:9px;font-weight:400;color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:3px 8px;font-size:10px;white-space:nowrap;font-weight:500}.tag.green{background:#edf4e8;color:#62834b}.tag.amber{background:#fcf3df;color:#ac8239}.tag.red{background:#faeae5;color:#b4715c}.tag.gray{background:#f1f3f0;color:#818d83}.tag.in{background:#edf5ef;color:#428064}.tag.out{background:#f8efe7;color:#ad8059}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{font-size:10px;font-weight:500;color:#8a978e;background:#fafbf8;padding:12px 20px;border-block:1px solid var(--line)}td{padding:15px 20px;border-bottom:1px solid #edf0e9}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}td.name{min-width:220px;max-width:430px;white-space:normal}td.name strong{font-size:12px;font-weight:500;display:block}td.name small{font-size:10px;color:#9aa49d;display:block;margin-top:3px}.positive{color:#467c5d}.negative{color:#b18563}.num{text-align:right;font-variant-numeric:tabular-nums}.table-bottom{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;border-top:1px solid var(--line);color:#8a968c;font-size:10px}.toolbar{display:flex;gap:10px;padding:18px 22px;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.search{position:relative;flex:1;min-width:200px}.search svg{position:absolute;top:12px;left:12px;color:#97a28f}.search input{padding-left:38px;width:100%}input,select,textarea{border:1px solid #dde3d9;border-radius:7px;background:white;padding:10px 12px;color:var(--ink);font-size:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#6e916c;box-shadow:0 0 0 3px #6e916c15}input::placeholder{color:#a0aaa1}textarea{resize:vertical}.footer{display:flex;justify-content:space-between;color:#9aa398;font-size:10px;margin-top:28px;gap:10px}.footer span:first-child{max-width:75%}.empty{text-align:center;padding:45px 22px;color:var(--muted);font-size:12px}.pill-switch{display:flex;background:#f1f4ed;padding:4px;border-radius:8px;gap:4px}.pill-switch button{flex:1;padding:10px;border-radius:6px;background:transparent;color:#718068}.pill-switch button.selected{background:white;box-shadow:0 1px 4px #0001;color:var(--green)}dialog{border:none;border-radius:15px;padding:0;width:min(560px,calc(100% - 30px));max-height:90vh;box-shadow:0 30px 90px #122a3433;color:var(--ink)}dialog::backdrop{background:#17372e66;backdrop-filter:blur(3px)}.modal-head{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head small{color:var(--muted)}.modal-body{padding:23px 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{width:100%}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:17px 26px;background:#fafbf7;border-top:1px solid var(--line)}.stock-preview{padding:17px;border-radius:9px;background:#f1f5e9;display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:12px}.stock-preview b{font-size:22px}.error{font-size:12px;color:#ad533e;background:#fff0ec;border-radius:7px;padding:10px 12px;margin-top:14px}.error:empty{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 22px;border-radius:9px;background:#183f33;color:white;box-shadow:0 5px 20px #0002;font-size:13px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:white}.auth-visual{background:#164e42;color:#f0f2df;padding:10%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-visual:after{content:'+';position:absolute;font:700 550px/1 Georgia;color:#ffffff05;right:-40px;bottom:-90px;pointer-events:none}.auth-visual .brand{padding:0;margin-bottom:70px}.auth-visual .brand-icon{background:#e6eec4;color:var(--green)}.auth-visual .brand small{color:#aabfb2}.auth-visual h1{font-size:48px;line-height:1.5;letter-spacing:-2px}.auth-visual p{color:#abc3b5;max-width:350px;margin-top:20px;line-height:2;font-size:14px}.auth-visual .eyebrow{margin-top:70px;color:#a6b89c}.auth-form{padding:40px;display:flex;align-items:center;justify-content:center}.auth-card{max-width:360px;width:100%}.auth-card h2{font-size:25px}.auth-card>p{color:var(--muted);font-size:12px;margin:8px 0 28px}.auth-card form{display:grid;gap:17px}.auth-card .btn{padding:13px}.auth-options{display:flex;flex-direction:column;gap:15px;margin-top:22px;text-align:center;font-size:12px}.help-panel{padding:25px;line-height:1.9}.help-panel p{color:var(--muted);margin:10px 0 24px}.unit-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.unit-card{background:white;border:1px solid var(--line);border-radius:9px;padding:12px 20px;min-width:140px}.unit-card small{color:var(--muted);display:block;font-size:10px}.unit-card strong{font-size:19px}.mobile-menu{display:none}.print-only{display:none}@media(min-width:1600px){.content{padding-top:38px}.chart{height:240px}.kpi{padding:24px}}@media(max-width:1150px){.sidebar{width:200px;padding:25px 14px}.workspace{margin-left:200px}.content{padding:25px}.topbar{padding:0 25px}.grid-two{grid-template-columns:1fr 1fr}.kpis{gap:10px}.kpi{padding:15px}.alert-name strong{max-width:150px}.actions .btn{padding:10px}.hero-art{width:130px}.top-tools .date{display:none}}@media(max-width:900px){.grid-two{grid-template-columns:1fr}.alert-name strong{max-width:100%}.page-head{align-items:flex-start}.page-head .actions{flex-wrap:wrap;justify-content:flex-end}.kpis{grid-template-columns:repeat(2,1fr)}.auth-visual h1{font-size:34px}.topbar{height:65px}.hero h2{font-size:19px}}@media(max-width:700px){.sidebar{transform:translateX(-100%);width:230px;box-shadow:10px 0 40px #0002;transition:.2s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 18px}.crumb{gap:8px}.crumb>span{display:none}.top-tools{gap:8px}.content{padding:22px 16px}.page-head{display:block;margin-bottom:19px}h1{font-size:25px}.page-head .actions{justify-content:flex-start;margin-top:16px}.hero{padding:22px 19px}.hero-art{display:none}.hero p{font-size:11px}.kpi{padding:15px}.kpi .value{font-size:27px}.kpi .hint{font-size:9px}.panel-head{padding:17px}.alert-list{padding:0 17px 10px}.toolbar{padding:15px}.toolbar select{flex:1;min-width:100px}.search{min-width:100%}.auth{grid-template-columns:1fr}.auth-visual{padding:30px}.auth-visual .brand{margin-bottom:25px}.auth-visual h1{font-size:29px;letter-spacing:0}.auth-visual p,.auth-visual .eyebrow{display:none}.auth-form{padding:32px 25px}.demo-strip{font-size:10px}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.footer{display:block}.footer span{display:block}.chart{margin:10px 14px 15px}.plot{gap:5px}.modal-body{padding:20px}.modal-head{padding:20px}.online{font-size:10px}.top-tools .avatar{display:none}}@media print{.sidebar,.topbar,.actions,.demo-strip,.toolbar,button,.footer{display:none!important}.workspace{margin:0}.content{padding:0;max-width:none}.panel{border:0}.table-scroll{overflow:visible}table{white-space:normal;font-size:10px}td,th{padding:7px}.print-only{display:block}body{background:white}.page-head{margin-bottom:15px}.unit-summary{break-inside:avoid}.panel-head{padding-left:0}}