:root{--ink:#282522;--muted:#7c7772;--line:#e8e3dc;--paper:#fff;--canvas:#f7f4ef;--orange:#eb5b39;--orange-dark:#cc4527;--peach:#fff0ea;--green:#28755f;--green-bg:#e8f6ef;--blue:#4169bd;--blue-bg:#ecf1ff;--amber:#a96b12;--amber-bg:#fff2d8;--red:#b93c35;--red-bg:#fff0ef;--shadow:0 10px 30px rgba(67,48,31,.07);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);min-width:320px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Fraunces',serif}.hidden{display:none!important}.logo-box{width:48px;height:48px;border-radius:15px;background:var(--orange);display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(235,91,57,.22);font-size:24px;flex:0 0 auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--orange)}.btn{border:0;border-radius:13px;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--orange);color:#fff;box-shadow:0 8px 18px rgba(235,91,57,.18)}.btn.primary:hover{background:var(--orange-dark)}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--red-bg);color:var(--red);border:1px solid #f2d8d5}.btn-block{width:100%}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:21px}.alert{padding:13px 15px;border-radius:12px;font-size:14px;margin:13px 0}.alert.error{background:var(--red-bg);color:var(--red)}.alert.success{background:var(--green-bg);color:var(--green)}.inline-alert{margin:0 0 18px}.toast{position:fixed;right:22px;bottom:22px;background:#2f2b29;color:#fff;padding:14px 18px;border-radius:13px;z-index:100;box-shadow:0 15px 35px #0003;animation:toastIn .25s ease}.toast.error{background:var(--red)}.toast.success{background:var(--green)}@keyframes toastIn{from{transform:translateY(15px);opacity:0}}label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#514c48}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;min-height:45px;padding:10px 12px;color:var(--ink);outline:none}textarea{min-height:86px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#e68a71;box-shadow:0 0 0 3px rgba(235,91,57,.09)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{font:13px/1.5 'DM Sans';color:var(--muted)}.check{display:flex;align-items:center;gap:8px}.check input{width:20px;min-height:20px}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.badge.pend{color:var(--amber);background:var(--amber-bg)}.badge.prep{color:#8f6012;background:#fff0cc}.badge.route{color:var(--blue);background:var(--blue-bg)}.badge.done{color:var(--green);background:var(--green-bg)}.badge.cancel{color:var(--red);background:var(--red-bg)}.badge.priority{color:#9a620f;background:#fff1cf}.online-chip{display:flex;align-items:center;gap:7px;background:var(--green-bg);color:var(--green);border-radius:99px;padding:8px 11px;font-size:12px;font-weight:800}.online-chip i{width:7px;height:7px;border-radius:50%;background:currentColor}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state>span{font-size:40px}.empty-state h1,.empty-state h2{color:var(--ink);margin:12px 0 8px}.empty-state.small{padding:25px}.empty-state.small>span{font-size:24px}.map-box{background:#e7eee5;border:1px solid #dae3d9;border-radius:17px;overflow:hidden;position:relative;z-index:0}.map-placeholder{display:grid;place-items:center;text-align:center;height:100%;font-size:30px;color:var(--muted)}
/* Installer */.installer-body{background:#252321}.installer-wrap{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr}.installer-hero{padding:58px;color:#fff;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 85% 20%,#594038 0,transparent 33%),#292725}.installer-hero>span{margin-top:32px;font-size:11px;letter-spacing:.15em;color:#eaa993;font-weight:800}.installer-hero h1{font-size:clamp(38px,5vw,65px);line-height:1.02;margin:16px 0;max-width:590px}.installer-hero>p{color:#cbc6c2;line-height:1.7;max-width:510px}.requirements{display:grid;gap:9px;margin-top:25px}.requirement{display:flex;align-items:center;gap:10px;background:#35312e;border:1px solid #44403d;border-radius:12px;padding:11px;max-width:430px;font-size:13px}.requirement b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center}.requirement.ok b{background:#285f4e}.requirement.bad b{background:#8d3733}.installer-panel{background:#fff;padding:45px;display:flex;justify-content:center;align-items:center;overflow:auto}.install-form{width:min(620px,100%)}.install-form header h2{font-size:31px;margin:6px 0}.install-form header p{color:var(--muted)}.install-form fieldset{border:0;padding:0;margin:27px 0;display:grid;gap:13px}.install-form legend{font-weight:800;font-size:14px;border-bottom:1px solid var(--line);width:100%;padding-bottom:10px;margin-bottom:13px}.privacy-note{text-align:center;font-size:12px;color:var(--muted)}.install-lock{text-align:center;max-width:440px}.lock-icon{font-size:50px}.install-lock h2{font-size:32px;margin:14px 0 8px}.install-lock p{color:var(--muted);line-height:1.6}
/* Auth */.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.auth-visual{padding:54px;color:#fff;background:linear-gradient(rgba(38,34,31,.28),rgba(38,34,31,.84)),url('demo/auth-food.svg') center/cover;display:flex;flex-direction:column;justify-content:space-between}.auth-brand,.wordmark,.mobile-brand{display:flex;align-items:center;gap:11px;font-size:17px}.auth-visual h1{font-size:clamp(42px,5.2vw,70px);line-height:1.01;max-width:680px;margin:15px 0}.auth-visual p{color:#ded8d3;font-size:17px;line-height:1.6;max-width:500px}.auth-features{display:flex;gap:10px;flex-wrap:wrap}.auth-features span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);padding:10px 13px;border-radius:10px;font-size:12px;font-weight:700}.auth-panel{padding:38px;display:flex;justify-content:center;align-items:center;overflow-y:auto}.auth-form{width:min(430px,100%);display:grid;gap:15px}.auth-form h2{font-size:36px;margin:5px 0 0}.auth-form>p{color:var(--muted)}.mobile-brand{display:none;color:var(--orange);font-weight:800}.password-field{position:relative}.password-field input{padding-right:50px}.password-field button{position:absolute;right:5px;top:5px;width:36px;height:35px;border:0;background:transparent}.auth-separator{height:1px;background:var(--line);margin:6px 0;position:relative}.auth-separator span{position:absolute;background:#fff;padding:0 10px;color:var(--muted);left:50%;transform:translate(-50%,-50%)}.auth-switch{text-align:center!important;font-size:14px}.auth-switch a{color:var(--orange);font-weight:800}.account-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-switch input{position:absolute;opacity:0}.account-switch span{border:1px solid var(--line);border-radius:13px;padding:12px;display:grid;font-weight:700;cursor:pointer}.account-switch small{color:var(--muted);font-weight:500;margin:3px 0 0 25px}.account-switch input:checked+span{border-color:var(--orange);background:var(--peach);color:var(--orange)}.location-picker{display:grid;grid-template-columns:1fr auto;gap:9px}.mini-map{height:130px;grid-column:1/-1}
/* Staff shell */.app-shell{min-height:100vh;display:grid;grid-template-columns:92px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:#2c2927;color:#aaa5a0;padding:17px 12px;display:flex;flex-direction:column;z-index:30}.sidebar-logo{display:flex;justify-content:center;margin-bottom:22px}.sidebar-logo span{display:none}.sidebar nav{display:grid;gap:8px}.sidebar nav a{min-height:58px;border-radius:14px;display:grid;place-items:center;gap:2px;font-size:21px}.sidebar nav a small{font-size:10px}.sidebar nav a.active,.sidebar nav a:hover{background:#413d3a;color:#fff}.logout-form{margin-top:auto}.logout-form button{width:100%;height:48px;border:0;border-radius:13px;background:#393532;color:#fff;font-size:20px}.app-main{min-width:0}.topbar{height:78px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);padding:0 28px;display:flex;align-items:center;gap:15px;position:sticky;top:0;z-index:20}.page-title{display:grid}.page-title small{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--orange)}.page-title b{font:600 20px 'Fraunces',serif}.topbar-spacer{flex:1}.store-switch select{min-height:40px;padding:6px 10px;max-width:220px}.install-button{border:1px solid var(--line);background:#fff;border-radius:11px;height:40px;padding:0 12px;font-weight:700;color:var(--orange)}.user-menu{display:flex;align-items:center;gap:9px}.user-menu>span{display:grid;text-align:right;font-size:12px;font-weight:700}.user-menu small{font-size:9px;color:var(--muted);text-transform:uppercase}.user-menu>b,.avatar-btn{height:37px;width:37px;border-radius:12px;background:#f3c5b5;color:#7b3824;display:grid;place-items:center;border:0}.menu-button{display:none;border:0;background:transparent;font-size:22px}.app-content{max-width:1700px;margin:auto;padding:27px 29px 50px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:21px}.section-head h1{font-size:29px;margin:5px 0 3px}.section-head p{color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:19px}.metric-grid span{display:block;color:var(--muted);font-size:12px;font-weight:700}.metric-grid b{display:block;font-size:27px;margin:10px 0 5px}.metric-grid small{color:var(--muted)}.metric-grid .positive{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:19px}.chart-panel header,.recent-panel header,.pos-cart>header,.delivery-detail>header{display:flex;align-items:center;justify-content:space-between}.chart-panel h2,.recent-panel h2{font-size:19px;margin:0}.chart-panel p{color:var(--muted);font-size:12px}.period-tabs{display:flex;background:#f5f2ed;border-radius:10px;padding:3px}.period-tabs button{border:0;background:transparent;border-radius:8px;padding:7px 8px;font-size:11px;color:var(--muted);font-weight:700}.period-tabs .active{background:#fff;color:var(--orange);box-shadow:0 2px 5px #ddd}.bar-chart{height:260px;display:flex;align-items:end;gap:12px;padding-top:35px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,#f1ede8 55px)}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar-chart i{display:block;width:min(38px,70%);background:linear-gradient(#ff9c7e,var(--orange));border-radius:8px 8px 2px 2px;position:relative}.bar-chart em{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-style:normal;font-size:9px;white-space:nowrap}.bar-chart span{font-size:10px;color:var(--muted)}.recent-panel header a{color:var(--orange);font-size:12px;font-weight:700}.recent-order{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0ece7;padding:13px 0}.recent-order:last-child{border:0}.round-icon{width:39px;height:39px;border-radius:12px;background:var(--peach);display:grid;place-items:center}.recent-order span{display:grid;min-width:0}.recent-order span b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-order span small{color:var(--muted)}.recent-order strong{margin-left:auto;color:var(--green)}
/* POS */.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px;align-items:start}.pos-search,.search-box{height:54px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:0 15px;display:flex;align-items:center;gap:9px}.pos-search input,.search-box input{border:0;box-shadow:none;background:transparent}.pos-search kbd{border:1px solid var(--line);background:#f8f5f1;border-radius:6px;padding:3px 7px;color:var(--muted)}.category-chips,.filter-row,.store-tabs{display:flex;gap:9px;overflow-x:auto;padding:14px 1px;scrollbar-width:none}.category-chips button,.filter-row a,.store-tabs a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:700;white-space:nowrap;font-size:12px}.category-chips button.active,.filter-row a.active,.store-tabs a.active{background:var(--orange);color:#fff;border-color:var(--orange)}.pos-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pos-product,.food-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 4px 13px rgba(58,41,25,.04)}.pos-product>img{width:100%;height:146px;object-fit:cover;background:#efe8df}.pos-product>div{padding:12px}.pos-product small,.food-card small{color:var(--orange);font-size:10px;font-weight:800;text-transform:uppercase}.pos-product h3{font:700 14px 'DM Sans';margin:5px 0 11px}.pos-product footer,.food-card footer{display:flex;align-items:center;justify-content:space-between}.pos-product footer b{font-size:18px}.pos-product footer button,.add-food{border:0;background:var(--orange);color:#fff;width:38px;height:38px;border-radius:11px;font-size:24px}.pos-cart{position:sticky;top:98px}.pos-cart header small,.delivery-detail header small{font-size:9px;color:var(--orange);font-weight:800;letter-spacing:.12em}.pos-cart header h2,.delivery-detail header h2{font-size:22px;margin:3px 0}.pos-cart header>button{border:0;background:transparent;color:var(--red);font-size:12px}.type-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cadacb;border-radius:12px;overflow:hidden;margin:11px 0}.type-switch button{border:0;background:#fff;height:43px;font-weight:700}.type-switch button.active{background:var(--orange);color:#fff}.pos-cart-items{display:grid;gap:9px;max-height:270px;overflow:auto;margin-bottom:12px}.cart-line{display:grid;grid-template-columns:45px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #f0ece7;padding-bottom:9px}.cart-line img{width:45px;height:45px;object-fit:cover;border-radius:9px}.cart-line>div{display:grid}.cart-line b{font-size:12px}.cart-line small{color:var(--orange);font-weight:700}.qty-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:4px;width:max-content}.qty-control button{border:0;background:#fff;width:25px;height:24px}.qty-control span{width:25px;text-align:center;font-size:11px}.cart-remove{border:0;background:transparent;color:var(--red)}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-fields label:nth-child(3),.checkout-fields label:nth-child(4){grid-column:1/-1}.checkout-fields textarea{min-height:60px}.pos-total,.drawer-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:14px 0 9px;margin-top:12px}.pos-total b,.drawer-total b{font-size:24px;color:var(--orange)}
/* Tables/forms */.table-panel{padding:8px 15px 15px;overflow:auto}.table-panel>h2{font-size:19px;padding:12px 7px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;font-size:10px;color:var(--muted);padding:11px 10px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em}.data-table td{padding:13px 10px;border-bottom:1px solid #f0ece7;font-size:12px;vertical-align:middle}.data-table td>b,.data-table td>small{display:block}.data-table td>small{color:var(--muted);margin-top:3px}.priority-button{border:0;border-radius:8px;background:#f6f2ed;color:var(--muted);padding:6px 8px;font-size:11px}.priority-button.active{background:var(--amber-bg);color:var(--amber)}.table-actions{display:flex;gap:5px}.table-actions button,.table-actions a,.link-danger{border:0;background:#f5f2ee;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700}.table-actions a{color:var(--green)}.link-danger{color:var(--red)}.role-tag{color:var(--blue);background:var(--blue-bg);padding:6px 9px;border-radius:8px;font-weight:700}.settings-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.form-panel{display:grid;gap:13px}.form-panel h2{font-size:20px;margin:7px 0 2px}.settings-map{height:350px}.admin-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-product{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;display:grid;grid-template-columns:115px 1fr}.admin-product img{width:115px;height:100%;min-height:145px;object-fit:cover}.admin-product>div{padding:13px}.admin-product h3{font:700 15px 'DM Sans';margin:4px 0}.admin-product p{font-size:11px;color:var(--muted)}.admin-product footer{display:flex;justify-content:space-between;align-items:center}.admin-product footer button{border:0;background:transparent;color:var(--red);font-size:11px}dialog{border:0;border-radius:20px;padding:0;box-shadow:0 25px 70px #0004;width:min(480px,calc(100% - 25px))}dialog::backdrop{background:rgba(31,28,26,.55);backdrop-filter:blur(2px)}.dialog-form{padding:25px;display:grid;gap:13px;position:relative}.dialog-form h2{font-size:26px;margin:3px 0}.dialog-form>p{color:var(--muted)}.dialog-close{position:absolute;right:13px;top:13px;border:0;background:#f4f1ed;border-radius:10px;width:35px;height:35px;font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.payment-row,.payment-review,.address-row{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:13px 0;border-bottom:1px solid #f0ece7}.payment-row div,.address-row div{display:grid}.payment-row small,.address-row p{color:var(--muted);font-size:11px;margin:3px 0}.payment-review>div p{font-size:12px;color:var(--muted);margin:4px 0}.payment-review a{font-size:12px;color:var(--orange);font-weight:700}.payment-review form{display:flex;gap:6px}.plan-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.current-plan{background:#2f2c2a;color:#fff;border-radius:21px;padding:25px;box-shadow:var(--shadow)}.current-plan>small{color:#d59b87;font-weight:800}.current-plan h2{font-size:30px;margin:8px 0}.current-plan>strong{font-size:35px}.current-plan>strong span{font-size:13px;color:#aaa39e}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.usage-grid div{background:rgba(255,255,255,.08);border-radius:11px;padding:10px;display:grid}.usage-grid b{font-size:16px}.usage-grid span{font-size:9px;color:#c9c4c0}
/* Delivery */.delivery-grid{display:grid;grid-template-columns:390px 1fr;gap:18px}.delivery-queue{padding:11px;display:grid;gap:8px;align-content:start;max-height:720px;overflow:auto}.delivery-item{border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:31px 1fr auto;gap:10px;align-items:start}.delivery-item.active{border-color:#f0a28b;background:var(--peach)}.delivery-num{height:31px;width:31px;border-radius:9px;background:#fff;display:grid;place-items:center;color:var(--orange);font-weight:800}.delivery-item small{color:var(--muted);font-size:9px}.delivery-item h3{font:700 14px 'DM Sans';margin:4px 0}.delivery-item p{font-size:11px;color:var(--muted);margin-bottom:7px}.delivery-detail{min-width:0}.delivery-map{height:330px;margin:14px 0}.delivery-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.delivery-info div{display:grid;background:#faf7f3;border-radius:12px;padding:11px}.delivery-info small,.track-details small{color:var(--muted);font-size:10px}.delivery-info b{font-size:12px;margin:4px 0}.delivery-info span{font-size:10px;color:var(--muted)}.delivery-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}
/* Customer */.customer-shell{min-height:100vh;background:#fbf8f3}.customer-top{height:74px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(22px,calc((100vw - 1400px)/2));gap:40px;position:sticky;top:0;z-index:20}.customer-top .logo-box{width:42px;height:42px;border-radius:13px;font-size:20px}.customer-top nav{display:flex;height:100%;align-items:center;gap:25px}.customer-top nav a{height:100%;display:flex;align-items:center;font-size:13px;font-weight:700;color:var(--muted);border-bottom:3px solid transparent}.customer-top nav a.active{color:var(--orange);border-color:var(--orange)}.top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.icon-btn,.avatar-btn{border:0}.icon-btn{height:41px;min-width:41px;border-radius:12px;background:#f5f1ec;position:relative}.icon-btn i{position:absolute;right:-3px;top:-3px;background:var(--orange);color:#fff;width:17px;height:17px;border-radius:50%;font:700 9px 'DM Sans';display:grid;place-items:center}.avatar-btn{font-weight:800}.customer-content{max-width:1400px;margin:auto;padding:30px 24px 80px}.shop-hero{min-height:220px;border-radius:23px;background:linear-gradient(95deg,#2d2927 0,#3b302b 55%,rgba(56,40,32,.15)),url('demo/hero-food.svg') right center/auto 100% no-repeat;color:#fff;padding:35px;display:flex;align-items:center;justify-content:space-between}.shop-hero h1{font-size:42px;margin:8px 0}.shop-hero p{color:#d8d1cc}.delivery-address{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);padding:12px;border-radius:13px;max-width:300px}.delivery-address span{display:grid}.delivery-address small{color:#cfc7c2}.shop-heading{display:flex;align-items:end;justify-content:space-between;margin-top:20px}.shop-heading h2{font-size:27px;margin-bottom:5px}.shop-heading p{color:var(--muted);margin:0}.search-box{width:310px}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.food-card>img{width:100%;height:190px;object-fit:cover;background:#eee5db}.food-card>div{padding:14px}.food-card h3{font:700 16px 'DM Sans';margin:5px 0}.food-card p{font-size:11px;color:var(--muted);height:30px}.food-card footer b{font-size:20px}.order-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.order-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.order-card header,.order-card footer{display:flex;align-items:center;justify-content:space-between}.order-card h3{font:700 18px 'DM Sans';margin:3px 0}.order-card header small,.order-card p{color:var(--muted);font-size:12px}.order-card footer>b{font-size:22px}.order-card footer>div{display:flex;gap:7px}.order-card .btn{min-height:39px;padding:0 12px;font-size:11px}.profile-grid{display:grid;grid-template-columns:330px 1fr;gap:18px}.profile-card{text-align:center}.big-avatar{width:90px;height:90px;background:var(--peach);color:var(--orange);border-radius:28px;display:grid;place-items:center;font-size:35px;font-weight:800;margin:auto}.profile-card h2{margin:14px 0 5px}.profile-card p{color:var(--muted);line-height:1.7}.customer-mobile-nav{display:none}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(420px,100%);background:#fff;z-index:60;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column;box-shadow:-20px 0 50px #0002}.drawer.open{transform:none}.drawer>header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px}.drawer>header small{font-size:9px;color:var(--orange);font-weight:800}.drawer>header h2{font-size:24px;margin:2px 0}.drawer>header button{border:0;background:#f5f1ed;border-radius:10px;width:38px;height:38px;font-size:22px}.drawer-body,.chat-messages{flex:1;overflow:auto;padding:18px}.drawer>footer{border-top:1px solid var(--line);padding:18px}.overlay,.sidebar-overlay{position:fixed;inset:0;background:rgba(30,27,25,.45);z-index:50;display:none}.overlay.open,.sidebar-overlay.open{display:block}.chat-messages{display:flex;flex-direction:column;gap:9px}.chat-bubble{padding:11px 13px;border-radius:14px;max-width:85%;font-size:13px;line-height:1.45}.chat-bubble.bot{background:#f3f0eb;align-self:flex-start}.chat-bubble.user{background:var(--orange);color:#fff;align-self:flex-end}.chat-form{display:grid;grid-template-columns:1fr 45px;gap:8px;padding:15px;border-top:1px solid var(--line)}.chat-form button{border:0;border-radius:12px;background:var(--orange);color:#fff;font-size:20px}
/* Tracking */.tracking-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at top,#fff4ee,#f5f1eb 55%)}.tracking-card{width:min(700px,100%);background:#fff;border:1px solid var(--line);border-radius:25px;padding:26px;box-shadow:0 25px 70px rgba(65,44,27,.12)}.tracking-brand{display:flex;align-items:center;gap:10px}.tracking-brand>div:last-child{display:grid}.tracking-brand small{color:var(--muted)}.track-head{text-align:center;margin:25px 0}.track-head h1{font-size:32px;margin:10px 0 5px}.track-head p{color:var(--muted)}.stepper{display:grid;grid-template-columns:repeat(7,1fr);position:relative;margin:27px 0}.stepper:before{content:"";height:2px;background:var(--line);position:absolute;top:15px;left:6%;right:6%}.step{display:grid;justify-items:center;gap:7px;position:relative;color:#aaa39d}.step i{width:31px;height:31px;border-radius:50%;background:#eeeae5;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800}.step span{font-size:9px;text-align:center}.step.complete{color:var(--green)}.step.complete i{background:var(--green);color:#fff}.tracking-map{height:270px}.track-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.track-details div{display:grid;background:#faf7f3;padding:12px;border-radius:12px}.track-details b{font-size:12px;margin-top:4px}
/* responsive */.staff-mobile-nav{display:none}@media(max-width:1200px){.pos-products{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1.25fr .75fr}.food-grid{grid-template-columns:repeat(3,1fr)}.admin-product-grid{grid-template-columns:repeat(2,1fr)}.delivery-grid{grid-template-columns:340px 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-110%);transition:.25s;width:245px;padding:18px}.sidebar.open{transform:none}.sidebar-logo{justify-content:flex-start;align-items:center;gap:10px}.sidebar-logo span{display:block;color:#fff;font-weight:800}.sidebar nav a{display:flex;justify-content:flex-start;padding:0 14px;gap:13px;font-size:20px}.sidebar nav a small{font-size:13px}.topbar{height:68px;padding:0 15px}.menu-button{display:block}.topbar .online-chip,.user-menu>span,.store-switch{display:none}.app-content{padding:20px 16px 83px}.staff-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:68px;background:#fff;border-top:1px solid var(--line);z-index:25}.staff-mobile-nav a{display:grid;place-items:center;font-size:18px;color:var(--muted)}.staff-mobile-nav a small{font-size:9px}.staff-mobile-nav a.active{color:var(--orange)}.pos-layout,.dashboard-grid,.delivery-grid,.settings-layout,.plan-layout{grid-template-columns:1fr}.pos-cart{position:static}.delivery-map{height:270px}.food-grid{grid-template-columns:repeat(2,1fr)}.customer-top{padding:0 15px}.customer-top nav{display:none}.customer-content{padding:20px 15px 88px}.customer-mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);height:66px;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:25}.customer-mobile-nav a,.customer-mobile-nav button{border:0;background:#fff;display:grid;place-items:center;color:var(--muted);font-size:18px}.customer-mobile-nav small{font-size:9px}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.mobile-brand{display:flex}.auth-panel{padding:25px 20px}.installer-wrap{grid-template-columns:1fr}.installer-hero{min-height:auto;padding:30px}.installer-hero h1{font-size:39px}.installer-panel{padding:25px 18px}.order-cards,.profile-grid{grid-template-columns:1fr}}
@media(max-width:600px){.section-head{align-items:flex-start}.section-head h1{font-size:26px}.section-head .btn{min-height:41px;padding:0 11px;font-size:11px}.metric-grid{gap:9px}.metric-grid article{padding:14px}.metric-grid b{font-size:21px}.pos-products,.admin-product-grid{gap:9px}.pos-product>img{height:120px}.pos-product h3{font-size:12px}.checkout-fields,.form-row{grid-template-columns:1fr}.checkout-fields label{grid-column:1!important}.delivery-info,.usage-grid{grid-template-columns:1fr}.delivery-actions{display:grid}.food-grid{gap:10px}.food-card>img{height:130px}.food-card>div{padding:10px}.food-card h3{font-size:13px}.food-card p{display:none}.food-card footer b{font-size:17px}.shop-hero{min-height:180px;padding:22px;background:#302a27}.shop-hero h1{font-size:31px}.delivery-address{display:none}.shop-heading{display:grid;gap:12px}.search-box{width:100%}.customer-top .wordmark b{display:none}.customer-top{gap:10px}.stepper{overflow:auto;grid-template-columns:repeat(7,72px);padding-bottom:5px}.track-details{grid-template-columns:1fr}.tracking-card{padding:18px}.bar-chart{height:210px}.admin-product{grid-template-columns:90px 1fr}.admin-product img{width:90px}.topbar .install-button{font-size:0;width:40px;padding:0}.topbar .install-button:after{content:'＋';font-size:18px}.account-switch{grid-template-columns:1fr}.location-picker{grid-template-columns:1fr}.installer-hero .requirements{display:none}}
@media print{.sidebar,.topbar,.staff-mobile-nav,.btn,.filter-row{display:none!important}.app-shell{display:block}.app-content{padding:0}.panel,.metric-grid article{box-shadow:none}}
.period-tabs a{border-radius:8px;padding:7px 8px;font-size:11px;color:var(--muted);font-weight:700}.custom-period{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:8px}.custom-period input{width:145px;min-height:38px}.custom-period .btn{min-height:38px}.bar-chart{overflow-x:auto}.bar-chart>div{min-width:35px}