@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{--bg:#f6f7f4;--paper:#fff;--ink:#24352b;--muted:#7b827a;--line:#e7eae3;--green:#276342;--lime:#ddeaac;--orange:#d78a3a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Noto Sans Thai,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.97)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:244px;padding:30px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:30px;font-weight:700;display:flex}.brand-icon{background:var(--green);width:42px;height:42px;color:var(--lime);border-radius:13px;place-items:center;display:grid}.brand-sub{letter-spacing:2px;color:var(--muted);margin-top:-4px;font-size:8px;font-weight:600;display:block}.restaurant{border:1px solid var(--line);border-radius:11px;align-items:center;gap:10px;margin:32px 0;padding:13px 10px;display:flex}.restaurant-avatar{background:#edf2e8;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.restaurant strong{font-size:12px}.restaurant small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.nav-label,.eyebrow{color:var(--muted);letter-spacing:.4px;font-size:11px;font-weight:500}.nav-label{margin:0 12px 12px}nav{flex-direction:column;gap:7px;display:flex}nav button{color:#778077;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:13px 14px;font-size:13px;display:flex}nav button.active{color:var(--green);background:#eaf1e5;font-weight:600}.nav-count{background:#fff;border-radius:5px;margin-left:auto;padding:1px 5px;font-size:11px}.sidebar-bottom{border-top:1px solid var(--line);color:var(--ink);margin-top:auto;padding:22px 10px 0;font-size:11px}.sidebar-bottom div{color:var(--muted);margin:7px 0 13px;font-size:10px}.demo-dot,.local-badge span{background:#8ba85b;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.text-button{color:var(--green);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;display:inline-flex}.main-shell{width:calc(100% - 244px);margin-left:244px}.topbar{border-bottom:1px solid var(--line);background:#ffffffbd;justify-content:space-between;align-items:center;height:77px;padding:0 42px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:500}.top-actions{align-items:center;gap:13px;display:flex}.top-actions select{background:0 0;border:0;width:130px;padding:6px;font-size:12px}.demo-tag{letter-spacing:1px;color:#967027;background:#f5ead3;border-radius:5px;padding:5px 8px;font-size:9px}.avatar{background:#ecebdd;border-radius:50%;place-items:center;width:33px;height:33px;font-size:13px;display:grid}.mobile-menu{display:none}main{max-width:1500px;margin:auto;padding:34px 42px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}h1{letter-spacing:-.5px;margin:8px 0 7px;font-size:28px;font-weight:600}h2{margin:0;font-size:16px;font-weight:600}h3{margin:5px 0;font-size:16px;font-weight:600}p{line-height:1.75}.page-heading p{color:var(--muted);margin:0;font-size:12px}.local-badge{border:1px solid var(--line);white-space:nowrap;color:#67715f;background:#fff;border-radius:20px;padding:7px 12px;font-size:10px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.stat-card>div{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-card svg{color:#739073}.stat-card>strong{letter-spacing:-1px;margin-top:14px;font-size:33px;font-weight:500;display:block}.stat-card strong small{letter-spacing:0;color:var(--muted);margin-left:8px;font-size:12px;font-weight:400}.stat-card p{color:var(--muted);margin:8px 0 0;font-size:10px}.stat-card.orange{background:#fffaf0;border-color:#efe3ce}.stat-card.orange svg,.stat-card.orange>strong{color:#b88536}.overview-grid{grid-template-columns:1.8fr 1fr;gap:22px;margin-bottom:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:23px;overflow:hidden}.overview-grid .panel{margin-bottom:0}.panel-heading{justify-content:space-between;align-items:center;gap:14px;padding:22px 24px;display:flex}.panel-heading p{color:var(--muted);margin:5px 0 0;font-size:11px}.pill{border:1px solid var(--line);white-space:nowrap;background:#f8faf6;border-radius:6px;padding:5px 8px;font-size:10px}.zone-row{text-align:left;width:100%;color:var(--ink);background:#fff;border:0;border-top:1px solid #f1f2ee;align-items:center;gap:17px;padding:19px 24px;display:flex}.zone-icon{color:#9b813c;background:#f2eddc;border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.zone-icon.pink{color:#b4806c;background:#faeae4}.zone-icon.blue{color:#688aaf;background:#eaf0f6}.zone-info{flex:1}.zone-title{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.zone-title strong{font-size:13px}.status{white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:10px}.status.green{color:#5b7e3d;background:#edf4e8}.status.amber{color:#aa853f;background:#fcf3e0}.status.red{color:#b2755e;background:#faeee8}.progress{background:#eef0e9;border-radius:3px;height:4px;margin-bottom:6px;overflow:hidden}.progress span{background:#94ae69;border-radius:3px;height:100%;display:block}.zone-info small{color:var(--muted);font-size:10px}.zone-row>svg{color:#a4aaa0}.panel-foot{border-top:1px solid var(--line);color:var(--muted);background:#fafbf8;align-items:center;gap:8px;padding:15px 24px;font-size:10px;display:flex}.focus-card{background:#eaf0df;border:1px solid #dce5ce;border-radius:13px;min-height:330px;padding:27px;position:relative;overflow:hidden}.focus-card .eyebrow{color:#7e8d62;letter-spacing:2px;font-size:9px}.focus-card h2{letter-spacing:-.6px;margin-top:15px;font-size:26px;line-height:1.55}.focus-card p{color:#7c896d;max-width:235px;margin:12px 0 21px;font-size:11px}.primary,.secondary{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:12px;display:inline-flex}.primary{background:var(--green);color:#fff}.secondary{color:var(--ink);border-color:var(--line);background:#fff}.focus-art{color:#a5b68b;opacity:.65;position:absolute;bottom:20px;right:24px;transform:rotate(12deg)}.floating-check{color:var(--green);background:#fff;border-radius:50%;padding:4px;position:absolute;bottom:0;right:-6px}.attention-list{grid-template-columns:1fr 1fr;gap:0 30px;padding:0 24px 14px;display:grid}.attention-list>div{border-top:1px solid var(--line);align-items:center;gap:11px;padding:15px 0;display:flex}.item-symbol{color:#8c967c;background:#f6f7f2;border-radius:9px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.attention-list strong{font-size:12px}.attention-list small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.attention-list .status{margin-left:auto}.toolbar{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;display:flex}.segmented{border:1px solid var(--line);background:#fff;border-radius:9px;gap:3px;padding:4px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:9px 18px;font-size:12px}.segmented button.selected{color:var(--green);background:#eaf1e5}.search{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;align-items:center;gap:7px;min-width:160px;padding:0 12px;display:flex}.search input{background:0 0;width:100%;border:0!important}.checkbox{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.checkbox input{width:auto}.notice{color:#6c795e;background:#eff3e8;border:1px solid #e3e8d8;border-radius:9px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:12px;line-height:1.7;display:flex}.notice svg{flex-shrink:0}.notice.danger{color:#a56d49;background:#fff0e6;border-color:#efdbc9}.count-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:24px;display:grid}.count-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:21px}.card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.count-card>small{color:var(--muted);font-size:10px}.fields{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.fields .full{grid-column:1/-1}label{color:var(--muted);font-size:11px;display:block}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #dfe4d9;border-radius:7px;width:100%;min-height:43px;margin-top:5px;padding:10px 12px;display:block}input:focus,select:focus,textarea:focus{border-color:#87a36e;outline:2px solid #b2c79b}input[type=checkbox]{min-height:unset;margin:0}input[type=number]{font-size:16px}textarea{resize:vertical}.sticky-actions{border:1px solid var(--line);z-index:10;background:#fff;border-radius:11px;align-items:center;gap:10px;padding:16px 19px;display:flex;position:sticky;bottom:15px;box-shadow:0 6px 25px #26392a0c}.sticky-actions>div{flex:1}.sticky-actions strong{font-size:12px}.sticky-actions small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.inline-label{min-width:180px}.buy-list{padding:0 24px}.buy-row{border-top:1px solid var(--line);grid-template-columns:1fr 140px 45px;align-items:center;gap:15px;padding:17px 0;display:grid}.buy-row strong{font-size:13px}.buy-row small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.buy-row>span{color:var(--muted);padding-top:19px;font-size:11px}.buy-row .warning-text{color:#b57c37}.supplier-actions{border-top:1px solid var(--line);background:#fafbf8;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.pad{padding:24px}.pad>.panel-heading{padding:0 0 20px}.pad>label{margin-bottom:20px}.photo-upload{background:#fafbf8;border:1px dashed #bfccb5;border-radius:9px;margin:20px 0;padding:16px}.receipt-photo{object-fit:contain;border-radius:8px;width:180px;max-height:180px;margin:10px 0;display:block}.muted{color:var(--muted);font-size:11px}.settings-row{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#fff;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.settings-row strong{font-size:13px}.settings-row small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.supplier-settings{grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin:20px 0;display:grid}.timeline>div{border-bottom:1px solid var(--line);gap:15px;padding:16px 0;display:flex}.timeline-dot{background:#eef4e6;border:2px solid #8aa577;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:7px}.timeline strong{font-size:12px;font-weight:500}.timeline small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.empty{text-align:center;color:var(--muted);padding:50px 20px}.empty svg{color:#a7b39b}.empty p{font-size:12px}footer{border-top:1px solid var(--line);letter-spacing:.5px;color:#939a8e;justify-content:space-between;margin-top:30px;padding:23px 0;font-size:9px;display:flex}.toast{z-index:100;color:#fff;background:#243b2b;border-radius:10px;align-items:center;gap:10px;max-width:90vw;padding:14px 22px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #0002}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;background:#172b1c70;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:650px;max-height:90vh;padding:25px;overflow:auto}.modal .panel-heading{padding:0}.loading{height:100vh;color:var(--green);flex-direction:column;justify-content:center;align-items:center;font-size:40px;font-weight:700;display:flex}.loading span{margin-top:15px;font-size:12px;font-weight:400}.icon-btn{color:var(--ink);background:0 0;border:0}@media (width>=1500px){main{padding-top:45px}.overview-grid{grid-template-columns:2fr 1fr}}@media (width<=1100px){.sidebar{width:210px;padding:24px 15px}.main-shell{width:calc(100% - 210px);margin-left:210px}main{padding:28px 24px 0}.topbar{padding:0 24px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-card>strong{font-size:28px}.overview-grid{grid-template-columns:1.5fr 1fr;gap:15px}.focus-card{padding:22px}.focus-card h2{font-size:22px}.attention-list,.count-grid{grid-template-columns:1fr}.supplier-settings{grid-template-columns:1fr 1fr}}@media (width<=760px){.sidebar{width:244px;transition:transform .2s;transform:translate(-100%);box-shadow:12px 0 50px #0002}.sidebar.open{transform:translate(0)}.main-shell{width:100%;margin:0}.topbar{z-index:20;background:#fff;height:65px;padding:0 16px;position:sticky;top:0}.mobile-menu{display:block}.breadcrumb{display:none}.top-actions{gap:7px}.top-actions select{width:115px;font-size:11px}.avatar{width:29px;height:29px}main{padding:24px 16px 0}.page-heading{align-items:flex-start;gap:8px}h1{font-size:23px}.page-heading .eyebrow{font-size:9px}.page-heading p{font-size:11px}.local-badge{margin-top:8px;padding:6px 8px;font-size:8px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.stat-card>strong{font-size:29px}.stat-card>div{font-size:10px}.stat-card p{font-size:9px}.overview-grid{grid-template-columns:1fr}.focus-card{min-height:220px;padding:22px}.focus-card h2{font-size:23px}.focus-card h2 br{display:none}.focus-card p{max-width:75%}.focus-art{bottom:30px;right:25px}.panel-heading{flex-wrap:wrap;align-items:flex-start;padding:18px}.panel-heading p{font-size:10px}.zone-row{gap:12px;padding:18px}.zone-title strong{font-size:12px}.zone-info small{font-size:9px}.panel-foot{padding:13px 18px;font-size:9px}.attention-list{padding:0 18px 8px}.attention-list .status{font-size:9px}.toolbar{gap:10px}.segmented button{padding:9px 14px}.search{flex-basis:100%}.count-card{padding:18px}.fields{gap:12px}.sticky-actions{flex-wrap:wrap;padding:12px;bottom:8px}.sticky-actions>div{flex-basis:100%}.sticky-actions>button{flex:1;font-size:11px}.buy-list{padding:0 16px}.buy-row{grid-template-columns:1fr 95px 28px;gap:8px}.buy-row strong{font-size:12px}.buy-row small{font-size:9px}.buy-row input{padding:8px;font-size:16px}.supplier-actions{flex-wrap:wrap;padding:15px}.supplier-actions button{white-space:nowrap;flex:1;font-size:10px}.pad{padding:18px}.supplier-settings{grid-template-columns:1fr 1fr}.inline-label{width:100%}.modal{padding:20px}.modal .fields{grid-template-columns:1fr 1fr}footer{flex-direction:column;gap:12px;font-size:8px}.notice{align-items:flex-start;font-size:10px}.toast{width:max-content;font-size:11px}}.category-tabs{flex-wrap:wrap;margin-bottom:20px}.inventory-balance{padding:18px 0}.inventory-balance>strong{font-size:30px;font-weight:500;display:block}.inventory-balance small{color:var(--muted);font-size:11px}.inventory-balance>span,.inventory-balance>small{margin-top:6px;display:block}.inventory-balance strong small{font-size:14px}.role-card{text-align:left;color:var(--ink)}.role-card p{color:var(--muted);font-size:12px}.role-selected{border:2px solid var(--green);background:#f4f8ed}.permission-head,.permission-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr;gap:15px;padding:17px 0;font-size:12px;display:grid}.permission-row small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.permission-row>span{align-items:center;gap:5px;display:flex}.restricted{color:#9a7b63}.permission-head{color:var(--muted);font-size:11px}@media (width<=760px){.permission-head,.permission-row{grid-template-columns:1.1fr 1fr 1fr;gap:8px;font-size:10px}.permission-row>span{flex-wrap:wrap}}.sidebar{overflow-y:auto}.top-actions select{width:180px}@media (width<=760px){.top-actions select{width:150px}}.notification-container{position:relative}.notification-bell{padding:8px;position:relative}.notification-count{color:#fff;background:#ba6543;border-radius:20px;place-items:center;min-width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:0;right:0}.notification-popover{border:1px solid var(--line);z-index:60;background:#fff;border-radius:12px;width:390px;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 15px 50px #26392a25}.notification-title{justify-content:space-between;align-items:center;gap:8px;padding:18px;display:flex}.notification-title small{color:var(--muted);font-size:11px}.notification-read{margin:0 18px 12px}.notification-list{max-height:380px;overflow:auto}.notification-item{text-align:left;border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);background:#fff;padding:16px 18px;display:block}.notification-item.unread{border-left:3px solid var(--green);background:#f1f6e9}.notification-item>div{justify-content:space-between;gap:8px;display:flex}.notification-item strong{font-size:12px}.notification-item p{margin:7px 0;font-size:11px}.notification-item small{color:var(--muted);font-size:10px}@media (width<=760px){.notification-popover{width:auto;position:fixed;top:70px;left:12px;right:12px}.top-actions{gap:4px}.notification-title h2{font-size:14px}}.holiday-panel{background:#fffdf8;border-color:#e1d6ba}.holiday-panel h2{align-items:center;gap:8px;display:flex}.holiday-preview{max-height:300px;margin-bottom:18px;overflow-y:auto}.holiday-panel a{color:var(--green);text-decoration:underline}.holiday-panel .notice{display:block}.employee-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.employee-fields label{gap:8px;display:grid}.employee-row{border-bottom:1px solid #e6ebe7;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.employee-row div{overflow-wrap:anywhere;min-width:0}.employee-row p{margin:6px 0}@media (width<=600px){.employee-fields{grid-template-columns:1fr}}.demo-login{max-width:540px;margin:6vh auto;padding:24px}.demo-login label{gap:8px;margin:16px 0;display:grid}.demo-login .panel{margin-top:20px}.demo-login details button{text-align:left;overflow-wrap:anywhere;width:100%;margin:10px 0;display:block}.login-roles{gap:12px;margin-top:24px;display:flex}.login-roles button{flex:1}.purchase-alert{color:#78350f;background:#fffbeb;border:2px solid #d97706;border-radius:16px;align-items:flex-start;gap:16px;margin-bottom:20px;padding:22px;display:flex}.purchase-alert>svg{flex-shrink:0;margin-top:3px}.purchase-alert h2{margin:0 0 8px;font-size:20px}.purchase-alert p{margin:0 0 8px;font-weight:600}.purchase-alert small{line-height:1.6;display:block}.purchase-request-pending{border-left:5px solid #d97706}.purchase-request-pending h3 .status{margin-left:10px}@media (width<=600px){.purchase-alert{gap:10px;padding:16px}.purchase-alert h2{font-size:18px}.purchase-request-pending h3 .status{margin:6px 0 0;display:inline-block}}.workforce-tabs{flex-wrap:wrap;margin-bottom:18px}.workforce-row{flex-wrap:wrap;gap:12px}.workforce-row>div{overflow-wrap:anywhere;min-width:0}