:root{--color-bg:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#e5e5e5;--color-bg-grouped:#fcfcfc;--color-bg-elevated:#fff;--color-label:#000;--color-label-secondary:#222;--color-label-tertiary:#555;--color-label-quat:#777;--color-separator:#222;--color-separator-opaque:#222;--color-fill:#0000000f;--color-fill-secondary:#0000001f;--color-fill-tertiary:#0000000a;--color-accent:#000;--color-accent-light:#0000000f;--color-accent-hover:#222;--color-brand-pink:#000;--color-brand-pink-light:#00000014;--color-brand-teal:#1a1a1a;--color-brand-teal-light:#00000014;--color-brand-lavender:#777;--color-brand-lavender-light:#0000000d;--color-brand-peach:#555;--color-brand-peach-light:#0000000d;--color-brand-ochre:#888;--color-brand-ochre-light:#0000000d;--color-brand-mint:#ccc;--color-brand-mint-light:#0000000d;--color-brand-coral:#444;--color-green:#555;--color-green-light:#0000000f;--color-red:#ef4444;--color-red-light:#ef44441f;--color-orange:#f59e0b;--color-orange-light:#f59e0b1f;--color-yellow:#888;--color-yellow-light:#0000000d;--color-purple:#666;--color-purple-light:#0000000d;--color-teal:#777;--color-teal-light:#0000000d;--color-indigo:#555;--color-pink:#333;--status-free:#ccc;--status-occupied:var(--color-red);--status-reserved:var(--color-orange);--status-pending:#888;--status-ready:#222;--color-surface-dark:#000;--color-surface-dark-elevated:#1a1a1a;--color-separator-dark:#ffffff1a;--color-on-dark:#fff;--color-on-dark-soft:#a0a0a0;--sidebar-width:240px;--sidebar-collapsed:64px;--sidebar-bg:#fff;--pos-cart-width:400px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-xs:0 1px 0 var(--color-separator);--shadow-sm:0 0 0 1.5px var(--color-separator);--shadow-md:0 0 0 1.5px var(--color-separator), 2px 2px 0 var(--color-separator);--shadow-lg:0 0 0 1.5px var(--color-separator), 4px 4px 0 #0a0a0a0f;--shadow-xl:0 0 0 1.5px var(--color-separator), 8px 8px 0 #0a0a0a14;--shadow-card:0 0 0 1.5px var(--color-separator);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", "Cascadia Code", Consolas, monospace;--text-caption2:11px;--text-caption1:12px;--text-footnote:13px;--text-subhead:14px;--text-callout:15px;--text-body:16px;--text-headline:16px;--text-title3:18px;--text-title2:24px;--text-title1:32px;--text-largeTitle:40px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--z-base:0;--z-raised:10;--z-overlay:100;--z-modal:1000;--z-toast:2000}@media (width<=1366px){:root{--pos-cart-width:330px}}@media (width<=1280px){:root{--pos-cart-width:310px}}@media (width<=1024px){:root{--pos-cart-width:280px}}[dir=rtl]{--sidebar-direction:row-reverse}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-body);color:var(--color-label);background:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}.text-large-title{font-size:var(--text-largeTitle);font-weight:var(--weight-bold);letter-spacing:-.4px}.text-title1{font-size:var(--text-title1);font-weight:var(--weight-bold);letter-spacing:-.3px}.text-title2{font-size:var(--text-title2);font-weight:var(--weight-semibold);letter-spacing:-.2px}.text-title3{font-size:var(--text-title3);font-weight:var(--weight-semibold)}.text-headline{font-size:var(--text-headline);font-weight:var(--weight-semibold)}.text-body{font-size:var(--text-body);font-weight:var(--weight-regular)}.text-callout{font-size:var(--text-callout);font-weight:var(--weight-regular)}.text-subhead{font-size:var(--text-subhead);font-weight:var(--weight-regular)}.text-footnote{font-size:var(--text-footnote);font-weight:var(--weight-regular)}.text-caption1{font-size:var(--text-caption1);font-weight:var(--weight-regular)}.text-caption2{font-size:var(--text-caption2);font-weight:var(--weight-regular)}.text-secondary{color:var(--color-label-secondary)}.text-tertiary{color:var(--color-label-tertiary)}.text-accent{color:var(--color-accent)}.text-green{color:var(--color-green)}.text-red{color:var(--color-red)}.text-orange{color:var(--color-orange)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.flex-1{flex:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.app-shell{background:var(--color-bg-secondary);min-height:100vh;display:flex}.main-content{min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--duration-normal) var(--ease-out);flex-direction:column;flex:1;display:flex}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.page-content{padding:var(--space-6);background-color:var(--color-bg);flex:1;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-right:1px solid var(--color-separator);z-index:var(--z-raised);transition:width var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{height:56px;padding:0 var(--space-4);border-bottom:1px solid var(--color-separator);align-items:center;gap:var(--space-3);display:flex}.sidebar-logo{background:var(--color-accent);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.sidebar-brand{font-size:var(--text-headline);font-weight:var(--weight-bold);color:var(--color-label);white-space:nowrap;overflow:hidden}.sidebar-nav{padding:var(--space-3) var(--space-2);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-section-label{font-size:var(--text-caption2);font-weight:var(--weight-semibold);color:var(--color-label-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);white-space:nowrap;overflow:hidden}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-label-secondary);font-size:var(--text-subhead);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;white-space:nowrap;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:hover{background:var(--color-fill-secondary);color:var(--color-label);text-decoration:none;transform:translate(2px)}.nav-item.active{background:var(--color-bg-elevated);color:var(--color-label);border:1.5px solid var(--color-label);box-shadow:2.5px 2.5px 0 var(--color-accent);font-weight:var(--weight-semibold)}.nav-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-badge{background:var(--color-red);color:#fff;font-size:var(--text-caption2);font-weight:var(--weight-bold);border-radius:var(--radius-full);text-align:center;min-width:18px;margin-left:auto;padding:1px 6px}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-separator)}.top-bar{background:var(--color-bg);border-bottom:1px solid var(--color-separator);height:56px;padding:0 var(--space-6);align-items:center;gap:var(--space-4);z-index:var(--z-raised);display:flex;position:sticky;top:0}.top-bar-title{font-size:var(--text-title3);font-weight:var(--weight-semibold);color:var(--color-label);flex:1}.top-bar-actions{align-items:center;gap:var(--space-2);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-5);border-radius:var(--radius-md);font-size:var(--text-subhead);font-weight:var(--weight-semibold);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast);cursor:pointer;border:1.5px solid var(--color-separator);background:var(--color-bg-elevated);color:var(--color-label);white-space:nowrap;box-shadow:1.5px 1.5px 0 var(--color-separator);font-family:inherit;display:inline-flex;position:relative;overflow:hidden}.btn:hover{box-shadow:3px 3px 0 var(--color-separator);text-decoration:none;transform:translate(-1.5px,-1.5px)}.btn:active{box-shadow:0px 0px 0 var(--color-separator);transform:translate(1px,1px)}.btn:disabled{opacity:.4;pointer-events:none;box-shadow:none;transform:none}.btn-primary{background:var(--color-label);color:var(--color-on-dark);border-color:var(--color-label);box-shadow:1.5px 1.5px #00000026}.btn-primary:hover{background:#1f1f1f;border-color:#1f1f1f;box-shadow:3px 3px #00000040}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-label);border-color:var(--color-separator)}.btn-secondary:hover{background:var(--color-bg-secondary)}.btn-ghost{color:var(--color-accent);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-accent-light);box-shadow:none;transform:none}.btn-ghost:active{transform:scale(.97)}.btn-danger{background:var(--color-red);color:var(--color-on-dark);border-color:#b91c1c;box-shadow:1.5px 1.5px #b91c1c33}.btn-danger:hover{background:#dc2626;box-shadow:3px 3px #b91c1c4d}.btn-success{background:var(--color-green);color:var(--color-on-dark);border-color:#15803d;box-shadow:1.5px 1.5px #15803d33}.btn-success:hover{background:#16a34a;box-shadow:3px 3px #15803d4d}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm);width:36px;height:36px}.btn-lg{padding:14px var(--space-8);font-size:var(--text-body);border-radius:var(--radius-lg)}.btn-sm{padding:6px var(--space-3);font-size:var(--text-footnote);border-radius:var(--radius-sm)}.card{background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.card-padded{padding:var(--space-6)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-separator);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-headline);font-weight:var(--weight-semibold);color:var(--color-label)}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--color-bg-elevated);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-md);gap:var(--space-2);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card-value{font-size:var(--text-title2);font-weight:var(--weight-bold);color:var(--color-label);line-height:1.1}.stat-card-label{font-size:var(--text-footnote);color:var(--color-label-secondary)}.badge{border-radius:var(--radius-full);font-size:var(--text-caption1);font-weight:var(--weight-semibold);align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.badge-blue{background:var(--color-accent-light);color:var(--color-accent)}.badge-green{background:var(--color-green-light);color:var(--color-green)}.badge-red{background:var(--color-red-light);color:var(--color-red)}.badge-orange{background:var(--color-orange-light);color:var(--color-orange)}.badge-yellow{background:var(--color-yellow-light);color:var(--color-label-secondary)}.badge-purple{background:var(--color-purple-light);color:var(--color-purple)}.badge-teal{background:var(--color-teal-light);color:var(--color-teal)}.badge-gray{background:var(--color-fill-tertiary);color:var(--color-label-secondary)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-footnote);font-weight:var(--weight-semibold);color:var(--color-label-secondary);text-transform:uppercase;letter-spacing:.04em}.form-input{width:100%;padding:12px var(--space-4);border:1.5px solid var(--color-separator-opaque);border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-label);background:var(--color-bg);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-input::placeholder{color:var(--color-label-tertiary)}.form-select{width:100%;padding:12px var(--space-4);border:1.5px solid var(--color-separator-opaque);border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-label);background:var(--color-bg);appearance:none;cursor:pointer;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none}.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-out);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;animation:slideUp var(--duration-normal) var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-separator);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-title3);font-weight:var(--weight-semibold)}.modal-body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-separator);justify-content:flex-end;gap:var(--space-3);display:flex}.pos-layout{grid-template-columns:1fr var(--pos-cart-width);height:calc(100vh - var(--topbar-height,56px));display:grid;overflow:hidden}.pos-menu-panel{flex-direction:column;display:flex;overflow:hidden}.pos-cart-panel{background:var(--color-bg);border-left:1px solid var(--color-separator);flex-direction:column;display:flex;overflow:hidden}[dir=rtl] .pos-cart-panel{border-left:none;border-right:1px solid var(--color-separator)}@media (width>=1025px){.pos-cart-panel{width:var(--pos-cart-width);z-index:var(--z-raised);position:fixed;top:0;bottom:0;right:0}[dir=rtl] .pos-cart-panel{left:0;right:auto}.top-bar.pos-top-bar{margin-right:var(--pos-cart-width)}[dir=rtl] .top-bar.pos-top-bar{margin-right:0;margin-left:var(--pos-cart-width)}}.pos-category-bar{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-separator);background:var(--color-bg);scrollbar-width:none;display:flex;overflow-x:auto}.pos-category-bar::-webkit-scrollbar{display:none}.category-chip{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-subhead);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;border:1.5px solid var(--color-separator-opaque);background:var(--color-bg);color:var(--color-label-secondary);transition:all var(--duration-fast) var(--ease-out);padding:7px 14px;display:inline-flex}.category-chip:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.category-chip.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.menu-grid{gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-secondary);flex:1;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));grid-auto-rows:205px;align-content:start;display:grid;overflow-y:auto}.menu-item-card{border-radius:var(--radius-lg);box-shadow:0 2px 8px #8a80681a, 0 0 0 1px var(--color-separator);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;-webkit-user-select:none;user-select:none;background:#fff;border:none;flex-direction:column;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.menu-item-card.in-cart{box-shadow:0 8px 24px #ff4d8b26, 0 0 0 2px var(--color-accent)}.menu-item-card:hover{box-shadow:0 12px 28px #8a806833, 0 0 0 1.5px var(--color-accent);background:#fff;transform:translateY(-4px)}.menu-item-card.in-cart:hover{box-shadow:0 12px 28px #ff4d8b38, 0 0 0 2.5px var(--color-accent)}.menu-item-card:active{transform:translateY(-2px)scale(.97)}.menu-item-card.unavailable{opacity:.4;pointer-events:none}.menu-item-img-wrap{border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;flex-shrink:0;height:140px;position:relative;overflow:hidden}.menu-item-img-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0000002e 100%);position:absolute;inset:0}.menu-item-img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-out);display:block}.menu-item-card:hover .menu-item-img{transform:scale(1.07)}.menu-item-img-placeholder{background:linear-gradient(145deg,#f5f0e8 0%,#ede8df 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:42px;display:flex;position:relative;overflow:hidden}.menu-item-img-placeholder:before{content:"";background:var(--color-accent);opacity:.06;width:48px;height:48px;transition:transform var(--duration-normal) var(--ease-spring), opacity var(--duration-normal);border-radius:50%;position:absolute}.menu-item-card:hover .menu-item-img-placeholder:before{opacity:.12;transform:scale(1.35)}.menu-item-body{background:#fff;flex-direction:column;flex:1;gap:4px;min-height:0;padding:10px 12px;display:flex}.menu-item-name{font-size:14px;font-weight:var(--weight-bold);color:var(--color-label);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.menu-item-price{font-size:var(--text-callout);font-weight:var(--weight-bold);color:var(--color-accent)}.menu-item-qty-badge{background:var(--color-accent);color:#fff;font-size:11px;font-weight:var(--weight-bold);min-width:20px;height:20px;z-index:var(--z-raised);border-radius:50%;justify-content:center;align-items:center;animation:.2s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #ff4d8b66}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.cart-header{height:56px;padding:0 var(--space-5);border-bottom:1px solid var(--color-separator);justify-content:space-between;align-items:center;display:flex}.cart-type-tabs{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-separator);gap:6px;display:flex}.cart-type-tab{border-radius:var(--radius-md);font-size:var(--text-footnote);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);color:var(--color-label-secondary);background:var(--color-bg-elevated);border:1.5px solid var(--color-separator);flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 8px;display:flex}.cart-type-tab:hover{border-color:var(--color-label-tertiary);color:var(--color-label)}.cart-type-tab.active{background:var(--color-label);color:#fff;border-color:var(--color-label);box-shadow:0 2px 8px #00000026}.cart-items{padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.cart-course-header{padding:6px var(--space-2);margin-top:var(--space-1);align-items:center;gap:8px;display:flex}.cart-course-header-label{font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-label-tertiary);white-space:nowrap}.cart-course-header-line{background:var(--color-separator);flex:1;height:1px}.cart-item{border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-separator);transition:border-color var(--duration-fast);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.cart-item:hover{border-color:var(--color-label-tertiary)}.cart-item-name{font-size:var(--text-subhead);font-weight:var(--weight-semibold);color:var(--color-label)}.cart-item .qty-btn{width:24px;height:24px;font-size:14px}.cart-item .qty-count{font-size:var(--text-caption1);min-width:20px}.cart-item-qty{align-items:center;gap:var(--space-1);display:flex}.qty-btn{border-radius:var(--radius-sm);background:var(--color-fill-tertiary);width:26px;height:26px;font-size:16px;font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast);color:var(--color-label);border:none;justify-content:center;align-items:center;display:flex}.qty-btn:hover{background:var(--color-fill-secondary)}.qty-count{font-size:var(--text-subhead);font-weight:var(--weight-bold);text-align:center;min-width:24px;color:var(--color-label)}.cart-item-price{font-size:var(--text-subhead);font-weight:var(--weight-bold);color:var(--color-label);text-align:right;min-width:64px}.cart-totals{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-separator);gap:var(--space-2);background:var(--color-bg);flex-direction:column;display:flex}.cart-total-row{font-size:var(--text-subhead);color:var(--color-label-secondary);justify-content:space-between;align-items:center;display:flex}.cart-total-row.grand-total{font-size:var(--text-title3);font-weight:var(--weight-bold);color:var(--color-label);padding-top:var(--space-2);border-top:1.5px solid var(--color-separator);margin-top:var(--space-1)}.cart-action-buttons{gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-4);background:var(--color-bg);grid-template-columns:1fr 1fr;display:grid}.cart-action-btn{border-radius:var(--radius-md);height:48px;font-size:var(--text-subhead);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1.5px solid var(--color-separator);justify-content:center;align-items:center;gap:6px;display:flex}.cart-checkout-btn{margin:0 var(--space-3) var(--space-3);background:var(--color-label);height:52px;color:var(--color-on-dark);border-radius:var(--radius-md);font-size:var(--text-subhead);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:var(--space-2);letter-spacing:.01em;border:none;display:flex}.cart-checkout-btn:hover{background:#1f1f1f;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.cart-checkout-btn:active{transform:scale(.98)}.cart-empty{color:var(--color-label-tertiary);justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;flex-direction:column;flex:1;display:flex}.table-map-container{background:var(--color-bg-secondary);border-radius:var(--radius-xl);flex:1;position:relative;overflow:hidden}.table-canvas-wrapper{border:1.5px solid var(--color-separator-opaque);background:var(--color-bg);border-radius:20px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000008}.table-canvas-scroll-area{width:100%;height:100%;padding:var(--space-3);flex:1;position:relative;overflow:auto}.table-canvas-scroll-container{margin:var(--space-4) auto;transition:width .2s,height .2s;display:block;position:relative}.table-canvas{transform-origin:0 0;background-image:radial-gradient(#00000014 1.5px,#0000 1.5px);background-size:24px 24px;width:1000px;height:650px;transition:transform .2s;position:absolute;top:0;left:0;overflow:hidden}.canvas-zoom-controls{top:var(--space-3);right:var(--space-3);background:var(--color-bg-elevated);border:1.5px solid var(--color-separator);border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:var(--space-1);z-index:10;padding:3px;display:flex;position:absolute}.zoom-btn{color:var(--color-label);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.zoom-btn:hover{background:var(--color-fill)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-val{text-align:center;-webkit-user-select:none;user-select:none;min-width:38px;font-size:11px;font-weight:700;font-family:var(--font-mono)}.fit-btn{border-left:1px solid var(--color-separator);padding:0 var(--space-2) 0 var(--space-3);border-radius:0;gap:4px;width:auto;font-size:11px;font-weight:700}.table-canvas.dragging{cursor:grabbing}.table-item{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--duration-fast) var(--ease-out);z-index:2;background:linear-gradient(145deg,#fdf8f0 0%,#f5ede0 100%);border:2.5px solid #d4b896;outline:none;flex-direction:column;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;overflow:visible;box-shadow:0 2px #c9a87a,0 4px 12px #0000001f,0 1px 3px #0000000f}.table-item:hover{z-index:10;transform:translateY(-3px)scale(1.04);box-shadow:0 2px #c9a87a,0 10px 24px #00000029,0 2px 6px #00000014}.table-item.round{border-radius:50%}.table-item.rect{border-radius:14px}.table-item.status-free{color:#065f46;background:linear-gradient(145deg,#f0fdf8 0%,#dcfce7 100%);border-color:#34d399;box-shadow:0 2px #059669,0 4px 12px #34d3992e,0 1px 3px #0000000a}.table-item.status-free .table-chair{background:#bbf7d0;border-color:#34d399}.table-item.status-occupied{color:#991b1b;background:linear-gradient(145deg,#fff5f5 0%,#fee2e2 100%);border-color:#f87171;animation:3s ease-in-out infinite tableGlowOccupied;box-shadow:0 2px #dc2626,0 4px 12px #ef444438,0 1px 3px #0000000a}.table-item.status-occupied .table-chair{background:#fca5a5;border-color:#f87171}.table-item.status-reserved{color:#92400e;background:linear-gradient(145deg,#fffbeb 0%,#fef3c7 100%);border-color:#fbbf24;box-shadow:0 2px #d97706,0 4px 12px #fbbf2438,0 1px 3px #0000000a}.table-item.status-reserved .table-chair{background:#fde68a;border-color:#fbbf24}.table-item.status-selected{color:#312e81;background:linear-gradient(145deg,#f5f3ff 0%,#ede9fe 100%);border-color:#818cf8;box-shadow:0 2px #4f46e5,0 0 0 3px #6366f140,0 8px 24px #6366f12e}.table-item.status-selected .table-chair{background:#c7d2fe;border-color:#818cf8}.table-label{letter-spacing:-.3px;font-size:15px;font-weight:800;line-height:1}.table-capacity{opacity:.6;align-items:center;gap:2px;margin-top:3px;font-size:10px;font-weight:600;display:flex}.table-chair{z-index:1;transition:all var(--duration-fast) var(--ease-spring);background:#e8ddd0;border:1.5px solid #c4aa8e;border-radius:4px;position:absolute;box-shadow:0 2px 5px #0000001a,inset 0 1px #ffffff80}.chair-emoji{display:none}.table-item.status-occupied .table-chair{animation:2.5s ease-in-out infinite chairPulse}@keyframes chairPulse{0%,to{transform:scale(1);box-shadow:0 2px 4px #ef444426}50%{transform:scale(1.12);box-shadow:0 4px 10px #ef444459}}@keyframes tableGlowOccupied{0%,to{box-shadow:0 4px 10px #0000000a,0 1px 3px #00000005}50%{box-shadow:0 0 15px #ef444426,0 4px 10px #ef44440d}}.token-display-page{background:var(--color-surface-dark);min-height:100vh;font-family:var(--font-family);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.token-display-brand{top:var(--space-6);left:var(--space-6);color:var(--color-on-dark-soft);font-size:var(--text-footnote);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;position:absolute}.token-now-serving{text-align:center}.token-label{font-size:20px;font-weight:var(--weight-semibold);color:var(--color-on-dark-soft);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-3)}.token-number{font-size:clamp(120px,20vw,220px);font-weight:var(--weight-heavy);color:var(--color-on-dark);letter-spacing:-.04em;background:linear-gradient(135deg, var(--color-on-dark) 0%, var(--color-brand-peach) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #ffb08466);-webkit-background-clip:text;background-clip:text;line-height:.9;animation:2s ease-in-out infinite tokenPulse}@keyframes tokenPulse{0%,to{filter:drop-shadow(0 0 30px #ffb0844d)}50%{filter:drop-shadow(0 0 60px #ffb08499)}}.token-queue-section{margin-top:var(--space-12);text-align:center}.token-queue-label{color:#fff6;text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-4);font-size:14px}.token-queue-list{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.token-queue-item{border-radius:var(--radius-full);color:#fff9;font-size:22px;font-weight:var(--weight-semibold);border:1px solid #ffffff26;padding:8px 20px}.kds-layout{background:var(--color-surface-dark);min-height:100vh;padding:var(--space-4);font-family:var(--font-family)}.kds-header{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface-dark-elevated);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex}.kds-title{font-size:var(--text-title3);font-weight:var(--weight-bold);color:var(--color-on-dark)}.kds-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.kds-order-card{background:var(--color-surface-dark-elevated);border-radius:var(--radius-xl);border:1.5px solid var(--color-separator-dark);transition:border-color var(--duration-fast);overflow:hidden}.kds-order-card.status-pending{border-color:var(--color-brand-peach)}.kds-order-card.status-preparing{border-color:var(--color-brand-lavender)}.kds-order-card.status-ready{border-color:var(--color-brand-mint)}.kds-order-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.kds-order-id{font-size:var(--text-title3);font-weight:var(--weight-bold);color:var(--color-on-dark)}.kds-order-time{font-size:var(--text-caption1);color:var(--color-on-dark-soft)}.kds-order-items{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.kds-order-item{gap:var(--space-2);color:#ffffffd9;font-size:var(--text-subhead);display:flex}.kds-item-qty{font-weight:var(--weight-bold);color:var(--color-brand-peach);min-width:24px}.kds-order-action{padding:var(--space-3) var(--space-4);border-top:1px solid #ffffff14}.kds-ready-btn{background:var(--color-green);color:#fff;border-radius:var(--radius-md);width:100%;font-size:var(--text-subhead);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--duration-fast);border:none;padding:10px}.kds-ready-btn:hover{background:#333}.online-order-page{background:var(--color-bg-secondary);min-height:100vh;font-family:var(--font-family)}.online-order-hero{background:var(--color-label);padding:var(--space-8) var(--space-6);text-align:center;color:var(--color-on-dark)}.online-order-hero h1{font-size:var(--text-title1);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.online-order-content{max-width:680px;padding:var(--space-6) var(--space-4);margin:0 auto}.payment-methods{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.payment-method-card{padding:var(--space-4);border:2px solid var(--color-separator-opaque);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:var(--color-bg)}.payment-method-card:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.payment-method-card.selected{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent)}.payment-method-icon{margin-bottom:var(--space-1);font-size:28px}.payment-method-label{font-size:var(--text-footnote);font-weight:var(--weight-semibold)}@media print{body{background:#fff}.no-print{display:none!important}.receipt{color:#000;width:80mm;padding:0;font-family:Courier New,monospace;font-size:12px}.receipt-header{text-align:center;margin-bottom:8px}.receipt-divider{border-top:1px dashed #000;margin:6px 0}.receipt-row{justify-content:space-between;display:flex}.receipt-total{font-size:14px;font-weight:700}}.login-page{background:var(--color-bg-secondary);min-height:100vh;color:var(--color-label);padding:var(--space-6);justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.login-form-card{background:var(--color-bg-elevated);border:2px solid var(--color-separator);border-radius:var(--radius-2xl);width:100%;max-width:420px;padding:var(--space-8);box-shadow:4px 4px 0 var(--color-separator);animation:cardEntrance var(--duration-normal) var(--ease-spring) both}@keyframes cardEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-card-header{text-align:center;margin-bottom:var(--space-6)}.login-logo{background:var(--color-label);width:56px;height:56px;color:var(--color-on-dark);border:2px solid var(--color-separator);border-radius:var(--radius-xl);margin:0 auto var(--space-4);box-shadow:2px 2px 0 var(--color-separator);justify-content:center;align-items:center;font-size:28px;display:flex}.login-card-title{font-size:var(--text-title2);font-weight:var(--weight-bold);color:var(--color-label);letter-spacing:-.5px;margin-bottom:var(--space-1)}.login-card-subtitle{font-size:var(--text-subhead);color:var(--color-label-tertiary);line-height:1.4}.login-mode-toggle{background:var(--color-bg-secondary);border:2px solid var(--color-separator);border-radius:var(--radius-md);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr 1.2fr;padding:3px;display:grid}.login-mode-btn{border-radius:var(--radius-sm);font-weight:var(--weight-bold);font-size:var(--text-footnote);color:var(--color-label-secondary);cursor:pointer;transition:all var(--duration-fast);text-align:center;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}.login-mode-btn:hover{color:var(--color-label)}.login-mode-btn.active{background:var(--color-label);color:var(--color-on-dark)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-error-msg{padding:10px var(--space-4);background:var(--color-red-light);border:2px solid var(--color-red);border-radius:var(--radius-md);color:var(--color-red);font-size:var(--text-footnote);font-weight:var(--weight-bold);margin-bottom:var(--space-4);line-height:1.4;animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.password-input-wrapper{width:100%;display:flex;position:relative}.password-input{width:100%;padding-right:44px}.password-toggle-btn{cursor:pointer;color:var(--color-label-tertiary);padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--color-label);background:var(--color-fill)}.login-submit-btn{width:100%;margin-top:var(--space-2)}.login-back-home{align-items:center;gap:var(--space-1);font-size:var(--text-footnote);font-weight:var(--weight-semibold);color:var(--color-label-tertiary);padding:var(--space-2) 0 var(--space-4) 0;transition:color var(--duration-fast);text-decoration:none;display:inline-flex}.login-back-home:hover{color:var(--color-label);text-decoration:none}.login-rest-id-group{margin-bottom:var(--space-1)}.pin-dots{gap:var(--space-4);margin:var(--space-5) 0 var(--space-4);justify-content:center;display:flex}.pin-dot{border:2px solid var(--color-separator);width:12px;height:12px;transition:all var(--duration-fast) var(--ease-spring);border-radius:50%}.pin-dot.filled{background:var(--color-label);border-color:var(--color-label);transform:scale(1.25)}.pin-pad{gap:var(--space-4);grid-template-columns:repeat(3,1fr);width:100%;max-width:320px;margin:0 auto;display:grid}.pin-key{border-radius:var(--radius-xl);background:var(--color-bg-elevated);border:2px solid var(--color-separator);height:70px;color:var(--color-label);font-size:26px;font-weight:var(--weight-bold);cursor:pointer;box-shadow:3px 3px 0 var(--color-separator);transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;display:flex}.pin-key:hover:not(.empty){box-shadow:5px 5px 0 var(--color-separator);background:var(--color-bg-secondary);transform:translate(-2px,-2px)}.pin-key:active:not(.empty){box-shadow:1px 1px 0 var(--color-separator);transform:translate(1px,1px)}.pin-key.empty{opacity:0;pointer-events:none}.login-verifying{text-align:center;margin-top:var(--space-3);color:var(--color-label-secondary);font-size:var(--text-footnote);font-weight:var(--weight-semibold);animation:1.5s ease-in-out infinite pulseVerifying}@keyframes pulseVerifying{0%,to{opacity:.6}50%{opacity:1}}.register-form{gap:var(--space-3)}.form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.form-row.unequal{grid-template-columns:1.3fr .7fr}.form-divider{border:none;border-top:2px solid var(--color-separator);margin:var(--space-2) 0}.notif-panel{top:56px;right:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-xl);width:360px;box-shadow:var(--shadow-xl);z-index:var(--z-overlay);animation:slideDown var(--duration-normal) var(--ease-spring);border:1px solid var(--color-separator);position:absolute;overflow:hidden}.notif-item{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-separator);cursor:pointer;transition:background var(--duration-fast);gap:var(--space-3);display:flex}.notif-item:hover{background:var(--color-bg-secondary)}.notif-item.unread{background:var(--color-accent-light)}.notif-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-spring)}.animate-bounce-in{animation:bounceIn var(--duration-slow) var(--ease-spring)}.skeleton{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-fill);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-fill-secondary)}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--color-separator);left:auto;right:0}[dir=rtl] .main-content{margin-left:0;margin-right:var(--sidebar-width)}[dir=rtl] .nav-badge{margin-left:0;margin-right:auto}[dir=rtl] .cart-item-price{text-align:left}[dir=rtl] .pos-cart-panel{border-right:none;border-left:1px solid var(--color-separator)}@media (width<=767px){.pos-layout{grid-template-columns:1fr}.pos-cart-panel{height:85vh;max-height:85vh;transition:transform var(--duration-normal) var(--ease-out);z-index:var(--z-overlay);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-left:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 24px #0000001f}.pos-cart-panel.open{transform:translateY(0)}[dir=rtl] .pos-cart-panel{border-right:none}.menu-grid{padding-bottom:80px}}@media (width<=1024px){.login-left{display:none}.login-right{width:100%}.menu-grid{gap:var(--space-2);padding:var(--space-3)}.menu-item-name{font-size:12px}.menu-item-price{font-size:13px}.cart-header{height:46px;padding:0 var(--space-4)}.cart-type-tabs{padding:var(--space-2) var(--space-3)}.cart-type-tab{font-size:var(--text-caption1);padding:6px}.cart-items,.cart-totals{padding:var(--space-2) var(--space-3)}:root{--text-caption2:10px;--text-caption1:11px;--text-footnote:11px;--text-subhead:12px;--text-callout:13px;--text-body:13px;--text-headline:13px;--text-title3:15px;--text-title2:20px;--text-title1:26px;--text-largeTitle:32px;--topbar-height:46px}.top-bar{height:46px;padding:0 var(--space-4);gap:var(--space-3)}.top-bar-title{font-size:var(--text-title3)}.btn{padding:7px var(--space-3);font-size:var(--text-subhead);min-height:34px}.btn-sm{padding:4px var(--space-2);font-size:var(--text-caption1);min-height:28px}.btn-icon{width:34px;height:34px;min-height:0!important;padding:0!important}.sidebar-collapse-btn{display:none!important}.form-input,.form-select{font-size:var(--text-subhead);padding:8px var(--space-3)}.cart-checkout-btn{font-size:var(--text-subhead);margin:var(--space-2) var(--space-3) var(--space-3);width:calc(100% - 2 * var(--space-3));padding:11px}.cart-action-buttons{gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-direction:column}.cart-action-btn{border-radius:var(--radius-md);width:100%;height:38px;font-size:var(--text-subhead);gap:4px}.category-chip{font-size:var(--text-caption1);padding:5px 10px}.nav-item{font-size:var(--text-caption1)}.modal-title{font-size:var(--text-title3)}.page-content{padding:var(--space-4)}}@media (width<=767px){:root{--sidebar-width:0px;--sidebar-collapsed:0px}.main-content,.main-content.sidebar-collapsed,[dir=rtl] .main-content,[dir=rtl] .main-content.sidebar-collapsed{margin-left:0!important;margin-right:0!important}.sidebar{z-index:var(--z-overlay);transform:translate(-100%)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.mobile-open{width:260px!important;transform:translate(0)!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.divider{background:var(--color-separator);width:100%;height:1px}.glass-panel{background:var(--color-bg-secondary)!important;border:1px solid var(--color-separator)!important}.btn{transition:all var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring)!important}.btn:active{transform:scale(.96)!important}.card{transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)!important}.card:hover{box-shadow:var(--shadow-md)!important}.blink{animation:1.2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}body,.sidebar,.top-bar,.card,.main-content{transition:background-color var(--duration-normal) ease, border-color var(--duration-normal) ease, color var(--duration-normal) ease}.cart-item{animation:cartItemEnter var(--duration-normal) var(--ease-spring) forwards}@keyframes cartItemEnter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.settings-container{gap:var(--space-6);grid-template-columns:220px 1fr;align-items:start;width:100%;display:grid}.settings-nav{background:var(--color-bg);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-separator);flex-direction:column;gap:4px;display:flex}.settings-nav-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-subhead);font-weight:var(--weight-semibold);color:var(--color-label-secondary);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:10px 12px;display:flex}.settings-nav-item:hover{background:var(--color-fill-secondary);color:var(--color-label)}.settings-nav-item.active{color:var(--color-accent);background:var(--color-accent-light)}.reports-tabs{border-bottom:1.5px solid var(--color-separator);margin-bottom:-1px;display:flex}.reports-tab-btn{color:var(--color-label-secondary);font-weight:var(--weight-semibold);font-size:var(--text-subhead);cursor:pointer;transition:all var(--duration-fast);font-family:var(--font-family);white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:6px;padding:12px 24px;display:flex}.reports-tab-btn:hover{color:var(--color-label)}.reports-tab-btn.active{border-bottom-color:var(--color-accent);color:var(--color-accent);font-weight:var(--weight-bold)}.reports-menu-grid{gap:var(--space-4);grid-template-columns:1.2fr .8fr;align-items:start;display:grid}@media (width<=1024px){.settings-container{gap:var(--space-4);grid-template-columns:1fr}.settings-nav{scrollbar-width:none;white-space:nowrap;padding:var(--space-1);flex-direction:row;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{padding:8px 12px}.stat-grid{gap:var(--space-2)!important;grid-template-columns:repeat(2,1fr)!important}.stat-grid>:first-child{grid-column:span 2}.stat-grid:has(>:nth-child(2n):last-child)>:first-child{grid-column:span 1}.stat-card{padding:var(--space-3) var(--space-4)!important;border-radius:var(--radius-lg)!important;gap:var(--space-1)!important}.stat-card-icon{border-radius:var(--radius-md)!important;width:32px!important;height:32px!important}.stat-card-icon svg{width:16px!important;height:16px!important}.stat-card-value{font-size:var(--text-title3)!important}.stat-card-label{font-size:var(--text-caption2)!important}.reports-tabs{scrollbar-width:none;white-space:nowrap;-webkit-overflow-scrolling:touch;margin-bottom:0;padding-bottom:2px;overflow-x:auto}.reports-tabs::-webkit-scrollbar{display:none}.reports-tab-btn{padding:10px 16px}.reports-menu-grid{grid-template-columns:1fr}}.menu-editor-layout{gap:var(--space-4);display:flex}.menu-editor-sidebar{flex-shrink:0;width:220px}.menu-item-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-separator);transition:opacity var(--duration-fast) var(--ease-out);display:flex}.menu-item-meta-actions{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.menu-item-actions{gap:var(--space-2);align-items:center;display:flex}.burger-menu-btn,.sidebar-close-btn,.mobile-sidebar-overlay,.mobile-cart-toggle-bar{display:none}.mobile-only{display:none!important}@media (width<=767px){.desktop-only{display:none!important}.menu-editor-layout{flex-direction:column;gap:0}.menu-editor-sidebar{width:100%!important}.menu-item-row{flex-wrap:wrap;padding:var(--space-3) var(--space-4)!important;gap:var(--space-2)!important}.menu-item-meta-actions{border-top:1px dashed var(--color-separator);width:100%;padding-top:var(--space-2);margin-top:var(--space-1);justify-content:space-between}.mobile-cart-toggle-bar{bottom:var(--space-6);right:var(--space-6);background:var(--color-label);height:56px;color:var(--color-on-dark);border-radius:var(--radius-full);justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-5);box-shadow:0 10px 30px #0000004d, 0 0 0 1.5px var(--color-separator);cursor:pointer;z-index:calc(var(--z-overlay) - 2);animation:bounceIn var(--duration-normal) var(--ease-spring) both;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast);display:flex;position:fixed;left:auto}.mobile-cart-toggle-bar.empty{border-radius:50%;width:56px;height:56px;padding:0}[dir=rtl] .mobile-cart-toggle-bar{right:auto;left:var(--space-6)}.mobile-cart-toggle-bar:active{transform:scale(.97)}.mobile-cart-overlay{-webkit-backdrop-filter:blur(2px);z-index:calc(var(--z-overlay) - 1);animation:fadeIn var(--duration-fast) var(--ease-out);background:#0006;position:fixed;inset:0}.mobile-only{display:inline-flex!important}.burger-menu-btn{margin-right:var(--space-2);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}[dir=rtl] .burger-menu-btn{margin-right:0;margin-left:var(--space-2)}.sidebar-close-btn{justify-content:center;align-items:center;margin-left:auto;display:inline-flex}[dir=rtl] .sidebar-close-btn{margin-left:0;margin-right:auto}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(2px);z-index:calc(var(--z-overlay) - 1);animation:fadeIn var(--duration-fast) var(--ease-out);background:#0006;position:fixed;inset:0}}@media (width<=640px){.table-map-layout{gap:var(--space-3);flex-direction:column;height:calc(100vh - var(--topbar-height) - 40px)!important}.table-map-detail-panel{position:fixed;bottom:0;left:0;right:0;width:100%!important;height:60vh!important;max-height:60vh!important;z-index:var(--z-overlay)!important;border-top-left-radius:var(--radius-xl)!important;border-top-right-radius:var(--radius-xl)!important;animation:slideUp var(--duration-normal) var(--ease-spring) both!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;box-shadow:0 -8px 24px #00000026!important}.table-map-overlay-mobile{-webkit-backdrop-filter:blur(2px);z-index:calc(var(--z-overlay) - 1);animation:fadeIn var(--duration-fast) var(--ease-out);background:#0006;display:block;position:fixed;inset:0}}.table-map-layout{gap:var(--space-5);height:calc(100vh - 120px);display:flex;overflow:hidden}.table-map-overlay-mobile{display:none}.hub-stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.hub-stat-card{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-elevated);display:flex}.hub-stat-icon-wrapper{padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.hub-stat-icon{width:24px;height:24px;color:var(--color-accent)}.hub-stat-icon-wrapper.success .hub-stat-icon{color:var(--color-green)}.hub-stat-icon-wrapper.danger .hub-stat-icon{color:var(--color-red)}.hub-stat-icon-wrapper.info .hub-stat-icon{color:var(--color-purple)}.hub-stat-content{flex-direction:column;display:flex}.hub-stat-label{font-size:var(--text-caption1);color:var(--color-label-secondary)}.hub-stat-value{font-size:var(--text-title2);font-weight:var(--weight-bold);margin-top:2px}@media (width<=1024px){.hub-stats-grid{gap:var(--space-2)!important;grid-template-columns:repeat(2,1fr)!important}.hub-stat-card{padding:var(--space-3) var(--space-4)!important;gap:var(--space-3)!important;border-radius:var(--radius-lg)!important}.hub-stat-icon-wrapper{padding:var(--space-2)!important;border-radius:var(--radius-sm)!important}.hub-stat-icon{width:18px!important;height:18px!important}.hub-stat-label{font-size:var(--text-caption2)!important}.hub-stat-value{font-size:var(--text-title3)!important}}.staff-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-separator);transition:opacity var(--duration-fast);display:flex}.staff-avatar{background:var(--color-accent-light);width:40px;height:40px;font-weight:var(--weight-bold);color:var(--color-accent);font-size:var(--text-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.staff-info{flex:1;min-width:0}.staff-meta{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.staff-actions{gap:var(--space-2);flex-shrink:0;align-items:center;display:flex}@media (width<=768px){.staff-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.staff-info{flex:none;width:calc(100% - 56px)}.staff-meta{flex:1;width:auto;margin-left:56px}.staff-actions{margin-left:auto}}.landing-container{background-color:var(--color-bg);color:var(--color-label);font-family:var(--font-family);flex-direction:column;min-height:100vh;display:flex}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1.5px solid var(--color-separator);background-color:#ffffffd9;height:56px;position:sticky;top:0}.landing-nav-inner{max-width:1200px;height:100%;padding:0 var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.landing-logo-group{align-items:center;gap:var(--space-2);display:flex}.landing-logo-icon{font-size:20px}.landing-logo-text{font-size:var(--text-headline);font-weight:var(--weight-bold);letter-spacing:-.3px;color:var(--color-label)}.landing-nav-actions{align-items:center;gap:var(--space-3);display:flex}.landing-lang-btn{font-size:var(--text-caption1);font-weight:var(--weight-semibold);color:var(--color-label-secondary);border:1.5px solid var(--color-separator);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;align-items:center;gap:6px;padding:6px 12px;display:flex}.landing-lang-btn:hover{background:var(--color-fill)}.landing-lang-label{display:none}@media (width>=480px){.landing-lang-label{display:inline}}@media (width<=479px){.landing-lang-btn{padding:6px 8px}.landing-nav-actions{gap:var(--space-2)}}.landing-link-btn{font-size:var(--text-footnote);font-weight:var(--weight-semibold);color:var(--color-label);border-radius:var(--radius-sm);transition:opacity var(--duration-fast);padding:8px 12px}.landing-link-btn:hover{opacity:.8;text-decoration:none}.landing-btn-nav-login{font-size:var(--text-footnote);font-weight:var(--weight-semibold);color:var(--color-label);border:1.5px solid var(--color-separator);border-radius:var(--radius-md);transition:background-color var(--duration-fast), box-shadow var(--duration-fast);white-space:nowrap;background:0 0;justify-content:center;align-items:center;padding:7px 16px;text-decoration:none;display:inline-flex}.landing-btn-nav-login:hover{background:var(--color-bg-secondary);text-decoration:none}.landing-btn-primary{font-size:var(--text-footnote);font-weight:var(--weight-semibold);background:var(--color-label);color:var(--color-bg);border:1.5px solid var(--color-label);border-radius:var(--radius-md);box-shadow:1.5px 1.5px 0 var(--color-separator);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;justify-content:center;align-items:center;padding:8px 16px;text-decoration:none;display:inline-flex}.landing-btn-primary:hover{box-shadow:3px 3px 0 var(--color-separator);text-decoration:none;transform:translate(-1.5px,-1.5px)}.landing-btn-primary:active{box-shadow:0px 0px 0 var(--color-separator);transform:translate(1px,1px)}.landing-btn-secondary{font-size:var(--text-footnote);font-weight:var(--weight-semibold);color:var(--color-label);border:1.5px solid var(--color-separator);border-radius:var(--radius-md);box-shadow:1.5px 1.5px 0 var(--color-separator);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:8px 16px;text-decoration:none;display:inline-flex}.landing-btn-secondary:hover{box-shadow:3px 3px 0 var(--color-separator);background-color:var(--color-bg-secondary);text-decoration:none;transform:translate(-1.5px,-1.5px)}.landing-btn-secondary:active{box-shadow:0px 0px 0 var(--color-separator);transform:translate(1px,1px)}.landing-hero{padding:var(--space-12) 0;border-bottom:1.5px solid var(--color-separator)}.landing-hero-inner{max-width:1200px;padding:0 var(--space-4);gap:var(--space-10);grid-template-columns:1fr;align-items:center;margin:0 auto;display:grid}@media (width>=1024px){.landing-hero-inner{grid-template-columns:1.2fr 1fr}}.landing-hero-content{align-items:flex-start;gap:var(--space-5);flex-direction:column;display:flex}.landing-badge-pill{font-size:var(--text-caption1);font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;background:var(--color-bg-secondary);border:1px solid var(--color-separator);border-radius:var(--radius-full);padding:4px 12px}.landing-hero-title{font-size:var(--text-title1);font-weight:var(--weight-heavy);letter-spacing:-1.2px;color:var(--color-label);line-height:1.1}@media (width>=768px){.landing-hero-title{font-size:var(--text-largeTitle);letter-spacing:-2px}}.landing-hero-subtitle{font-size:var(--text-body);color:var(--color-label-secondary);max-width:540px;line-height:1.6}@media (width>=768px){.landing-hero-subtitle{font-size:var(--text-title3)}}.landing-hero-actions{gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.landing-btn-lg{font-size:var(--text-body);padding:12px 24px}.landing-hero-mockup{width:100%;display:none}@media (width>=1024px){.landing-hero-mockup{display:block}}.landing-mock-terminal{border:2px solid var(--color-separator);border-radius:var(--radius-xl);background:var(--color-bg);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.landing-mock-header{border-bottom:1.5px solid var(--color-separator);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.landing-mock-header-title{font-size:var(--text-footnote);font-weight:var(--weight-bold);text-transform:uppercase;align-items:center;gap:8px;display:flex}.landing-dot{background-color:#000;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;display:inline-block}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.landing-mock-status-pill{font-size:var(--text-caption2);font-weight:var(--weight-heavy);border-radius:var(--radius-xs);border:1px solid var(--color-separator);background:var(--color-bg);padding:2px 8px}.landing-mock-body{grid-template-columns:1.2fr 1fr;height:380px;display:grid}.landing-mock-body-subtitle{font-size:var(--text-footnote);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);color:var(--color-label-tertiary)}.landing-mock-tables-container{padding:var(--space-4);border-right:1.5px solid var(--color-separator);flex-direction:column;display:flex}[dir=rtl] .landing-mock-tables-container{border-right:none;border-left:1.5px solid var(--color-separator)}.landing-mock-tables-grid{gap:var(--space-3);flex:1;grid-template-columns:1fr 1fr;display:grid}.landing-mock-table-card{border:1.5px solid var(--color-separator);border-radius:var(--radius-lg);padding:var(--space-3);justify-content:center;align-items:center;gap:var(--space-1);transition:all var(--duration-fast);background:var(--color-bg);flex-direction:column;display:flex}.landing-mock-table-card:hover{background:var(--color-bg-secondary)}.landing-mock-table-card.active{box-shadow:var(--shadow-md);background:var(--color-bg);transform:translate(-1.5px,-1.5px)}.landing-mock-table-name{font-size:var(--text-body);font-weight:var(--weight-bold)}.landing-mock-table-status-label{font-size:var(--text-caption2);font-weight:var(--weight-semibold);text-transform:uppercase;border-radius:var(--radius-full);padding:1px 6px}.landing-mock-table-status-label.free{color:#555;background:#f5f5f5;border:1px solid #ccc}.landing-mock-table-status-label.occupied{background:var(--color-label);color:var(--color-bg)}.landing-mock-table-status-label.billed{color:#000;border:1px solid var(--color-separator);background:#ccc}.landing-mock-cart-container{padding:var(--space-4);background-color:var(--color-bg-grouped);flex-direction:column;display:flex}.landing-mock-cart-status-toggle{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.landing-mock-toggle-label{font-size:var(--text-caption1);font-weight:var(--weight-semibold);color:var(--color-label-secondary)}.landing-mock-toggle-buttons{gap:4px;display:flex}.landing-mock-toggle-btn{font-size:var(--text-caption2);font-weight:var(--weight-semibold);border:1px solid var(--color-separator);border-radius:var(--radius-sm);background:var(--color-bg);text-transform:uppercase;transition:all var(--duration-fast);flex:1;padding:4px}.landing-mock-toggle-btn:hover{background:var(--color-bg-secondary)}.landing-mock-toggle-btn.active{background:var(--color-label);color:var(--color-bg)}.landing-mock-cart-items{gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.landing-mock-cart-item{padding:var(--space-2) 0;border-bottom:1px dashed var(--color-separator);justify-content:space-between;align-items:center;display:flex}.landing-mock-item-name{font-size:var(--text-footnote);font-weight:var(--weight-bold)}.landing-mock-item-meta{font-size:var(--text-caption2);color:var(--color-label-tertiary)}.landing-mock-item-price{font-size:var(--text-footnote);font-weight:var(--weight-semibold)}.landing-mock-cart-empty{text-align:center;color:var(--color-label-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.landing-mock-empty-icon{margin-bottom:var(--space-2);opacity:.5}.landing-mock-empty-hint{font-size:var(--text-caption2)}.landing-mock-cart-summary{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1.5px solid var(--color-separator)}.landing-mock-summary-row{font-size:var(--text-body);justify-content:space-between;display:flex}.font-semibold{font-weight:var(--weight-semibold)}.landing-proof{background-color:var(--color-bg-secondary);border-bottom:1.5px solid var(--color-separator);padding:var(--space-4) 0}.landing-proof-inner{max-width:1200px;padding:0 var(--space-4);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px){.landing-proof-inner{justify-content:space-between;align-items:center;gap:var(--space-6);flex-direction:row}}.landing-proof-item{align-items:center;gap:var(--space-2);font-size:var(--text-footnote);font-weight:var(--weight-semibold);display:flex}.landing-proof-check{font-weight:var(--weight-bold);font-size:var(--text-body)}.landing-features{padding:var(--space-16) 0;border-bottom:1.5px solid var(--color-separator);max-width:1200px;padding-left:var(--space-4);padding-right:var(--space-4);margin:0 auto}.landing-section-header{margin-bottom:var(--space-12);text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.landing-section-title{font-size:var(--text-title2);font-weight:var(--weight-heavy);letter-spacing:-.8px;margin-bottom:var(--space-3);line-height:1.2}@media (width>=768px){.landing-section-title{font-size:var(--text-title1)}}.landing-section-subtitle{font-size:var(--text-body);color:var(--color-label-tertiary);line-height:1.5}.landing-features-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.landing-features-grid{grid-template-columns:repeat(3,1fr)}}.landing-feature-card{border:1.5px solid var(--color-separator);border-radius:var(--radius-xl);padding:var(--space-6);background:var(--color-bg);box-shadow:var(--shadow-md);transition:all var(--duration-fast) var(--ease-out);align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.landing-feature-card:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.landing-feature-icon-wrapper{border-radius:var(--radius-md);border:1.5px solid var(--color-separator);background-color:var(--color-bg-secondary);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.landing-feature-name{font-size:var(--text-title3);font-weight:var(--weight-bold);letter-spacing:-.3px}.landing-feature-desc{font-size:var(--text-footnote);color:var(--color-label-secondary);line-height:1.5}.landing-how-it-works{padding:var(--space-16) 0;border-bottom:1.5px solid var(--color-separator);max-width:800px;padding-left:var(--space-4);padding-right:var(--space-4);margin:0 auto}.landing-steps-container{gap:var(--space-8);margin-top:var(--space-8);flex-direction:column;display:flex}.landing-step-row{gap:var(--space-6);align-items:flex-start;display:flex}.landing-step-number{font-family:var(--font-mono);font-size:var(--text-title1);font-weight:var(--weight-heavy);color:var(--color-label);border-bottom:3px solid var(--color-separator);line-height:1}.landing-step-content{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.landing-step-title{font-size:var(--text-title3);font-weight:var(--weight-bold)}.landing-step-desc{font-size:var(--text-body);color:var(--color-label-secondary);line-height:1.5}.landing-cta{padding:var(--space-16) var(--space-4);background-color:var(--color-bg);border-bottom:1.5px solid var(--color-separator)}.landing-cta-inner{border:2px solid var(--color-separator);border-radius:var(--radius-xl);max-width:800px;padding:var(--space-10) var(--space-6);background:var(--color-label);color:var(--color-bg);text-align:center;align-items:center;gap:var(--space-5);box-shadow:var(--shadow-xl);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px){.landing-cta-inner{padding:var(--space-12) var(--space-10)}}.landing-cta-title{font-size:var(--text-title2);font-weight:var(--weight-heavy);letter-spacing:-.5px;line-height:1.2}@media (width>=768px){.landing-cta-title{font-size:var(--text-title1)}}.landing-cta-subtitle{font-size:var(--text-body);opacity:.8;max-width:500px;line-height:1.5}.landing-cta-btn{font-size:var(--text-body);font-weight:var(--weight-semibold);background:var(--color-bg);color:var(--color-label);border:1.5px solid var(--color-separator);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;justify-content:center;align-items:center;padding:12px 24px;text-decoration:none;display:inline-flex;box-shadow:2px 2px #888}.landing-cta-btn:hover{text-decoration:none;transform:translate(-1.5px,-1.5px);box-shadow:4px 4px #888}.landing-cta-btn:active{transform:translate(1px,1px);box-shadow:0 0 #888}.landing-footer{background-color:var(--color-bg);border-top:1.5px solid var(--color-separator);padding:var(--space-12) 0 var(--space-6) 0}.landing-footer-inner{max-width:1200px;padding:0 var(--space-4);gap:var(--space-8);grid-template-columns:1fr;margin:0 auto;display:grid}@media (width>=768px){.landing-footer-inner{grid-template-columns:2fr 1fr 1fr}}.landing-footer-brand-col{gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.landing-footer-tagline{font-size:var(--text-footnote);color:var(--color-label-tertiary);max-width:280px;line-height:1.5}.landing-footer-links-col{gap:var(--space-3);flex-direction:column;display:flex}.landing-footer-col-title{font-size:var(--text-caption1);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-label)}.landing-footer-links{gap:var(--space-2);flex-direction:column;display:flex}.landing-footer-links a{font-size:var(--text-footnote);color:var(--color-label-secondary);transition:color var(--duration-fast)}.landing-footer-links a:hover{color:var(--color-label)}.landing-footer-bottom{max-width:1200px;margin:var(--space-8) auto 0 auto;padding:var(--space-4) var(--space-4) 0 var(--space-4);border-top:1px solid var(--color-separator);font-size:var(--text-caption2);color:var(--color-label-tertiary);justify-content:space-between;display:flex}[dir=rtl] .landing-hero-content,[dir=rtl] .landing-feature-card,[dir=rtl] .landing-footer-brand-col{align-items:flex-start}[dir=rtl] .landing-nav-actions{flex-direction:row-reverse}