:root{color-scheme:dark;--bg: #0f1319;--bg-soft: #171d25;--panel: rgba(17, 23, 31, .84);--panel-soft: rgba(255, 255, 255, .045);--panel-strong: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .1);--text: #edf2f7;--muted: #9ea9b7;--accent: #f5b84b;--accent-dark: #2b1c04;--success: #6fd4a4;--danger: #f07a6f;--warning: #ffcf70;--shadow: 0 30px 60px rgba(0, 0, 0, .34);font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(245,184,75,.14),transparent 28%),linear-gradient(180deg,#10151d,#0c1117);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.screen-center{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--muted)}.app-shell{min-height:100vh}.mobile-os-shell{padding:max(18px,env(safe-area-inset-top,0px) + 12px) max(14px,env(safe-area-inset-right,0px) + 6px) max(28px,env(safe-area-inset-bottom,0px) + 16px) max(14px,env(safe-area-inset-left,0px) + 6px)}.login-shell{display:grid;place-items:center;padding:24px 14px}.content{width:min(100%,860px);margin:0 auto;display:grid;gap:12px}.mobile-os-content{padding:0}.login-card,.panel-card,.install-card,.detail-card{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.login-card{width:min(100%,460px);border-radius:32px;padding:28px}.panel-card,.detail-card,.install-card{border-radius:24px;padding:14px}.brand-lockup,.mobile-os-brand,.customer-card-head,.app-shell-head,.order-card-head,.slot-header,.detail-head,.ticket-badges,.toolbar,.status-strip,.status-strip-item,.topbar-actions,.detail-head-actions,.inline-nav{display:flex;align-items:center;gap:10px}.brand-lockup,.mobile-os-brand{align-items:center}.brand-icon,.app-icon-badge{width:60px;height:60px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f5b84b38,#6fd4a424);border:1px solid rgba(255,255,255,.12);color:#fff3da;font-weight:800;letter-spacing:.08em}.app-icon-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.launcher-badge{width:52px;height:52px;border-radius:18px}.app-icon-badge-muted{background:linear-gradient(145deg,#8094af47,#535f6e2e)}.eyebrow{margin:0 0 4px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.topbar-copy,.muted-copy,.intro-copy,.compact-copy,.hint-card p,.install-card p,.detail-item-row p{color:var(--muted)}.topbar-copy,.muted-copy{margin:6px 0 0;font-size:13px}.topbar-live-copy{margin:4px 0 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.topbar-live-copy-online{color:var(--success)}.topbar-live-copy-offline{color:var(--danger)}.intro-copy{margin:18px 0 0;line-height:1.6}.compact-copy{margin-top:8px}.mobile-os-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 4px 4px}.mobile-os-topbar h1,.login-card h1,.app-shell-head h2,.detail-head h2{margin:0}.topbar-actions{justify-content:flex-end}.topbar-actions-mobile{flex-wrap:wrap}.menu-dropdown-shell{position:relative;display:grid;gap:8px}.menu-trigger.active{border-color:#f5b84b6b;background:#f5b84b1f;color:#ffe5ad}.menu-trigger{width:48px;height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center}.back-trigger{border-color:#ffffff1f}.menu-trigger-image{width:24px;height:24px;object-fit:contain;display:block}.menu-trigger-image-flipped{transform:scaleX(-1)}.menu-trigger-fallback{font-size:22px;line-height:1;font-weight:700}.date-switcher{display:inline-flex;align-items:center;gap:8px;padding:4px;border-radius:18px;border:1px solid var(--border);background:var(--panel-soft)}.date-switcher span{min-width:118px;text-align:center;font-weight:700}.login-form{display:grid;gap:16px;margin-top:24px}.login-form label,.detail-block{display:grid;gap:8px}.login-form span,.detail-block span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.login-form input,.search-field input,.filter-select{width:100%;border:1px solid rgba(255,255,255,.14);background:#00000042;color:var(--text);padding:13px 15px;border-radius:16px}.filter-select{width:auto;min-width:140px}.primary-button,.danger-button,.ghost-button,.ghost-icon-button,.switcher-pill{border:0;transition:.18s ease}.primary-button,.danger-button,.ghost-button,.ghost-icon-button,.switcher-pill{border-radius:16px}.primary-button{background:var(--accent);color:var(--accent-dark);font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:14px 18px}.danger-button,.ghost-button,.ghost-icon-button,.switcher-pill{background:var(--panel-soft);color:var(--text);border:1px solid var(--border)}.danger-button{color:#ffd8d1;background:#8e261d2e;border-color:#f07a6f4d}.ghost-button,.compact-button{padding:11px 14px}.ghost-icon-button{width:42px;height:42px}.switcher-pill{border-radius:999px;padding:9px 12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.switcher-pill.active{border-color:#f5b84b6b;background:#f5b84b26;color:#ffe5ad}.status-filter-pill{padding:7px 10px;font-size:9px}.inline-error,.inline-success{margin:0;padding:12px 14px;border-radius:16px;font-size:14px}.inline-error{background:#f07a6f1f;border:1px solid rgba(240,122,111,.24);color:#ffd8d1}.inline-success{background:#6fd4a41f;border:1px solid rgba(111,212,164,.22);color:#dafce9}.hint-card,.install-card{margin-top:18px}.status-strip,.status-strip-item,.toolbar{justify-content:space-between}.status-strip,.toolbar,.app-shell-card{background:#ffffff0a}.status-strip{flex-wrap:wrap;padding:10px 12px;border-radius:18px;border:1px solid var(--border)}.status-strip-item span{color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:#ffffff14;color:var(--text)}.status-pill.success,.status-pill.validate{background:#6fd4a42e;color:#d9fae8}.status-pill.warning,.status-pill.completed{background:#ffcf7029;color:#ffe3ab}.status-pill.finalized{background:#f5b84b2e;color:#ffe0a1}.status-pill.canceled{background:#f07a6f29;color:#ffd5cf}.status-pill.neutral{background:#ffffff14;color:var(--muted)}.apps-grid,.customer-info-grid,.detail-grid,.detail-footer,.stack-layout,.stack-list,.orders-column,.details-column,.slot-group,.slot-orders,.detail-items{display:grid;gap:12px}.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launcher-apps-section{display:grid;gap:14px}.launcher-section-head p{margin:0}.apps-grid-icons{grid-template-columns:repeat(4,minmax(0,1fr))}.app-icon-launcher{display:grid;justify-items:center;gap:8px;padding:6px 4px 2px;border:0;background:transparent;color:var(--text)}.app-icon-launcher .app-icon-badge{width:72px;height:72px;border-radius:22px;box-shadow:0 16px 32px #0003}.app-icon-label{display:block;text-align:center}.app-icon-label{font-size:13px;font-weight:700;line-height:1.3}.app-shell-head{justify-content:space-between;align-items:flex-start}.app-badge-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.mobile-menu-switcher{display:flex;flex-wrap:wrap;gap:8px}.click-collect-topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,1.2fr);gap:10px;align-items:center}.click-collect-actions-row{display:flex;justify-content:flex-end}.add-order-button{min-width:220px}.add-order-button-highlight{box-shadow:0 16px 32px #f5b84b38}.order-builder-card{display:grid;gap:12px}.category-picker-row{align-items:center}.menu-products-list{display:grid;gap:8px}.menu-product-row{width:100%;text-align:left;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text)}.ticket-summary-panel{display:grid;gap:10px}.ticket-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ticket-summary-card{display:grid;gap:4px;padding:10px 12px;border-radius:16px;border:1px solid var(--border);background:#ffffff0a}.ticket-summary-card span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ticket-summary-card strong{font-size:20px;line-height:1}.ticket-summary-card-error{border-color:#f07a6f3d;background:#f07a6f14}.ticket-summary-card-warning{border-color:#ffcf703d;background:#ffcf7014}.ticket-summary-card-healthy{border-color:#6fd4a43d;background:#6fd4a414}.ticket-summary-actions{display:flex;justify-content:flex-start}.ticket-bulk-reprint-button{width:100%}.stretch-pill{width:100%;min-height:48px}.stretch-date-switcher{width:100%;justify-content:space-between;min-height:48px}.app-toolbar{flex-wrap:wrap;align-items:center;padding:12px 14px}.search-field{min-width:min(100%,260px);display:grid}.compact-filter-row{display:flex;flex-wrap:wrap;gap:8px}.orders-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}.orders-column{width:100%}.column-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.column-head h3{margin:0}.slot-header{justify-content:space-between;padding:0 2px;color:var(--muted)}.order-card,.detail-block,.customer-card,.ticket-card{border-radius:18px}.order-card{text-align:left;width:100%;padding:14px 16px;background:#ffffff0d;color:var(--text);border:1px solid var(--border);display:grid;gap:6px}.order-card.selected{border-color:#f5b84b6b;background:#f5b84b1a}.order-card p,.detail-item-row p{margin:0}.order-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.detail-card{position:sticky;top:14px}.details-column{display:none}.detail-modal-shell{position:fixed;inset:0;z-index:50;display:flex;align-items:stretch;justify-content:center;padding:max(12px,env(safe-area-inset-top,0px) + 8px) max(12px,env(safe-area-inset-right,0px) + 6px) max(12px,env(safe-area-inset-bottom,0px) + 8px) max(12px,env(safe-area-inset-left,0px) + 6px)}.detail-modal-backdrop{position:absolute;inset:0;border:0;background:#070a0ed1}.detail-modal-card{position:relative;z-index:1;width:min(100%,720px);max-height:100%;overflow:auto;margin:auto;padding-top:18px}.detail-close-button{flex:0 0 auto}.detail-modal-summary{display:grid;justify-items:center;gap:8px;width:100%;padding-top:8px}.detail-modal-summary h2{margin:0;text-align:center}.detail-modal-card .inline-nav .ghost-icon-button{width:30px;height:30px}.detail-modal-card .inline-nav .menu-trigger-image{width:14px;height:14px}.detail-head{justify-content:center;position:relative}.detail-head-actions,.inline-nav{gap:10px}.detail-modal-card .inline-nav{gap:6px}.detail-modal-card .inline-nav span{min-width:38px}.detail-head-actions{position:absolute;top:0;right:0}.inline-nav span{min-width:48px;text-align:center;color:var(--muted);font-weight:700}.detail-grid,.detail-footer{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.detail-block{padding:12px;border:1px solid var(--border);background:#ffffff0a}.detail-block p,.detail-block strong,.detail-item-row strong,.detail-item-row span{margin:0}.detail-items{margin-top:12px}.detail-item-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.detail-item-row:last-child{border-bottom:0;padding-bottom:0}.action-row{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.subtle-empty-state{padding:18px 12px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);color:var(--muted);text-align:center}.menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:20;width:min(280px,calc(100vw - 28px));display:grid;gap:12px;padding:14px;border-radius:22px;background:#11171ff5}.menu-panel-head p{margin:0}.menu-panel-actions{display:grid;gap:8px}.menu-action-button{width:100%;text-align:left;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text)}.menu-action-button span,.menu-action-button strong{display:block}.menu-action-button span{color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.menu-action-button strong{margin-top:8px;font-size:14px}.menu-action-button-danger{border-color:#f07a6f38;background:#f07a6f14}.action-button-main,.action-button-cancel{width:100%}.ticket-card,.customer-card{display:grid;gap:10px}.ticket-card.ticket-card-error{border-color:#f07a6f47;background:#f07a6f17}.ticket-card.ticket-card-warning{border-color:#ffcf703d;background:#ffcf7014}.ticket-card.ticket-card-healthy{border-color:#6fd4a43d;background:#6fd4a40f}.ticket-badges{flex-wrap:wrap;justify-content:flex-end}.customer-card-head{justify-content:space-between;align-items:flex-start}.customer-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-width{grid-column:1 / -1}@media(max-width:980px){.mobile-os-shell{padding-inline:10px}.apps-grid,.apps-grid-icons,.orders-layout,.detail-grid,.detail-footer,.customer-info-grid{grid-template-columns:1fr}.apps-grid-icons{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{position:static}.mobile-os-topbar,.app-shell-head{flex-direction:column;align-items:flex-start}.topbar-actions-mobile,.app-badge-row{width:100%;justify-content:space-between}.menu-dropdown-shell{width:100%;justify-items:stretch}.menu-panel{width:100%}.click-collect-topbar{grid-template-columns:1fr}.click-collect-actions-row{justify-content:stretch}.add-order-button{width:100%;min-width:0}}@media(max-width:640px){.login-shell,.mobile-os-shell{padding:12px}.login-card,.panel-card,.detail-card,.install-card{border-radius:20px;padding:14px}.topbar-actions-mobile,.toolbar,.status-strip{align-items:stretch}.date-switcher,.search-field,.filter-select,.ghost-button{width:100%}.app-icon-launcher .app-icon-badge{width:64px;height:64px}.apps-grid-icons{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-summary-card{padding:9px 10px}.ticket-summary-card strong{font-size:18px}.mobile-menu-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.switcher-pill{text-align:center}.detail-head,.detail-head-actions,.ticket-badges,.customer-card-head,.column-head,.order-card-meta{flex-direction:column;align-items:flex-start}.detail-modal-shell{padding:max(0px,env(safe-area-inset-top,0px)) max(0px,env(safe-area-inset-right,0px)) max(0px,env(safe-area-inset-bottom,0px)) max(0px,env(safe-area-inset-left,0px))}.detail-modal-card{width:100%;min-height:calc(100% - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:0;padding-top:max(10px,env(safe-area-inset-top,0px) + 8px)}.inline-nav{width:100%;justify-content:space-between}.status-strip-item{justify-content:space-between;width:100%}}