@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app-layout{--bg:#f5f7f6;--panel:#fff;--panel-soft:#f9fbfa;--text:#152c27;--muted:#71827b;--border:#e5ece8;--primary:#08725d;--primary-dark:#075746;--accent:#e5f5ef;--shadow:0 4px 22px rgba(24,56,45,.035);display:flex;min-height:100vh;background:var(--bg);color:var(--text);transition:background .2s,color .2s}.app-layout[data-theme=dark]{--bg:#101b18;--panel:#182823;--panel-soft:#20332c;--text:#eef7f2;--muted:#a1b8ad;--border:#2c4439;--primary:#4bc49f;--primary-dark:#6bd2af;--accent:#203f34;--shadow:0 10px 30px rgba(0,0,0,.14);color-scheme:dark}.app-sidebar{width:252px;flex:0 0 252px;position:sticky;top:0;height:100vh;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .2s,flex-basis .2s;z-index:30}.brand-row{display:flex;align-items:center;gap:11px;padding:26px 23px 27px;min-height:90px}.brand-mark{width:38px;height:38px;border-radius:12px;background:#075746;color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 7px 16px #0757462b}.brand-mark span{font:800 29px/1 Manrope,sans-serif;transform:translateY(-2px)}.brand-text{display:flex;flex-direction:column;white-space:nowrap;overflow:hidden}.brand-text strong{font:800 23px/1.12 Manrope,sans-serif;letter-spacing:-1.1px;color:var(--text)}.brand-text small{color:var(--muted);font-size:10.5px;margin-top:4px}.sidebar-nav{overflow:auto;padding:0 13px 22px;flex:1;scrollbar-width:thin}.nav-group-label{text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1.3px;color:var(--muted);margin:19px 12px 10px;white-space:nowrap}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--muted);text-align:left;min-height:43px;padding:10px 13px;font-weight:600;font-size:12.5px;border-radius:11px;transition:background .15s,color .15s}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--panel-soft);color:var(--text)}.nav-item.is-selected{background:var(--accent);color:var(--primary-dark);font-weight:800}.sidebar-bottom{border-top:1px solid var(--border);padding:14px 20px 22px;display:flex;align-items:center;gap:10px;justify-content:space-between}.sidebar-demo{font-size:12px;font-weight:700;color:var(--text)}.sidebar-demo small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-left:15px;margin-top:3px}.demo-dot{width:7px;height:7px;display:inline-block;background:#28b17f;border-radius:50%;margin-right:6px}.icon-button{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;padding:0}.icon-button:hover{background:var(--accent)}.sidebar-collapsed .app-sidebar{width:76px;flex-basis:76px}.sidebar-collapsed .brand-row{padding-left:18px}.sidebar-collapsed .brand-text,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .sidebar-demo{display:none}.sidebar-collapsed .sidebar-nav{padding:0 12px}.sidebar-collapsed .nav-item{justify-content:center;padding:11px}.sidebar-collapsed .sidebar-bottom{justify-content:center;padding:15px 10px}.sidebar-close-mobile{display:none}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar{height:86px;flex-shrink:0;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,42px);gap:16px;position:sticky;top:0;z-index:20}.topbar-left{display:flex;gap:14px;align-items:center;min-width:0}.breadcrumb{font-size:9.5px;letter-spacing:1.6px;font-weight:800;color:var(--muted)}.topbar-left h1{font:800 clamp(17px,2vw,23px)/1.25 "Manrope",sans-serif;margin:5px 0 0;letter-spacing:-.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;gap:15px;align-items:center}.connection-chip{font-size:11px;border:1px solid var(--border);color:var(--muted);padding:8px 10px;border-radius:100px;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.connection-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c7a757;margin-right:6px}.connection-chip.connected .connection-dot{background:#21b47e}.role-switch-label{display:flex;align-items:center;gap:9px;font-size:10.5px;color:var(--muted);font-weight:700;white-space:nowrap}.role-switch-label select{background:var(--panel-soft);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:9px 24px 9px 11px;font-size:12px;font-weight:700}.mobile-menu-button,.mobile-scrim,.mobile-dock{display:none}.app-content{width:100%;max-width:1560px;margin:0 auto;padding:clamp(18px,2.8vw,38px);flex:1;min-width:0}.app-footer{text-align:center;font-size:11px;color:var(--muted);padding:12px 22px 25px}.workspace{padding:0!important;background:transparent!important;min-width:0}.workspace h2{font:800 21px/1.3 Manrope,sans-serif;margin:8px 0 7px}.workspace>p{font-size:12px;color:var(--muted)}.workspace article{margin:0;padding:0;background:transparent!important;min-width:0}.workspace article>h3{display:none}.workspace article>p:not(.error):not(.success){font-size:11px;color:var(--muted);margin:0 0 18px}.workspace article>p:not(.error):not(.success) code{background:var(--accent);padding:5px 8px;border-radius:7px;color:var(--primary-dark)}.app-intro{background:var(--panel);border:1px solid var(--border);padding:25px 28px;border-radius:18px;margin-bottom:22px;box-shadow:var(--shadow)}.app-intro h2{font:800 clamp(23px,3vw,32px)/1.25 "Manrope",sans-serif;margin:0 0 6px}.app-intro p{font-size:13px;color:var(--muted);margin:0}.intro-eyebrow{font-size:10px!important;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary)!important;font-weight:800;margin-bottom:8px!important}.role-tip{display:none}.workspace .kitchen,.workspace .demo-grid{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:clamp(16px,2vw,27px);margin:0 0 18px;box-shadow:var(--shadow);min-width:0}.workspace .demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.workspace .demo-grid>div{background:var(--panel-soft);border:1px solid var(--border);padding:21px;border-radius:12px;min-width:0}.workspace .kitchen h4,.workspace .demo-grid h4{font:800 16px/1.4 Manrope,sans-serif;letter-spacing:-.3px;margin:0 0 14px;color:var(--text)}.workspace .kitchen h4:not(:first-child){margin-top:25px}.workspace .feature-help{font-size:12px;line-height:1.75;color:var(--muted);margin:4px 0 17px}.workspace label{display:block;font-size:11.5px;font-weight:700;margin:14px 0 6px;color:var(--text)}.workspace input,.workspace select,.workspace textarea{width:100%;min-width:0;min-height:44px;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:10px;outline:none;font-size:13px;transition:border-color .15s,box-shadow .15s}.workspace input:focus,.workspace select:focus,.workspace textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent)}.workspace button:not(.icon-button){border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);min-height:41px;padding:9px 14px;font-size:12px;font-weight:700;margin:5px 6px 5px 0;transition:background .15s,transform .15s}.workspace button:not(.icon-button):hover:not(:disabled){background:var(--accent);color:var(--primary-dark)}.workspace button.primary-action,.workspace button.cart-submit,.workspace button.bulk-submit{background:#08725d;color:#fff;border-color:#08725d}.workspace button.primary-action:hover,.workspace button.cart-submit:hover,.workspace button.bulk-submit:hover{background:#075746;color:#fff}.workspace button.active{background:var(--primary);color:#fff}.workspace .kitchen-ticket{padding:13px 0;display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--border);font-size:12px}.workspace .kitchen-ticket:last-child{border-bottom:0}.workspace .kitchen-ticket strong{min-width:120px}.workspace .kitchen-ticket span{color:var(--muted);flex:1}.workspace .bill-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px}.workspace .bill-line span{flex:1;color:var(--muted)}.workspace .bill-line strong{color:var(--text);text-align:right}.workspace .bill-details{padding:16px;background:var(--panel-soft);border:1px solid var(--border);border-radius:12px;margin:15px 0}.workspace .roles{display:flex;gap:7px;flex-wrap:wrap}.workspace .sync-status{display:inline-flex;border:1px solid var(--border);background:var(--accent);color:var(--primary-dark);padding:5px 9px;border-radius:999px;font-weight:700;font-size:10px;margin-left:6px}.workspace .error{color:#bf4747;background:#d7474717;border-radius:10px;padding:12px 16px;font-size:12px}.workspace .success{color:#14845a;background:var(--accent);border-radius:10px;padding:12px 16px;font-size:12px}.workspace .captcha-area{padding:16px 0;max-width:100%;overflow:hidden}.workspace .view-panel[data-active=false]{display:none!important}.workspace .view-panel[data-active=true]{display:block}.workspace .demo-grid.view-panel[data-active=true]{display:grid}.workspace .view-panel[data-module=overview]{background:transparent;border:0;box-shadow:none;padding:0}.workspace .overview-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px 19px;box-shadow:var(--shadow);min-width:0}.stat-card small{color:var(--muted);font-size:11px;font-weight:700}.stat-card strong{display:block;font:800 clamp(19px,2vw,28px)/1.2 "Manrope",sans-serif;color:var(--text);margin:9px 0}.stat-card span{font-size:10px;color:var(--primary)}.quick-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.workspace .quick-actions button{margin:0}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:16px}.menu-pick-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:380px;overflow:auto;padding:2px}.menu-pick{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;gap:7px;padding:12px!important;min-height:78px!important;border-color:var(--border)!important;border-radius:11px!important;margin:0!important}.menu-pick strong{font-size:12px}.menu-pick small{font-size:11px;color:var(--primary)}.cart-summary{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:15px}.cart-line{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:12px}.cart-line span{flex:1;min-width:0}.cart-line input{width:68px;min-height:36px;padding:5px 7px}.cart-total{padding:13px 0;border-top:1px solid var(--border);font-weight:800;display:flex;justify-content:space-between;font-size:14px}.bulk-sheet{border:1px solid var(--border);background:var(--panel-soft);border-radius:12px;padding:15px;margin:15px 0}.bulk-sheet h5{font-size:12px;margin:0 0 9px}.bulk-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(80px,1fr) minmax(80px,1fr) auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:11px}.bulk-row:last-child{border-bottom:0}.bulk-row strong{font-size:11px}.workspace .bulk-row button{margin:0}.bulk-sheet .bulk-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.role-select-area{font-size:11px;color:var(--muted)}html{scroll-behavior:smooth}@media(min-width:1250px){.workspace .demo-grid{gap:22px}}@media(max-width:1120px){.app-sidebar{width:214px;flex-basis:214px}.app-topbar{padding:0 22px}.topbar-right{gap:8px}.workspace .overview-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace .demo-grid{grid-template-columns:1fr}}@media(max-width:900px){.app-sidebar{width:78px;flex-basis:78px}.app-sidebar .brand-text,.app-sidebar .nav-label,.app-sidebar .nav-group-label,.app-sidebar .sidebar-demo{display:none}.app-sidebar .sidebar-nav{padding:0 12px}.app-sidebar .nav-item{justify-content:center;padding:11px}.app-sidebar .sidebar-bottom{justify-content:center}.app-sidebar .brand-row{padding-left:18px}.sidebar-collapsed .app-sidebar{width:78px;flex-basis:78px}.cart-layout{grid-template-columns:1fr}}@media(max-width:680px){.app-sidebar{position:fixed;left:0;top:0;height:100dvh;width:275px!important;flex-basis:auto!important;transform:translate(-110%);transition:transform .22s;box-shadow:0 15px 60px #0000002e}.app-sidebar.mobile-open{transform:translate(0)}.app-sidebar .brand-text,.app-sidebar .nav-label,.app-sidebar .nav-group-label,.app-sidebar .sidebar-demo{display:block}.app-sidebar .nav-item{justify-content:flex-start}.app-sidebar .sidebar-nav{padding:0 13px}.app-sidebar .sidebar-bottom{justify-content:space-between}.app-sidebar .brand-row{padding:20px 18px}.sidebar-close-mobile,.mobile-menu-button{display:grid}.sidebar-collapse-button{display:none}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#091d1780;z-index:25;border:0}.app-topbar{height:76px;padding:0 14px}.breadcrumb{font-size:8px}.topbar-left h1{font-size:17px}.topbar-right{gap:6px}.role-switch-label span,.connection-chip{display:none}.role-switch-label select{max-width:100px;font-size:11px;padding:9px 8px}.topbar-right .icon-button{width:34px;height:34px}.app-content{padding:16px 13px 90px}.app-intro{padding:20px;border-radius:14px}.workspace .kitchen,.workspace .demo-grid{border-radius:13px;padding:17px}.workspace .demo-grid>div{padding:14px}.workspace .overview-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{padding:15px}.stat-card strong{font-size:19px}.workspace .kitchen-ticket{align-items:flex-start}.workspace .kitchen-ticket strong{min-width:0}.workspace .bill-line{flex-wrap:wrap}.workspace .bill-line strong{white-space:normal}.menu-pick-list{grid-template-columns:1fr 1fr}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:22;display:grid;grid-template-columns:repeat(5,1fr);height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -8px 25px #0000000a}.mobile-dock button{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:700}.mobile-dock button.is-selected{color:var(--primary)}.app-footer{padding-bottom:24px}.bulk-row{grid-template-columns:minmax(0,1fr) 70px 70px auto}.bulk-row strong{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.workspace label.bulk-bill{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:10px 3px;border-bottom:1px solid var(--border);margin:0;font-size:12px}.workspace label.bulk-bill input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:#08725d;margin:0;cursor:pointer}.workspace label.bulk-bill strong{font-weight:800;text-align:right;color:var(--text)}.workspace details{margin:14px 0;border:1px solid var(--border);border-radius:11px;padding:12px 14px;background:var(--panel-soft)}.workspace details summary{font-size:12px;font-weight:800;color:var(--primary-dark);cursor:pointer;-webkit-user-select:none;user-select:none;padding:3px}.workspace details[open] summary{padding-bottom:10px}.workspace .cart-line button{min-width:30px;min-height:31px;padding:4px 7px;margin:0;background:var(--panel-soft)}.workspace .session-status{margin-top:5px!important}@media(max-width:680px){.workspace label.bulk-bill{grid-template-columns:18px minmax(0,1fr) auto}.workspace .quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.workspace .quick-actions button{width:100%;font-size:11px}.workspace .bulk-sheet{padding:10px}.workspace .bulk-row{gap:5px}.workspace .bulk-row button{font-size:10px;padding:6px}.workspace .menu-pick{padding:10px!important}.app-footer{display:none}}