:root{--navy:#101a2d;--navy2:#17253a;--green:#16846c;--deepgreen:#08735f;--lightgreen:#e7f7f2;--cream:#fafbf9;--page:#f6f8f8;--text:#243345;--muted:#82909c;--border:#e7eced;--shadow:0 8px 30px rgba(18,35,50,.035);--radius:16px;--font:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--page);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong,b{font-family:'Manrope',var(--font)}h1{font-size:29px;letter-spacing:-1.1px;margin-bottom:0}h2{font-size:17px;letter-spacing:-.35px;margin:0}h3{font-size:15px;margin:0}.muted{color:var(--muted)}.subtle{color:#9aa4ac;font-size:11px;line-height:1.5}.center{text-align:center}.block{display:block}.positive{color:#14966e;font-weight:700}.negative{color:#e86b58;font-weight:700}.optional{font-size:11px;font-weight:400;color:#a1aab1}.overline{color:#98a4ad;font-size:10px;font-weight:800;letter-spacing:1.6px}.pill{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;padding:7px 12px;border-radius:100px;background:#eaf6f1;color:#0c8d6b}.chip{border:1px solid var(--border);background:#fafcfc;font-size:12px;font-weight:700;color:#6f7d88;border-radius:40px;padding:7px 12px;white-space:nowrap}.success-dot{color:#138b70;background:#edfaf4;border-color:#d3f3e7}.alert-chip{color:#c95c35;background:#fff2e9;border-color:#ffdfc9}.alert{border-radius:12px;padding:13px 16px;margin-bottom:19px;font-size:13px;background:#e8f8f2;border:1px solid #cbeedc;color:#1a7553}.alert.danger{color:#9d3a3a;background:#fff0f0;border-color:#fbcaca}.alert.info{color:#365d76;background:#eff7fc;border-color:#d9eafa}.app-layout{display:flex;min-height:100vh}.sidebar{width:254px;background:var(--navy);color:#b8c5d2;position:fixed;left:0;top:0;bottom:0;padding:29px 17px;display:flex;flex-direction:column;z-index:15}.brand{display:flex;align-items:center;gap:11px;color:#fff;padding:0 13px 24px}.brand:hover{color:#fff}.brand-icon,.mini-logo,.guest-logo{width:40px;height:40px;border-radius:12px;background:var(--green);font-family:'Manrope',sans-serif;font-size:26px;font-weight:800;color:#fff;text-align:center;line-height:40px;letter-spacing:-3px;padding-right:3px}.brand-icon span,.mini-logo span,.guest-logo span{color:#9bf1bd}.brand b{display:block;font-size:17px;letter-spacing:-.6px}.brand small{display:block;color:#8094ab;letter-spacing:2px;font-size:8px;font-weight:700}.workspace{display:flex;align-items:center;gap:9px;border:1px solid #2d394b;background:#19283b;padding:12px 9px;border-radius:11px;margin-bottom:30px}.workspace-icon{background:#25483f;color:#72dfab;width:30px;height:31px;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.workspace small{display:block;font-size:9px;letter-spacing:1px;color:#8397ac}.workspace b{display:block;color:#ecf7f6;font-size:11px;max-width:137px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chev{margin-left:auto;color:#8397ac}.nav-section{color:#647990;font-size:10px;font-weight:800;letter-spacing:1.3px;padding:0 16px 14px}.nav{display:flex;flex-direction:column;gap:3px;overflow-y:auto}.nav-link{display:flex;gap:13px;align-items:center;color:#a4b2c4;padding:11px 14px;font-size:12px;font-weight:700;border-radius:9px;transition:background .15s}.nav-link:hover{background:#1f3045;color:#fff}.nav-link.active{background:#22483f;color:#76e0b0}.nav-icon{width:19px;height:19px;display:grid;place-items:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #2b3749;padding:24px 13px 4px;color:#b7c8c7;font-size:11px}.status-dot,.live-indicator i{display:inline-block;border-radius:50%;width:7px;height:7px;background:#37d7a6;margin-right:6px;box-shadow:0 0 0 3px rgba(42,208,153,.13)}.sidebar-bottom small{display:block;color:#61738a;margin-top:4px;margin-left:13px}.main-wrap{margin-left:254px;width:calc(100% - 254px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 37px}.breadcrumb{font-size:12px;color:#8a96a0}.breadcrumb b{color:#3d4954}.slash{padding:0 10px;color:#c7d0d5}.top-actions{display:flex;align-items:center;gap:13px}.live-indicator{color:#138e69;font-size:10px;font-weight:800;letter-spacing:1px;border:1px solid #d2f0e6;padding:7px 10px;border-radius:30px;margin-right:11px}.live-indicator i{width:6px;height:6px}.user-avatar{background:#e7efe9;color:#1e866b;border-radius:11px;width:36px;height:36px;display:grid;place-items:center;font-weight:800}.user-meta b{font-size:11px;display:block;white-space:nowrap}.user-meta small{font-size:10px;display:block;color:#9da9b1}.logout{padding:7px;font-size:22px;color:#97a3ad}.menu-toggle{display:none;background:none;border:0;font-size:19px}.content{padding:28px 38px 42px;max-width:1660px;width:100%;margin:0 auto;flex:1}.page-title{margin-bottom:13px}.page-title .overline{margin-bottom:5px}.intro-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.intro-row p{margin:0}.page-actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border:1px solid transparent;padding:11px 18px;border-radius:9px;font-size:12px;font-weight:800;line-height:1.3;transition:transform .1s,background .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#168b70;color:white;box-shadow:0 3px 10px #15936c20}.btn-primary:hover{background:#08735f;color:white}.btn-light{background:#fff;border-color:#e0e8e8;color:#405463}.btn-light:hover{background:#edf7f3;color:#0c8063}.btn-small{padding:8px 10px;font-size:11px}.btn-danger-outline{color:#d15753;background:#fff;border-color:#f4ceca}.btn-danger-outline:hover{background:#fff2f0}.btn-block{width:100%;padding:14px}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:23px;margin-bottom:20px;min-width:0}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:21px}.panel-title p{font-size:12px;color:var(--muted);margin:5px 0 0}.text-link{font-size:12px;font-weight:800;color:#16836b}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.kpi{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px 21px;box-shadow:var(--shadow);min-width:0}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#778894;font-size:12px;font-weight:700}.kpi-symbol{width:36px;height:36px;display:grid;place-items:center;font-size:18px;border-radius:10px;font-weight:800}.mint{background:#e6f8ee;color:#07966f}.lavender{background:#f0ecff;color:#8875d3}.peach{background:#fff0e6;color:#ed9c64}.blue{background:#eaf2ff;color:#668ce0}.kpi strong{display:block;font-size:27px;letter-spacing:-1.2px;margin:12px 0 4px;white-space:nowrap}.kpi small{font-size:11px;color:#97a3ad}.kpi a{color:#0b9272}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,1fr);gap:18px}.chart-bars{height:230px;display:flex;justify-content:space-around;align-items:flex-end;gap:12px;padding:5px 4px 0;border-bottom:1px solid #ecf0f0}.bar-wrap{height:100%;min-width:24px;flex:1;max-width:62px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar-wrap span{color:#9eabb3;font-size:10px;padding-bottom:8px}.bar-value{font-size:9px;color:#8998a2;height:11px}.bar-column{width:65%;max-width:43px;border-radius:7px 7px 0 0;background:linear-gradient(#2bbd98,#bcead9);min-height:3px}.quick-links{display:flex;flex-direction:column;gap:4px}.quick-links a{display:flex;align-items:center;gap:12px;padding:10px 3px;border-bottom:1px solid #f1f3f4}.quick-links a:last-child{border:0}.quick-links a>span:last-child{margin-left:auto;color:#abb7bd}.quick-links b,.quick-links small{display:block}.quick-links b{font-size:12px}.quick-links small{font-size:10px;color:#92a2ab;margin-top:2px}.quick-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;font-size:20px}.orange{background:#fff0e8;color:#e99467}.green{background:#e5f7eb;color:#2eaf8d}.purple{background:#f0edff;color:#9778d2}.yellow{background:#fff8e6;color:#dcb965}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:590px}.data-table th{font-size:10px;letter-spacing:.7px;color:#a4b0b8;border-bottom:1px solid var(--border);padding:12px 10px;font-weight:800}.data-table td{padding:14px 10px;border-bottom:1px solid #f0f2f3;color:#5c6b77;font-size:12px}.data-table td b{font-size:11px;color:#273749}.data-table tbody tr:last-child td{border:0}.data-table .empty,.empty{padding:36px;text-align:center;color:#92a3aa}.status{display:inline-flex;border-radius:30px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.status-pending{background:#fff4e5;color:#cd8a35}.status-confirmed{background:#eaf2ff;color:#5979c1}.status-preparing{background:#fff1dc;color:#c07d25}.status-ready{background:#e6f8ee;color:#008c64}.status-served{background:#f0edff;color:#8363bb}.status-completed,.status-paid{background:#e6f8ed;color:#148b65}.status-unpaid{background:#fff0e9;color:#c17c43}.status-cancelled{background:#ffefef;color:#ce6464}.app-footer{font-size:11px;color:#9ba8af;border-top:1px solid #e6ebed;padding:22px 38px;display:flex;justify-content:space-between;gap:10px}.field{display:flex;flex-direction:column;gap:7px;color:#53616d;font-size:12px;font-weight:700;min-width:0}.field input,.field select,.field textarea,.inline-form input,.search-input,.receive-form input,.discount-line input,.pay-form select{width:100%;border-radius:9px;border:1px solid #e1e8ea;color:#273b4a;background:#fff;padding:11px 12px;outline:0;font-size:13px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus,.search-input:focus,.discount-line input:focus{border-color:#2ca98b;box-shadow:0 0 0 3px #2ca98b18}.field textarea{resize:vertical}.form-grid{display:flex;flex-direction:column;gap:15px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.inline-form{display:flex;gap:10px;align-items:center}.inline-form input{max-width:360px}.check-row{display:flex;align-items:center;gap:9px;font-size:12px;color:#586d76}.check-row input{accent-color:#0d916e;width:15px;height:15px}.two-column{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:18px}.side-stack>*{margin-bottom:18px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.menu-list{display:flex;flex-direction:column}.menu-list-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0f2f3}.menu-list-item:last-child{border:0}.menu-list-item>.product-art{width:56px;min-width:56px;height:56px;border-radius:12px}.menu-list-item>.product-art span{font-size:25px}.menu-list-info{min-width:0;flex:1}.menu-list-info b,.menu-list-info small{display:block;overflow:hidden;text-overflow:ellipsis}.menu-list-info b{font-size:12px}.menu-list-info small{font-size:10px;color:#8f9ea7}.menu-list-item>strong{font-size:11px}.recipe-row{display:grid;grid-template-columns:1fr 105px 35px;gap:8px;align-items:center;border-bottom:1px solid #f0f3f4;padding:8px 0}.recipe-row b,.recipe-row small{display:block}.recipe-row b{font-size:11px}.recipe-row small{font-size:10px;color:#96a6ac}.recipe-row input{min-width:0;width:100%;padding:9px;border-radius:8px;border:1px solid #e4ebed}.recipe-unit{font-size:11px;color:#8d9aa4}.receive-form{display:flex;gap:5px}.receive-form input{width:75px;padding:7px 8px}.receive-form button{padding:7px 10px}.filter-pills,.category-tabs,.guest-cats{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;padding-bottom:9px;margin-bottom:14px}.filter-pill,.category-tab{border-radius:25px;border:1px solid #e4e9ea;background:white;color:#80909b;padding:9px 15px;font-size:12px;font-weight:700;white-space:nowrap}.filter-pill.selected,.category-tab.selected{background:#0f8c70;color:#fff;border-color:#0f8c70}.pos-grid{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:21px;align-items:start}.pos-toolbar{padding:20px;background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:15px}.search-input{margin-bottom:16px}.category-tabs{margin-bottom:0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{background:#fff;text-align:left;position:relative;padding:0;border:1px solid #e8edef;border-radius:14px;overflow:hidden;transition:transform .15s,border-color .15s}.product-card:hover{transform:translateY(-2px);border-color:#75c4a9}.product-art{background:linear-gradient(135deg,#f5d6b8,#dba97c);height:123px;display:grid;place-items:center}.product-art span{font-size:49px;font-weight:800;color:#fff8;line-height:1}.art-0{background:linear-gradient(135deg,#b4d6c5,#569985)}.art-1{background:linear-gradient(135deg,#edd0ad,#bb986d)}.art-2{background:linear-gradient(135deg,#e7b7ac,#ca887b)}.art-3{background:linear-gradient(135deg,#c1c9e9,#8999c7)}.art-4{background:linear-gradient(135deg,#efe5bb,#c5b16c)}.product-info{padding:13px 14px 15px}.product-info b,.product-info small,.product-info strong{display:block}.product-info b{font-size:12px}.product-info small{font-size:10px;color:#a1aab2;margin:3px 0 9px}.product-info strong{font-size:14px;color:#12856a}.add-circle{position:absolute;right:12px;bottom:14px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e8f7f0;color:#168a6b;font-size:19px;font-weight:800}.cart-panel,.guest-cart{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:var(--shadow);position:sticky;top:20px}.cart-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.cart-heading h2{font-size:21px;margin-top:2px}.count-pill{display:inline-flex;align-items:center;justify-content:center;background:#e6f7ed;border-radius:8px;min-width:23px;height:23px;padding:0 5px;color:#168a70;font-size:11px;vertical-align:middle}.cart-panel>.field{margin-bottom:16px}.cart-items{min-height:140px;max-height:320px;overflow:auto;border-top:1px solid #eff2f3;border-bottom:1px solid #eff2f3;margin-bottom:14px;padding:8px 0}.cart-empty{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;color:#9aa8af}.cart-empty div{font-size:30px;opacity:.8}.cart-empty b{font-size:12px;color:#677b84;margin-top:10px}.cart-empty p{font-size:10px;margin-top:5px}.cart-line{display:flex;align-items:start;justify-content:space-between;gap:9px;padding:12px 0;border-bottom:1px dashed #e8edef}.cart-line:last-child{border:0}.cart-line b,.cart-line small{display:block}.cart-line b{font-size:12px}.cart-line small{font-size:11px;color:#8d9ea8;margin-top:3px}.cart-line strong{font-size:12px;white-space:nowrap}.qty-controls{margin-top:8px;display:inline-flex;align-items:center;gap:10px}.qty-controls button{width:23px;height:23px;border:1px solid #d6e8df;background:#f0faf5;color:#0a906f;font-size:16px;border-radius:6px;line-height:1}.qty-controls span{font-size:11px;font-weight:800}.cart-totals{border-top:1px solid #e9eeee;padding:14px 0}.cart-totals>div,.discount-line,.grand-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.cart-totals>div:not(.grand-total),.discount-line{font-size:12px;color:#8293a0}.discount-line input{max-width:103px;text-align:right;padding:8px}.grand-total{border-top:1px solid #e5eaec;margin-top:10px;padding:16px 0;color:#304455;font-size:13px;font-weight:800}.grand-total strong{color:#08775d;font-size:23px;letter-spacing:-.6px}.cart-panel>.check-row{margin-bottom:13px}.cart-panel>.btn-block{margin-top:16px}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.order-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.order-card-head{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:18px;border-bottom:1px solid #eef2f3}.order-card-head h3{font-size:13px;margin:6px 0 4px}.order-card-head small{font-size:10px;color:#96a5ac}.order-card-body{padding:15px 18px;min-height:112px;flex:1}.order-item-row{margin-bottom:8px;font-size:12px}.order-item-row b{color:#0f8d6e;padding-right:7px}.kitchen-note{font-size:11px;color:#a57034;background:#fff7e9;padding:9px;border-radius:7px;margin:10px 0 0}.order-card-foot{border-top:1px solid #eef2f3;padding:13px 18px 17px}.order-card-foot>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.order-card-foot small{font-size:9px;color:#97a8af;letter-spacing:.7px}.order-card-foot strong{font-size:17px}.action-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.action-group form{display:inline-flex;align-items:center;gap:5px}.pay-form select{max-width:97px;padding:8px 3px;font-size:10px}.kitchen-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.kitchen-lane{background:#eef2f3;border-radius:16px;padding:12px;min-height:360px}.lane-head{padding:10px 8px 17px;display:flex;justify-content:space-between;align-items:center}.lane-head h2{font-size:14px}.lane-head span{border-radius:30px;padding:3px 11px;background:#fff;font-weight:800}.lane-confirmed h2{color:#6479a5}.lane-preparing h2{color:#bb8340}.lane-ready h2{color:#1a9e77}.kitchen-ticket{padding:17px;background:white;border:1px solid #e3eaea;border-radius:12px;margin-bottom:12px;box-shadow:0 4px 16px #22333308}.ticket-title,.ticket-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.ticket-title strong{font-size:16px}.kitchen-ticket>small,.ticket-bottom small{color:#96a4ac;font-size:10px}.ticket-items{border-block:1px dashed #e5eaec;margin:13px 0;padding:12px 0}.ticket-items div{display:flex;gap:9px;font-size:12px;margin-bottom:10px}.ticket-qty{color:#148d6d;font-weight:900}.ticket-bottom{margin-top:15px}.lane-empty{text-align:center;color:#a1adb2;padding:30px 6px;font-size:12px}.qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.qr-card{background:#fff;border:1px solid #e7ebee;border-radius:17px;text-align:center;padding:23px 15px 15px}.qr-card-top h2{font-size:23px;margin:5px 0}.qr-card-top small{color:#8a9ba4;font-size:11px}.qr-art{width:190px;height:190px;margin:21px auto 6px;background:#fff;display:grid;place-items:center}.qr-art svg{width:100%;height:100%}.qr-instruction{font-size:10px;letter-spacing:2px;color:#809396;font-weight:800;margin-bottom:18px}.qr-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.qr-url{display:block;color:#a1adb3;overflow-wrap:anywhere;margin-top:13px;font-size:10px}.filter-form{display:flex;gap:12px;align-items:flex-end}.filter-form .field{min-width:160px}.report-chart{max-height:340px;overflow:auto}.report-bar-row{display:grid;grid-template-columns:60px minmax(50px,1fr) 93px;align-items:center;gap:10px;margin:16px 0;font-size:11px}.report-bar-row>span{color:#96a3ab}.report-bar-row>b{text-align:right;font-size:11px}.report-track{height:16px;background:#eff6f3;border-radius:5px;overflow:hidden}.report-track div{height:100%;background:linear-gradient(90deg,#b5dfd0,#26af84);border-radius:5px}.report-list>div{display:flex;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid #edf2f1}.report-list>div:last-child{border:0}.list-rank{font-family:Manrope,sans-serif;color:#9ab1a8;font-size:16px;font-weight:800}.report-list>div>span:nth-child(2){flex:1}.report-list b,.report-list small{display:block}.report-list b{font-size:12px}.report-list small{font-size:11px;color:#8c9ca5;margin-top:4px}.report-list strong{font-size:12px;color:#0e896b}.channel-row{display:flex;gap:18px;flex-wrap:wrap}.channel-card{background:#f6faf9;border:1px solid #e9efef;border-radius:12px;padding:22px;min-width:210px}.channel-card h2{font-size:24px;margin:12px 0 3px}.channel-card small{color:#96a6ad}.empty-state{grid-column:1/-1;text-align:center;padding:50px 16px;color:#94a3ac}.empty-state>div{font-size:38px}.empty-state h2{margin:10px 0}.empty-state p{max-width:350px;margin:auto}
/* Customer-facing mobile ordering */
.guest-body{background:#f7f9f6}.guest-header{background:#10283a;color:white}.guest-header-inner{max-width:1140px;margin:auto;display:flex;align-items:center;gap:12px;padding:17px 21px}.guest-logo{width:41px;height:41px}.guest-header h1{font-size:16px;letter-spacing:-.2px}.guest-header small{font-size:9px;color:#8fbdbe;letter-spacing:2px}.table-badge{margin-left:auto;background:#28483f;color:#b7f8d5;padding:8px 15px;border-radius:25px;font-size:12px;font-weight:800}.guest-hero{max-width:1140px;margin:0 auto;padding:39px 21px 26px}.guest-hero h2{font-size:32px;letter-spacing:-1.3px;margin:13px 0 8px}.guest-hero p{color:#82939b;max-width:530px;font-size:13px}.guest-layout{max-width:1140px;margin:0 auto;padding:0 21px 50px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px}.guest-cats{margin-bottom:21px}.guest-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guest-product{background:#fff;border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;padding:12px;gap:11px;position:relative}.guest-product .product-art{width:90px;min-width:90px;height:96px;border-radius:12px}.guest-product .product-art span{font-size:40px}.guest-product-info{align-self:stretch;padding:4px 25px 3px 0}.guest-product-info small{font-size:9px;letter-spacing:.7px;font-weight:800;color:#a1aeb5}.guest-product-info h3{font-size:12px;margin:6px 0}.guest-product-info p{font-size:10px;color:#a2afb5;margin-bottom:9px;line-height:1.4}.guest-product-info strong{font-size:13px;color:#0a8768}.guest-add{background:#168c70;color:#fff;border:0;border-radius:10px;width:30px;height:30px;font-size:22px;line-height:1;position:absolute;bottom:12px;right:11px}.guest-cart{top:15px}.guest-cart>.field{margin-bottom:15px}.guest-cart .grand-total{margin-top:6px}.mobile-cart-bar{display:none}.status-page{max-width:600px;background:#fff;border-radius:20px;margin:65px auto;padding:42px 36px;text-align:center;box-shadow:var(--shadow)}.status-page h1{margin:9px 0 8px}.status-page>p{color:#7e909b}.status-hero{margin:0 auto 20px;background:#e1f5e9;color:#148d66;font-size:44px;line-height:78px;border-radius:50%;width:78px;height:78px}.status-detail{display:grid;grid-template-columns:1fr 1fr 1fr;background:#f6faf9;border-radius:12px;margin:30px 0;padding:21px 8px;gap:10px}.status-detail small,.status-detail strong,.status-detail span{display:block}.status-detail small{font-size:9px;color:#9aabb3;font-weight:800}.status-detail strong{font-size:17px;margin:8px 0 0}.status-detail span{font-size:12px;font-weight:800;margin-top:10px;color:#107c61}.toast{position:fixed;bottom:25px;right:25px;background:#18392f;color:#fff;padding:14px 21px;border-radius:12px;z-index:100;box-shadow:0 10px 34px #133b2b24;max-width:350px;font-size:12px}.toast.danger{background:#953f45}
/* Sign-in */
.login-body{display:flex;background:#fff;min-height:100vh}.login-left{flex:1;background:#102234;color:white;display:flex;flex-direction:column;padding:42px 55px;min-height:100vh;position:relative;overflow:hidden}.login-left:after{content:'';position:absolute;width:680px;height:680px;background:radial-gradient(circle,#12614c70,transparent 67%);bottom:-380px;right:-240px;pointer-events:none}.login-brand{font-family:Manrope,sans-serif;font-size:28px;font-weight:900;letter-spacing:-2px;color:#32d09b;display:flex;gap:12px;align-items:center}.login-brand b{font-size:20px;color:white;letter-spacing:-.6px}.login-brand span{color:#acefc1;margin-left:-10px}.login-message{margin:auto 0;position:relative;z-index:1}.login-message .pill{background:#194439;color:#83dfb4}.login-message h1{font-size:clamp(40px,5.2vw,72px);line-height:1.15;letter-spacing:-3px;margin:18px 0 24px}.login-message h1 em{font-style:normal;color:#4cdaa5}.login-message>p{color:#b0c4cb;max-width:490px;font-size:15px;line-height:1.8}.login-stats{margin-top:60px;display:flex;gap:30px}.login-stats>div{border-left:1px solid #406052;padding-left:16px}.login-stats b{display:block;font-size:16px;color:#63dbac}.login-stats span{display:block;font-size:10px;color:#a3bcc2;margin-top:8px}.login-footer{font-size:10px;letter-spacing:2px;color:#719694}.login-right{display:grid;place-items:center;flex:1;min-width:420px;padding:40px;background:#fff}.login-card{width:min(390px,100%)}.mini-logo{margin-bottom:40px}.login-card h2{font-size:25px;letter-spacing:-1px;margin:7px 0 6px}.login-card>p{font-size:13px;color:#97a6af;margin-bottom:33px}.login-card .field{margin-bottom:18px}.login-card .field input{padding:13px}.login-button{margin:10px 0 20px;width:100%;justify-content:space-between;padding:14px 17px}.login-note{display:block;color:#9aa8ad;text-align:center;font-size:11px}
@media(max-width:1350px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-products{grid-template-columns:1fr}}
@media(max-width:1100px){.sidebar{width:216px}.main-wrap{margin-left:216px;width:calc(100% - 216px)}.content{padding:25px}.topbar{padding:0 25px}.dashboard-grid,.two-column{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-grid{grid-template-columns:minmax(0,1fr) 302px}.guest-layout{gap:15px}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:245px}.menu-open .sidebar{transform:translateX(0);box-shadow:0 0 0 999px #0f192c60}.main-wrap{margin-left:0;width:100%}.menu-toggle{display:block}.content{padding:20px}.topbar{padding:0 20px;height:65px}.pos-grid{grid-template-columns:1fr}.cart-panel{position:relative;top:0}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kitchen-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-layout{grid-template-columns:1fr}.guest-products{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-cart{position:relative;top:0}.guest-hero{padding:26px 21px 20px}.guest-hero h2{font-size:28px}.mobile-cart-bar{display:flex;position:sticky;bottom:0;background:#0f856d;color:white;padding:13px 18px;align-items:center;justify-content:space-between;z-index:9;font-size:13px;box-shadow:0 -5px 16px #0001}.mobile-cart-bar button{background:#fff;color:#0d8568;border:0;border-radius:7px;font-weight:800;padding:9px 14px}.login-left{display:none}.login-right{min-width:0}.status-page{margin:25px 15px}}
@media(max-width:590px){.top-actions .user-meta,.live-indicator{display:none}.content{padding:17px}.page-title h1{font-size:24px}.intro-row{align-items:flex-start;flex-direction:column}.intro-row .page-actions{flex-wrap:wrap}.kpi-grid{gap:10px}.kpi{padding:14px}.kpi strong{font-size:21px}.kpi-top{font-size:11px}.dashboard-grid,.two-column{gap:10px}.panel{padding:17px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-art{height:100px}.product-info{padding:12px}.product-info b{font-size:11px}.order-grid,.qr-grid,.kitchen-lanes{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}.inline-form,.filter-form{flex-wrap:wrap}.filter-form .field{flex:1;min-width:145px}.menu-list-item{flex-wrap:wrap}.guest-products{grid-template-columns:1fr}.guest-product .product-art{width:86px;min-width:86px;height:90px}.guest-layout{padding-inline:12px}.guest-hero{padding-inline:16px}.status-detail{grid-template-columns:1fr}.status-page{padding:28px 17px}.app-footer{padding:16px;flex-wrap:wrap}.cart-items{max-height:none}}
@media print{.sidebar,.topbar,.app-footer,.page-title,.intro-row,.print-hidden,.qr-actions,.alert{display:none!important}.main-wrap{margin:0;width:100%}.content{padding:0}.qr-grid{grid-template-columns:repeat(2,1fr);gap:15px}.qr-card{break-inside:avoid;border:1px solid #ddd;box-shadow:none;padding:18px}.qr-art{width:160px;height:160px}body{background:#fff}@page{margin:12mm}}

.product-art{overflow:hidden}.product-img{width:100%;height:100%;object-fit:cover}.edit-preview-image{width:160px;height:110px;border-radius:12px;object-fit:cover;border:1px solid #e6ebed}