@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{font-family:Be Vietnam Pro,Arial,sans-serif;color:#18251e;background:#f5f8f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}.app{--green:#087a3b;--green2:#075d32;--soft:#eaf6ee;--line:#e6ece7;--muted:#7b8980;min-height:100vh;background:#f5f8f5;color:#1b2921}.theme-blue{--green:#1769aa;--green2:#104c80;--soft:#eaf3fc}.theme-purple{--green:#7044a8;--green2:#4d2d7b;--soft:#f1eafb}.theme-orange{--green:#d96a13;--green2:#97450c;--soft:#fff1e5}.app.dark{background:#121a16;color:#e7eee9;--line:#2c3931;--muted:#a4b2a9;--soft:#1e3026}.sidebar{width:248px;background:linear-gradient(165deg,var(--green2),#043e25);color:#fff;position:fixed;inset:0 auto 0 0;padding:22px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:4px 10px 28px}.brandmark,.brand-symbol{width:44px;height:44px;border-radius:14px;background:#ffffff20;display:grid;place-items:center;color:#fff;overflow:hidden}.brandmark img{width:100%;height:100%;object-fit:cover}.brand b{display:block;font-size:17px}.brand small,.sidebar-bottom small{display:block;font-size:9px;letter-spacing:1px;opacity:.7;margin-top:3px}.navlabel{font-size:10px;letter-spacing:1.4px;color:#ffffff8c;padding:8px 12px}.navitem{display:flex;align-items:center;gap:12px;color:#e8f4ec;background:transparent;text-align:left;padding:12px 13px;border-radius:12px;margin:3px 0;font-size:13px}.navitem span{flex:1}.navitem:hover,.navitem.selected{background:#fff;color:var(--green2);font-weight:700}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff28;padding:16px 7px 4px;display:flex;align-items:center;gap:10px}.sidebar-bottom b{font-size:12px}.sidebar-bottom small{letter-spacing:0}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f5eb;color:var(--green2);font-weight:800}.sidebar-bottom .avatar{background:#ffffff24;color:#fff}.sidebar-bottom>div:nth-child(2){flex:1}.main{margin-left:248px;min-height:100vh}.topbar{height:66px;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dark .topbar,.dark .panel,.dark .stat-card,.dark .drawer,.dark .modal{background:#1b2720;color:#e7eee9}.crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.crumb b{color:inherit}.top-actions{display:flex;align-items:center;gap:12px}.demo-tag{font-size:10px;color:var(--green);background:var(--soft);padding:7px 10px;border-radius:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;font-weight:700;font-size:12px}.btn svg{width:16px;height:16px}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{filter:brightness(.94)}.btn.secondary{background:#fff;border:1px solid var(--line);color:#34443a}.dark .btn.secondary{background:#26352c;color:#e7eee9}.btn.small{padding:8px 11px;font-size:11px}.btn.wide{width:100%}.icon-button{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:transparent;color:inherit}.icon-button:hover{background:var(--soft)}.icon-button svg{width:17px}.icon-button.danger{color:#c24a4a}.mobile-menu{display:none}.content{max-width:1500px;margin:auto;padding:24px 30px 40px}.hero{min-height:165px;border-radius:18px;background:linear-gradient(115deg,#0a6537,#3c8c50);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:space-between;padding:28px 34px;color:#fff;margin-bottom:22px;box-shadow:0 8px 24px #174b2b20}.hero small{font-size:10px;letter-spacing:2px;opacity:.8}.hero h1{font-size:36px;margin:7px 0 3px}.hero p{margin:0;opacity:.9}.hero>span{width:70px;height:70px;border-radius:20px;background:#ffffff20;display:grid;place-items:center}.hero img{width:100%;height:100%;object-fit:cover;border-radius:20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 18px}.page-heading h1{font-size:23px;margin:0 0 4px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.date-tag{font-size:11px;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:10px}.dark .date-tag{background:#26352c}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;align-items:center;gap:13px;box-shadow:0 3px 12px #183d2510}.stat-icon{width:44px;height:44px;border-radius:13px;background:var(--soft);color:var(--green);display:grid;place-items:center}.stat-icon.gold{background:#fff6dc;color:#c48a00}.stat-card small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.stat-card strong{font-size:20px}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:0 3px 14px #183d2509;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title h2{font-size:16px;margin:0}.panel-title p{font-size:11px;color:var(--muted);margin:5px 0 0}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-tile{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px 8px;display:flex;align-items:center;gap:10px;text-align:left;color:inherit}.dark .quick-tile{background:#26352c}.quick-tile span{width:35px;height:35px;border-radius:10px;background:var(--soft);color:var(--green);display:grid;place-items:center}.quick-tile b{font-size:12px}.mini-product{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.mini-product b{font-size:11px;flex:1}.mini-product strong{font-size:11px;color:var(--green)}.product-thumb{width:58px;height:48px;object-fit:cover;border-radius:9px;background:#edf2ee;flex-shrink:0}.placeholder{display:grid;place-items:center;font-size:22px}.route-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.route-links button{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit;font-size:11px}.route-links button:hover{background:var(--soft);color:var(--green)}footer{font-size:10px;color:var(--muted);padding:22px 4px;display:flex;justify-content:space-between}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:var(--muted);font-size:10px;font-weight:700;background:#f7faf7;padding:11px 9px;white-space:nowrap}.dark th{background:#26352c}td{font-size:11px;padding:12px 9px;border-bottom:1px solid var(--line);vertical-align:middle}td.price{font-weight:700;color:var(--green);white-space:nowrap}.pill{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:10px;white-space:nowrap}.pill.green{background:#e4f7e9;color:#087a3b}.pill.blue{background:#e7f2ff;color:#1769aa}.pill.orange{background:#fff0dc;color:#bb6a08}.pill.yellow{background:#fff6d8;color:#987000}.pill.gray{background:#eef1ee;color:#68756c}.toolbar{display:flex;align-items:center;gap:10px;margin:14px 0}.searchbox,.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:#fff;color:inherit}.searchbox{flex:1;max-width:340px}.searchbox svg{width:16px;color:var(--muted)}.searchbox input{border:0;outline:0;width:100%;background:transparent;color:inherit;font-size:12px}.toolbar select,.field input,.field select,.pos-cart select,.form-row select,.modal select{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff;color:#25352b;font-size:12px;min-width:130px}.dark .toolbar select,.dark .field input,.dark .field select,.dark .pos-cart select,.dark .modal select{background:#26352c;color:#e7eee9}.product-admin-row{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--line)}.product-admin-name{flex:1;min-width:120px}.product-admin-name b,.product-admin-name small{display:block}.product-admin-name b{font-size:12px}.product-admin-name small{font-size:10px;color:var(--muted);margin-top:5px}.product-admin-row>strong{font-size:12px;color:var(--green);min-width:90px}.form-panel{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 18px}.field{display:flex;flex-direction:column;gap:7px;margin:12px 0}.field span{font-size:11px;font-weight:700;color:var(--muted)}.field input,.field select{width:100%}.info-box,.permission-note{background:var(--soft);color:var(--green2);padding:13px;border-radius:10px;font-size:11px;margin:16px 0}.dark .info-box,.dark .permission-note{color:#b6e9c7}.table-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.table-card{border:1px solid var(--line);border-radius:13px;padding:18px 10px;display:flex;align-items:center;flex-direction:column;gap:9px}.table-card>svg{color:var(--green)}.table-card b{font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.toggle-row b,.toggle-row small{display:block}.toggle-row b{font-size:12px}.toggle-row small{font-size:10px;color:var(--muted);margin-top:4px}.switch{width:42px;height:24px;border-radius:20px;background:#cbd4cd;padding:3px}.switch i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--green)}.switch.on i{transform:translate(18px)}.muted{font-size:11px;color:var(--muted)}.staff-row{display:flex;align-items:center;gap:13px;padding:12px 4px;border-bottom:1px solid var(--line)}.staff-row>div:nth-child(2){flex:1}.staff-row b,.staff-row small{display:block}.staff-row b{font-size:12px}.staff-row small{font-size:10px;color:var(--muted);margin-top:4px}.permission-matrix{margin-top:25px}.permission-matrix h3{font-size:14px}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.device-card{border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;align-items:flex-start;flex-direction:column;gap:9px}.device-card>svg{color:var(--green);width:28px;height:28px}.device-card h3{font-size:15px;margin:0}.device-card p{font-size:11px;color:var(--muted);margin:0}.device-card code{font-size:10px;color:var(--green);word-break:break-all}.promo-icon{width:38px;height:38px;border-radius:10px;background:var(--soft);color:var(--green);display:grid;place-items:center}.report-bars{height:190px;display:flex;align-items:end;gap:20px;padding:18px 30px;border-bottom:1px solid var(--line);margin:20px 0}.report-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.report-bars span{width:100%;max-width:55px;border-radius:8px 8px 0 0;background:linear-gradient(var(--green),#b8e9c5)}.report-bars small{font-size:10px;color:var(--muted)}.settings-actions{display:flex;gap:10px;flex-wrap:wrap}.danger-btn{color:#bd4141!important;border-color:#efcaca!important}.drawer-scrim,.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1c1280;z-index:30}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(420px,94vw);background:#fff;z-index:31;box-shadow:-10px 0 35px #0002;display:flex;flex-direction:column}.drawer-head{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer-head h2{font-size:17px;margin:0}.drawer-body{padding:20px;overflow:auto;flex:1}.drawer-body h3{display:flex;align-items:center;gap:8px;font-size:13px;margin:20px 0 12px}.drawer-body h3 svg{width:17px;color:var(--green)}.theme-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.theme-dot{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;font-size:11px}.theme-dot.chosen{outline:2px solid var(--green);font-weight:700}.theme-dot.green{color:#087a3b}.theme-dot.blue{color:#1769aa}.theme-dot.purple{color:#7044a8}.theme-dot.orange{color:#d96a13}.upload-box{border:1px dashed #9ab9a2;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;color:var(--green);font-size:12px;cursor:pointer}.upload-box input,.logo-upload input{display:none}.preview-image{width:100%;height:110px;object-fit:cover;border-radius:10px}.logo-upload{display:flex;gap:10px;align-items:center}.logo-upload img{width:55px;height:55px;object-fit:cover;border-radius:12px}.radio{display:flex;align-items:center;gap:8px;font-size:12px;margin:10px 0}.drawer-foot{padding:16px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1b1280;z-index:40;display:grid;place-items:center;padding:16px}.modal{background:#fff;color:#1b2921;width:min(480px,100%);padding:22px;border-radius:17px;box-shadow:0 20px 70px #0003}.modal.wide-modal{width:min(600px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h2{font-size:17px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.cart-line,.total-line{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-line small{display:block;color:var(--muted);margin-top:3px}.total-line strong{font-size:18px;color:var(--green)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#173c28;color:#fff;padding:12px 18px;border-radius:10px;z-index:80;font-size:12px;box-shadow:0 6px 20px #0002}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#e8f5eb,#f9fbf9)}.login-card{background:#fff;border:1px solid #e5ece6;border-radius:20px;padding:35px;width:min(390px,92vw);box-shadow:0 15px 50px #143d2115;display:flex;align-items:stretch;flex-direction:column;gap:13px}.login-card .brand-symbol{margin:auto;background:var(--green);width:60px;height:60px}.login-card h1{text-align:center;margin:0;font-size:24px}.login-card p,.login-card small{text-align:center;color:#718078;font-size:11px}.login-card label{font-size:12px;display:grid;gap:8px}.login-card select{padding:12px;border:1px solid #dfe8e1;border-radius:9px}.linkbtn{background:transparent;color:var(--green);font-size:11px}.special-screen,.pos-screen,.display-screen{min-height:100vh;background:#f4f7f4;padding:25px}.special-head,.display-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.special-head>div,.display-top>div{display:flex;align-items:center;gap:13px}.special-head>div>svg{width:34px;height:34px;color:var(--green)}.special-head h1,.display-top h1{font-size:23px;margin:0}.special-head p,.display-top p{font-size:12px;color:var(--muted);margin:4px 0}.kitchen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kitchen-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 5px 20px #00000008}.kitchen-card-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:13px}.kitchen-card-head em{font-style:normal;color:var(--green);font-size:11px}.kitchen-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.kitchen-item b{color:var(--green)}.kitchen-actions{margin-top:14px}.pos-layout{display:grid;grid-template-columns:1fr 340px;gap:18px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2,.pos-cart h2{font-size:18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px;display:flex;flex-direction:column;gap:9px}.product-card>.product-thumb{width:100%;height:120px}.product-card>div:nth-child(2){display:flex;flex-direction:column;gap:5px;min-height:42px}.product-card b{font-size:11px}.product-card strong{font-size:12px;color:var(--green)}.product-card .btn{align-self:stretch}.pos-cart{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;height:max-content;position:sticky;top:20px}.pos-cart label{display:grid;gap:6px;font-size:11px;margin:12px 0}.cart-list{max-height:350px;overflow:auto}.cart-list .cart-line>div{display:flex;align-items:center;gap:8px}.cart-list button{width:24px;height:24px;border-radius:6px;background:var(--soft);color:var(--green)}.category-pills{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.category-pills button{padding:8px 14px;border:1px solid var(--line);border-radius:22px;background:#fff;font-size:11px;color:inherit}.category-pills button.chosen{background:var(--green);border-color:var(--green);color:#fff}.display-screen{background:#0c2418;color:#fff;padding:35px}.display-top{border-bottom:1px solid #ffffff30;padding-bottom:20px}.display-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}.display-columns section{background:#ffffff0d;border:1px solid #ffffff24;border-radius:20px;padding:25px;min-height:55vh}.display-columns h2{text-align:center;font-size:17px;letter-spacing:2px}.number-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:35px}.number-grid b{font-size:42px;padding:20px 25px;border-radius:15px;background:#fff;color:#a65b0a}.number-grid.ready b{color:#087a3b}.customer-page{min-height:100vh;background:#f6f8f6;padding-bottom:95px}.customer-head{background:#fff;padding:16px max(18px,calc((100% - 1000px)/2));display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px #0000000a}.customer-head>svg,.customer-head>img{width:42px;height:42px;object-fit:cover;color:var(--green)}.customer-head div{flex:1}.customer-head b,.customer-head small{display:block}.customer-head small{font-size:10px;color:var(--muted);margin-top:3px}.customer-banner{height:150px;background-position:center;background-size:cover}.customer-content,.customer-checkout{max-width:1000px;margin:22px auto;padding:0 18px}.customer-title{display:flex;align-items:center;justify-content:space-between}.customer-title h1{font-size:24px;margin:0}.customer-title p{font-size:12px;color:var(--muted)}.open-label{color:var(--green);font-size:11px}.customer-grid{grid-template-columns:repeat(3,1fr)}.cart-float{position:fixed;bottom:15px;left:50%;transform:translate(-50%);width:min(600px,calc(100% - 24px));background:#173c28;color:#fff;border-radius:14px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;z-index:9;font-size:12px;box-shadow:0 10px 30px #0003}.customer-checkout{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.customer-checkout h2{font-size:17px}.form-row{display:flex;gap:12px}.form-row label{display:grid;gap:6px;flex:1;font-size:11px}.customer-checkout>small{display:block;color:var(--muted);font-size:10px;margin-top:10px}@media(max-width:1100px){.sidebar{width:215px}.main{margin-left:215px}.content{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.22s}.sidebar.open{transform:translate(0)}.main{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 13px;height:58px}.top-actions{gap:5px}.demo-tag{display:none}.content{padding:14px}.hero{min-height:130px;padding:20px}.hero h1{font-size:27px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:19px}.stats{gap:9px}.stat-card{padding:12px;gap:9px}.stat-icon{width:36px;height:36px}.stat-card strong{font-size:15px}.dashboard-grid,.two-col{grid-template-columns:1fr}.table-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.device-grid,.kitchen-grid,.pos-layout{grid-template-columns:1fr}.pos-cart{position:static}.product-grid{grid-template-columns:repeat(2,1fr)}.display-columns{grid-template-columns:1fr}.display-columns section{min-height:30vh}.special-screen,.pos-screen,.display-screen{padding:15px}.product-admin-row{gap:7px}.product-admin-row>strong{min-width:auto;font-size:10px}.product-admin-row .product-thumb{width:45px;height:42px}.product-admin-name b{font-size:10px}.product-admin-row .icon-button{width:28px}.toolbar{flex-wrap:wrap}.searchbox{max-width:none}.route-links{grid-template-columns:1fr 1fr}footer{display:block;line-height:2}.customer-grid{grid-template-columns:repeat(2,1fr)}.customer-content,.customer-checkout{margin:16px auto}.customer-banner{height:110px}.topbar .crumb,.btn.small{font-size:10px}.special-head h1{font-size:18px}}@media(max-width:420px){.stats{grid-template-columns:1fr 1fr}.stat-card{align-items:flex-start;flex-direction:column}.product-grid{gap:8px}.product-card{padding:8px}.product-card>.product-thumb{height:95px}.product-card b{font-size:10px}.product-card .btn{padding:8px}.panel{padding:13px}.top-actions .btn{padding:8px}.hero>span{display:none}}.edit-image-preview{width:100%;max-height:180px;object-fit:cover;border-radius:10px;margin:4px 0 12px}.field input[type=file]{padding:9px;background:#fff;border:1px dashed #9ab9a2}