@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--font-main: "Inter", system-ui, -apple-system, sans-serif;--surface: #030305;--surface-dim: #030305;--surface-bright: #1a1a28;--surface-container-lowest: #050508;--surface-container-low: #0a0a14;--surface-container: #0f0f1a;--surface-container-high: #161625;--surface-container-highest: #1e1e30;--surface-variant: #1e1e30;--inverse-surface: #f0f0f5;--inverse-on-surface: #0f0f1a;--primary: #f97316;--primary-container: #f97316;--primary-fixed: #fed7aa;--primary-fixed-dim: #f97316;--on-primary: #000;--on-primary-container: #000;--on-primary-fixed: #7c2d12;--inverse-primary: #c2410c;--secondary: #94a3b8;--secondary-container: rgba(255,255,255,.06);--secondary-fixed: #cbd5e1;--secondary-fixed-dim: #94a3b8;--on-secondary: #030305;--on-secondary-container: #94a3b8;--on-secondary-fixed: #0f172a;--tertiary: #fb923c;--tertiary-container: #ea580c;--tertiary-fixed: #fed7aa;--tertiary-fixed-dim: #fb923c;--on-tertiary: #000;--on-tertiary-container: #000;--outline: rgba(255, 255, 255, .18);--outline-variant: rgba(255, 255, 255, .09);--on-surface: #f0f0f5;--on-surface-variant: #94a3b8;--on-background: #f0f0f5;--background: #030305;--error: #fca5a5;--error-container: #991b1b;--on-error: #450a0a;--on-error-container: #fecaca;--amber-glow: rgba(249, 115, 22, .3);--amber-glow-lg: rgba(249, 115, 22, .5);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .09);--glass-blur: blur(24px);--glass-reflection: linear-gradient(135deg, rgba(255,255,255,.07) 0%, transparent 40%, rgba(255,255,255,.03) 100%);--bg-deep: var(--surface-container-lowest);--bg-main: var(--surface-container-low);--bg-surface: rgba(15, 15, 26, .7);--bg-card: var(--glass-bg);--accent-cyan: var(--primary);--accent-blue: var(--primary);--accent-silver: var(--on-surface);--accent-neon: var(--amber-glow);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-muted: var(--secondary);--silver-border: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.04));--neon-shadow: 0 0 15px var(--amber-glow), 0 0 5px rgba(249, 115, 22, .15);--crystal-bg: linear-gradient(135deg, rgba(249,115,22,.06), rgba(249,115,22,.02));--radius-xl: 20px;--radius-lg: 14px;--radius-md: 10px;--radius-sm: 8px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html,body,#root{min-height:100%}body{font-family:var(--font-main);background-color:var(--surface);background-image:radial-gradient(circle at 10% 20%,rgba(249,115,22,.07) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(249,115,22,.05) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(249,115,22,.03) 0%,transparent 60%);background-attachment:fixed;color:var(--on-surface);min-height:100dvh;overflow-x:hidden;overflow-y:auto;margin:0}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]),textarea,select{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--on-surface);font-family:var(--font-main);font-size:.9rem;padding:.55rem .75rem;width:100%;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]):focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b0026}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]):hover,textarea:hover,select:hover{border-color:#ffffff40;background:#ffffff12}input::placeholder,textarea::placeholder{color:var(--on-surface-variant);opacity:.55}select option{background:var(--surface-container-high);color:var(--on-surface)}input[type=file]{padding:.4rem .55rem;cursor:pointer}input[type=file]::file-selector-button{background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface-variant);font-family:var(--font-main);font-size:.8rem;font-weight:600;padding:.3rem .7rem;cursor:pointer;margin-right:.6rem;transition:background .15s,color .15s}input[type=file]::file-selector-button:hover{background:var(--surface-container-highest);color:var(--primary)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.6) sepia(1) saturate(2) hue-rotate(5deg);cursor:pointer}input[type=checkbox],input[type=radio]{width:1rem;height:1rem;accent-color:var(--primary-container);cursor:pointer}.app-wrapper{display:block;min-height:100dvh;width:100vw;background:var(--surface);position:relative;overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:#030305d9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-right:1px solid var(--glass-border);padding:2rem 1.2rem;display:flex;flex-direction:column;gap:2rem;z-index:1000;transition:transform .7s cubic-bezier(.4,0,.2,1);transition-delay:0s}.sidebar-collapsed .sidebar{transform:translate(-100%);transition-delay:.5s}.main-content{margin-left:240px;min-height:100dvh;overflow-y:auto;padding:2.5rem;transition:margin-left .7s cubic-bezier(.4,0,.2,1);transition-delay:0s}.sidebar-collapsed .main-content{margin-left:0;transition-delay:.5s}.nav-item{display:flex;align-items:center;gap:.75rem;color:var(--on-surface-variant);text-decoration:none;padding:.7rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .2s ease;opacity:1;transform:translate(0);letter-spacing:0;text-transform:none}.nav-item:nth-child(1){transition-delay:.35s}.nav-item:nth-child(2){transition-delay:.45s}.nav-item:nth-child(3){transition-delay:.55s}.nav-item:nth-child(4){transition-delay:.65s}.nav-item:nth-child(5){transition-delay:.75s}.nav-item:nth-child(6){transition-delay:.85s}.sidebar-collapsed .nav-item{transform:translate(-30px);opacity:0}.sidebar-collapsed .nav-item:nth-child(1){transition-delay:0s}.sidebar-collapsed .nav-item:nth-child(2){transition-delay:.08s}.sidebar-collapsed .nav-item:nth-child(3){transition-delay:.16s}.sidebar-collapsed .nav-item:nth-child(4){transition-delay:.24s}.sidebar-collapsed .nav-item:nth-child(5){transition-delay:.32s}.sidebar-collapsed .nav-item:nth-child(6){transition-delay:.4s}.nav-item:hover{background:var(--surface-container-high);color:var(--on-surface);border-color:transparent;transform:none}.nav-item.active{background:var(--secondary-container);color:var(--primary);font-weight:600;border-left:4px solid var(--primary-container);border-radius:0 var(--radius-md) var(--radius-md) 0;padding-left:calc(1rem - 3px)}.nav-icon{font-size:1rem;flex-shrink:0}.nav-divider{height:1px;background:var(--outline-variant);margin:.75rem 0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.1rem;margin-bottom:.5rem;border-bottom:1px solid var(--outline-variant)}.sidebar-brand-row{display:flex;align-items:center;gap:.7rem;min-width:0}.sidebar-logo-icon{display:flex;align-items:center;color:var(--primary);filter:drop-shadow(0 0 8px var(--amber-glow));flex-shrink:0}.sidebar-brand-name{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;color:var(--primary);white-space:nowrap}.sidebar-brand-badge{padding:.2rem .5rem;border-radius:var(--radius-full);border:1px solid rgba(255,107,0,.35);background:#ff6b001f;color:var(--primary);font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.hamburger-btn{background:var(--surface-container);border:1px solid var(--outline-variant);color:var(--on-surface-variant);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.floating-trigger{position:fixed;top:2rem;left:2rem;z-index:99;animation:assemble-left .5s ease forwards}.hamburger-btn:hover{background:var(--surface-container-high);border-color:var(--primary);color:var(--primary)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto;overflow-x:hidden;padding-right:2px;margin-top:.5rem}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:10px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--outline-variant);padding-top:1.2rem;display:flex;flex-direction:column;gap:0}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface-container);border-radius:var(--radius-xl);border:1px solid var(--outline-variant);margin-bottom:.4rem}.user-avatar{width:40px;height:40px;background:var(--primary-container);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--on-primary-container);font-weight:800;font-size:1rem;flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0;gap:.15rem}.user-name{font-size:.88rem;font-weight:700;color:var(--on-surface);line-height:1.2}.user-role{font-size:.68rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--outline-variant)}.top-bar-left{display:flex;align-items:center;gap:1rem}.system-status{display:flex;gap:2rem;font-size:.85rem;color:var(--on-surface-variant);font-family:var(--font-main)}.system-clock{font-size:1.2rem;font-weight:600;color:var(--on-surface)}.status-dot{display:inline-block;width:8px;height:8px;background:var(--primary-container);border-radius:50%;box-shadow:0 0 10px var(--amber-glow);margin-right:.6rem}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:1}h1,h2,h3{font-family:var(--font-main);font-weight:600;letter-spacing:-.02em;color:var(--on-surface)}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;display:block}.dashboard-content{max-width:1200px;animation:assemble-bottom .8s cubic-bezier(.16,1,.3,1) forwards}.hero-compact{margin-bottom:2rem;text-align:left}.hero-compact h1{font-size:3rem;font-weight:800;color:var(--on-surface);margin-top:.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.status-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top:2px solid var(--primary);padding:1.5rem 1.8rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.status-card:hover{border-color:var(--outline);border-top-color:var(--primary-container);transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.status-label{font-size:.72rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.status-value{font-size:2.2rem;font-weight:800;color:var(--on-surface)}.status-trend{font-size:.85rem;color:#4ade80;display:flex;align-items:center;gap:.4rem}.quick-links{width:100%;max-width:1000px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.quick-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:2rem;text-decoration:none;transition:all .25s ease;display:flex;align-items:center;gap:1.5rem;position:relative;overflow:hidden;text-align:left}.card-icon{font-size:2rem;background:var(--surface-container);width:64px;height:64px;display:grid;place-items:center;border-radius:var(--radius-xl);border:1px solid var(--outline-variant);color:var(--primary);flex-shrink:0}.card-content{flex:1}.card-content h2{font-size:1.25rem;margin-bottom:.3rem;color:var(--on-surface)}.card-content p{color:var(--on-surface-variant);font-size:.9rem;line-height:1.4}.card-arrow{font-size:1.25rem;color:var(--primary);opacity:.4;transition:all .2s ease}.quick-card:hover .card-arrow{opacity:1;transform:translate(4px)}.quick-card:hover{transform:translateY(-4px);border-color:var(--outline);box-shadow:0 12px 32px #00000059,0 0 20px var(--amber-glow)}.quick-card h2{color:var(--on-surface)}.quick-card p{color:var(--on-surface-variant);font-size:.9rem}.dashboard-grid .quick-card{min-height:auto;text-align:left;flex-direction:row;align-items:center;padding:1.5rem}.dashboard-grid .card-icon{font-size:1.6rem;margin-bottom:0;margin-right:1.2rem;width:50px;height:50px}.dashboard-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem}.dashboard-nav-section{display:flex;flex-direction:column;gap:1rem}.dashboard-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant)}.dashboard-nav-section .quick-links{grid-template-columns:repeat(3,1fr);max-width:100%}.menu-section,.cart-panel,.ops-card{position:relative;overflow:hidden;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:1.5rem;transition:border-color .2s ease,box-shadow .2s ease}.ops-card:hover{border-color:#ffffff2e;box-shadow:0 4px 20px #0003}.menu-section:before,.cart-panel:before,.ops-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-reflection);pointer-events:none;border-radius:inherit}.page-shell{position:relative;z-index:2;width:min(1400px,100%);max-width:100%;margin:0 auto;min-height:100dvh;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow:visible}.ops-header,.customer-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--outline-variant)}.ops-header h1,.customer-header h1{font-size:clamp(1.8rem,3.6vw,2.6rem);margin-bottom:.3rem;color:var(--primary)}.ops-header p,.customer-header p{color:var(--on-surface-variant)}.header-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.ops-command-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.ops-stat{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:.85rem 1rem;display:grid;gap:.25rem;min-height:76px}.ops-stat span{color:var(--on-surface-variant);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.ops-stat strong{color:var(--on-surface);font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1}.link-like{text-decoration:none;transition:color .15s ease}.link-like:hover{color:var(--primary);text-decoration:underline}.user-chip{display:inline-flex;align-items:center;margin-top:.55rem;font-size:.85rem;color:var(--primary);border:1px solid rgba(255,107,0,.3);border-radius:var(--radius-full);padding:.25rem .7rem;background:#ff6b0014;transition:background .15s ease,border-color .15s ease}.user-chip:hover{background:#ff6b0026;border-color:#ff6b0080}button,.link-like{position:relative;background:var(--surface-container-high);border:1px solid var(--outline-variant);color:var(--on-surface);padding:.65rem 1.25rem;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-family:var(--font-main);font-size:.875rem;letter-spacing:0;text-transform:none;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:hover{background:var(--surface-container-highest);border-color:var(--outline);color:var(--on-surface);transform:none;box-shadow:none;animation:none}button:active{transform:scale(.97)}button.primary,button.login-button{background:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary-container);box-shadow:0 4px 16px var(--amber-glow)}button.primary:hover,button.login-button:hover:not(:disabled){background:#e05e00;box-shadow:0 6px 20px var(--amber-glow-lg);transform:translateY(-1px)}button.secondary{background:var(--surface-container);border-color:var(--outline-variant);color:var(--on-surface-variant)}button.secondary:hover{background:var(--surface-container-high);border-color:var(--outline);color:var(--on-surface)}button.danger{background:#93000a26;border-color:#93000a66;color:var(--error)}button.danger:hover{background:#93000a40;border-color:var(--error-container)}.status{padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-container);border:1px solid var(--outline-variant);color:var(--on-surface-variant)}.status-ready{color:#4ade80;border-color:#4ade804d;background:#4ade8014}.status-received{color:var(--tertiary);border-color:#ffb77c4d;background:#ffb77c14}.status-cancelled{color:var(--error);border-color:#ffb4ab4d;background:#ffb4ab14}.status-in_preparation{color:var(--primary);border-color:#ffb6934d;background:#ffb69314}.alert-card{border-left:4px solid transparent}.alert-card header{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.alert-card p{margin:.75rem 0 0;color:var(--on-surface-variant)}.alert-warning{border-left-color:var(--tertiary-container);background:linear-gradient(90deg,#de82281f,#de822808)}.alert-critical{border-left-color:var(--error-container);background:linear-gradient(90deg,#93000a2e,#93000a0a)}.error-banner,.feedback{background:#93000a1f;border:1px solid rgba(147,0,10,.3);color:var(--error);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1.5rem}.feedback{background:#4ade8014;border-color:#4ade8040;color:#4ade80}.login-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1c1209 0%,var(--surface) 70%);overflow:auto;padding:1.5rem}.login-card{width:100%;max-width:420px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:2.5rem;border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:0 32px 80px #00000080}.login-header{text-align:center;margin-bottom:2rem}.login-brand{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;margin-bottom:1rem}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;background:#ff6b001f;color:var(--primary);border-radius:var(--radius-xl);border:1px solid rgba(255,107,0,.3);box-shadow:0 8px 24px var(--amber-glow)}.login-title{font-size:1.9rem;font-weight:900;margin:0;letter-spacing:-.03em;color:var(--primary)}.login-subtitle{color:var(--on-surface-variant);font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.82rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.form-input{padding:.75rem 1rem;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);color:var(--on-surface);font-size:1rem;font-family:var(--font-main);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus{outline:none;border-color:var(--primary-container);box-shadow:0 0 0 3px #ff6b0026}.form-input::placeholder{color:var(--secondary);opacity:.7}.login-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary-container);color:var(--on-primary-container);width:100%;padding:.85rem;border:none;border-radius:var(--radius-lg);font-size:.95rem;font-weight:700;font-family:var(--font-main);cursor:pointer;margin-top:.5rem;transition:all .2s ease;box-shadow:0 4px 16px var(--amber-glow);letter-spacing:0;text-transform:none}.login-button:hover:not(:disabled){background:#e05e00;transform:translateY(-1px);box-shadow:0 8px 24px var(--amber-glow-lg)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-mode-switch{display:flex;gap:.35rem;margin-top:1.25rem;background:var(--surface-container);border-radius:var(--radius-lg);padding:4px;border:1px solid var(--outline-variant)}.login-mode-button{flex:1;padding:.5rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--on-surface-variant);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:var(--font-main);text-transform:none;letter-spacing:0;box-shadow:none}.login-mode-button:before{display:none}.login-mode-button:hover{background:var(--surface-container-high);color:var(--on-surface);animation:none;transform:none;box-shadow:none;border-color:transparent}.login-mode-button.active{background:#ff6b0026;color:var(--primary);font-weight:700;animation:none;transform:none;box-shadow:none;border-color:transparent}.login-support-note{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--primary);background:#ff6b0014;border:1px solid rgba(255,107,0,.25);border-radius:var(--radius-lg);padding:.6rem .9rem}.ops-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start}.ops-card h2{margin-bottom:.7rem;color:var(--on-surface);font-size:1.1rem}.ops-card-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--outline-variant);margin-bottom:1rem}.ops-card-title h2{margin-bottom:0}.ops-card-title span{color:var(--primary);font-weight:700}.ops-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem}.ops-filters select{min-width:170px;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);color:var(--on-surface);padding:.55rem .7rem;min-height:40px;font-family:var(--font-main)}.orders-list{display:grid;gap:.75rem;margin-top:.75rem}.order-card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:.9rem 1rem;transition:border-color .15s ease,box-shadow .15s ease}.order-card:hover{border-color:#fff3;box-shadow:0 2px 10px #00000026}.order-card header{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.5rem}.order-card ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.order-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.45rem 0 .65rem}.order-meta span{color:var(--on-surface-variant);border:1px solid var(--outline-variant);border-radius:var(--radius-full);padding:.18rem .55rem;font-size:.72rem}.order-note{color:var(--on-surface-variant);margin-top:.65rem;font-size:.9rem}.menu-admin-card,.inventory-card,.cash-close-card{grid-column:1 / -1}.menu-admin-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.menu-admin-form{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background:var(--surface-container)}.menu-admin-form h3{font-size:1rem;color:var(--on-surface)}.menu-category-admin{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background:var(--surface-container)}.menu-category-admin>header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.menu-product-edit{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(110px,.7fr) minmax(140px,.9fr) minmax(180px,1.3fr);gap:.6rem;margin-bottom:.7rem}.menu-product-edit input,.menu-product-edit select{min-width:0;width:100%;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);color:var(--on-surface);padding:.55rem .7rem;min-height:40px;font-family:var(--font-main)}.muted{opacity:.55}.inventory-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:1rem;align-items:start}.inventory-item-edit{display:grid;grid-template-columns:minmax(160px,1fr) minmax(90px,.45fr) minmax(110px,.55fr);gap:.6rem;margin-bottom:.7rem}.inventory-item-edit input{min-width:0;width:100%;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);color:var(--on-surface);padding:.55rem .7rem;min-height:40px;font-family:var(--font-main)}.inventory-low{border-color:#de822873;background:linear-gradient(90deg,rgba(222,130,40,.08),var(--surface-container))}.cash-close-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.recipe-editor{display:grid;gap:.7rem;margin:.75rem 0;padding:.75rem;border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background:var(--surface-container-lowest)}.recipe-chip{display:inline-flex;align-items:center;gap:.45rem;margin:.45rem .45rem 0 0;padding:.3rem .4rem .3rem .65rem;border:1px solid var(--outline-variant);border-radius:var(--radius-full);color:var(--on-surface-variant);font-size:.84rem;transition:background .15s ease,border-color .15s ease}.recipe-chip:hover{background:var(--surface-container-high);border-color:var(--outline)}.recipe-chip button{padding:.28rem .55rem;min-height:30px;font-size:.7rem}.customer-live-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;align-items:end}.customer-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:1rem;align-items:start}.menu-category{margin-top:1rem;display:grid;gap:.75rem}.menu-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.product-foot{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-top:.85rem}.cart-panel{position:sticky;top:1rem;display:grid;gap:.85rem;max-height:calc(100vh - 2.5rem);overflow-y:auto}.cart-list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.cart-list li{display:flex;justify-content:space-between;gap:.7rem;align-items:center;border-bottom:1px solid var(--outline-variant);padding:1rem 0}.qty-actions{display:flex;align-items:center;gap:.45rem}.qty-actions button{min-width:34px;padding:.35rem .65rem}.cart-total{border-top:1px solid var(--outline-variant);padding-top:1.5rem;font-weight:700;color:var(--primary-container);font-size:1.25rem}.split-list{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.35rem}.product-card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:1.2rem;transition:all .2s ease}.product-card:hover{background:var(--surface-container-high);border-color:var(--outline)}.order-actions label,.split-controls label{color:var(--on-surface-variant);font-size:.85rem}.order-actions input[type=text],.order-actions input[type=search]{width:min(100%,220px)}.ops-card .order-actions input[type=text]{width:min(100%,280px)}.order-actions,.split-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.order-actions input,.order-actions select,.split-controls input,.split-controls select{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);color:var(--on-surface);padding:.55rem .7rem;min-height:40px;font-family:var(--font-main)}.order-actions input:not([type=checkbox]),.split-controls input{width:130px}.tables-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.table-card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:1.2rem;transition:all .2s ease;display:flex;flex-direction:column;gap:.3rem}.table-card:hover{border-color:var(--primary-container);box-shadow:0 2px 12px #ff6b001a}.table-card.open{border-color:var(--primary-container);box-shadow:0 0 16px var(--amber-glow)}.ops-floor-map{width:100%;max-width:980px;min-height:280px;position:relative;border-radius:var(--radius-xl);border:1px solid var(--outline-variant);background:repeating-linear-gradient(0deg,transparent,transparent 34px,rgba(90,65,54,.15) 35px),repeating-linear-gradient(90deg,transparent,transparent 34px,rgba(90,65,54,.15) 35px),var(--surface-container);overflow:hidden;margin-top:.85rem}.ops-floor-table{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;min-width:54px;min-height:44px;padding:.2rem;text-transform:none;letter-spacing:0;font-family:var(--font-main);font-size:.76rem;line-height:1.1;border:1px solid var(--outline-variant);background:var(--surface-container-high);box-shadow:none;color:var(--on-surface-variant)}.ops-floor-table:hover{border-color:var(--primary);box-shadow:0 0 12px var(--amber-glow);color:var(--on-surface)}.ops-floor-code{font-weight:700}.ops-floor-table small{font-size:.62rem;opacity:.88}.ops-floor-table-round{border-radius:999px}.ops-floor-table-square{border-radius:10px}.ops-floor-table-rect{border-radius:8px}.ops-floor-table-open{border-color:var(--primary-container);background:#ff6b002e;color:var(--primary-fixed);box-shadow:0 0 10px var(--amber-glow)}.ops-floor-table-idle{border-color:var(--outline-variant);background:var(--surface-container);color:var(--on-surface-variant)}.planner-params-section{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.planner-params-section>.planner-config-types{grid-column:1 / -1}.planner-actions-section,.planner-results-section{display:grid;gap:1rem}.planner-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.planner-field{display:flex;flex-direction:column;gap:.35rem}.planner-field label{font-size:.8rem;font-weight:600;color:var(--on-surface-variant);letter-spacing:.02em}.planner-field-hint{font-size:.75rem;color:var(--on-surface-variant);opacity:.7}.planner-section-hint{font-size:.82rem;color:var(--on-surface-variant);margin-bottom:.75rem}.planner-preset-badge{font-size:.72rem;background:#ffb6931a;border:1px solid rgba(255,182,147,.25);border-radius:var(--radius-full);padding:.15rem .55rem;color:var(--primary);font-weight:600}.planner-preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:1rem}.planner-preset-row button{min-height:42px}.planner-toggle-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--on-surface-variant);font-size:.84rem;cursor:pointer}.planner-toggle-label input{width:auto}.planner-table-types-list{display:grid;gap:.75rem;margin-top:.5rem}.planner-table-type-card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:.9rem 1rem}.planner-table-type-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--outline-variant)}.planner-table-type-name{flex:1;font-weight:600;font-size:.95rem;background:transparent;border:none;border-bottom:1px dashed var(--outline-variant);border-radius:0;padding:.3rem 0;color:var(--on-surface)}.planner-table-type-name:focus{outline:none;border-bottom-color:var(--primary);box-shadow:none}.planner-table-type-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}.planner-obstacle-fields{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end}.planner-field-grow{flex:1;min-width:120px}.planner-obstacle-remove{align-self:flex-end;margin-bottom:.1rem}.planner-calc-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.planner-total-existing{margin-top:.75rem;font-size:.9rem;color:var(--on-surface-variant)}.planner-results-grid{display:grid;gap:1rem;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.planner-saved-grid{display:grid;gap:1rem;align-items:start;grid-template-columns:1fr}.planner-photo-preview{margin-top:.75rem;border:1px solid var(--outline-variant);border-radius:var(--radius-lg);overflow:hidden;max-width:520px}.planner-photo-preview img{width:100%;height:auto;object-fit:cover;display:block}.planner-canvas{width:100%;max-width:920px;position:relative;border-radius:var(--radius-xl);border:1px solid var(--outline-variant);background:var(--surface-container-lowest);overflow:hidden;margin-top:.9rem}.planner-blocked{position:absolute;border:1px dashed rgba(222,130,40,.7);background:#de82281f;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--tertiary);font-size:.7rem;padding:.15rem}.planner-table{position:absolute;border:1px solid var(--primary-container);background:#ff6b002e;color:var(--primary-fixed);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;transform-origin:center center;overflow:visible}.planner-table-shape-round{border-radius:50%}.planner-table-shape-square{border-radius:10px}.planner-table-shape-rect{border-radius:8px}.planner-chair{position:absolute;border-radius:6px;border:1px solid var(--primary-container);background:var(--surface-container-lowest);box-shadow:0 0 4px var(--amber-glow);transform-origin:center center;z-index:2}.admin-subtabs{display:flex;gap:0;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);margin-bottom:.5rem;overflow:hidden}.admin-subtabs button{flex:1;padding:.55rem 0;border-radius:0;background:transparent;border:none;border-right:1px solid var(--outline-variant);color:var(--text-secondary);font-family:var(--font-main);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.admin-subtabs button:last-child{border-right:none}.admin-subtabs button:hover{background:var(--surface-container-high);color:var(--on-surface)}.admin-subtabs button.active{background:var(--primary);color:var(--on-primary)}.pos-layout{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;height:calc(100vh - 180px)}.pos-catalog{display:flex;flex-direction:column;gap:1rem;overflow:hidden}.pos-search input{width:100%;padding:.9rem 1.25rem;border-radius:var(--radius-xl);background:var(--surface-container);border:1px solid var(--outline-variant);color:var(--on-surface);font-size:1rem;font-family:var(--font-main)}.pos-search input:focus{border-color:var(--primary-container);outline:none;box-shadow:0 0 0 3px #ff6b001f}.pos-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;overflow-y:auto;padding-right:.5rem;padding-bottom:2rem}.pos-product-btn{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;padding:1.2rem;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;min-height:120px}.pos-product-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--primary);background:#ff6b000f;box-shadow:none;animation:none}.pos-product-btn.unavailable{opacity:.45;cursor:not-allowed}.pos-product-name{font-weight:600;font-size:1rem;color:var(--on-surface);margin-bottom:.5rem;line-height:1.3}.pos-product-price{color:var(--primary);font-weight:700;font-size:1.1rem}.pos-ticket{display:flex;flex-direction:column;background:var(--surface-container-low);border-radius:var(--radius-xl);border:1px solid var(--outline-variant);overflow:hidden}.ticket-header{padding:1.5rem;border-bottom:1px solid var(--outline-variant);background:var(--surface-container)}.ticket-header h3{margin-bottom:1rem;font-size:1.3rem;color:var(--on-surface)}.ticket-table-select{width:100%;padding:.8rem;border-radius:var(--radius-lg);background:var(--surface-container-high);border:1px solid var(--outline-variant);color:var(--on-surface);font-size:.95rem;cursor:pointer;font-family:var(--font-main)}.ticket-items{flex:1;overflow-y:auto;padding:1rem 0}.empty-ticket{text-align:center;color:var(--on-surface-variant);padding:2rem}.ticket-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--outline-variant)}.ticket-item-info{display:flex;justify-content:space-between;align-items:center}.ticket-item-info strong{font-size:1rem;color:var(--on-surface)}.ticket-item-info span{font-weight:600;color:var(--primary)}.ticket-item-actions{display:flex;align-items:center;gap:1rem}.ticket-item-actions button{width:32px;height:32px;border-radius:50%;border:1px solid var(--outline-variant);background:var(--surface-container);color:var(--on-surface);cursor:pointer;display:grid;place-items:center;font-size:1.1rem;transition:background .2s;padding:0}.ticket-item-actions button:hover{background:var(--surface-container-high);transform:none;box-shadow:none;animation:none}.ticket-item-actions span{font-weight:600;font-size:1.1rem;width:24px;text-align:center}.ticket-footer{padding:1.5rem;background:var(--surface-container);border-top:1px solid var(--outline-variant);display:flex;flex-direction:column;gap:1rem}.ticket-footer input{width:100%;padding:.8rem;border-radius:var(--radius-lg);background:var(--surface-container-high);border:1px solid var(--outline-variant);color:var(--on-surface);font-family:var(--font-main)}.ticket-total{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:700;color:var(--on-surface);padding:.5rem 0}.ticket-total strong{color:var(--primary-container);font-size:1.7rem}.btn-send-order{width:100%;padding:1.1rem;border-radius:var(--radius-xl);background:var(--primary-container);color:var(--on-primary-container);font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .2s ease;font-family:var(--font-main);letter-spacing:0;text-transform:none}.btn-send-order:hover:not(:disabled){background:#e05e00;transform:translateY(-1px);box-shadow:0 8px 20px var(--amber-glow-lg);animation:none}.btn-send-order:disabled{opacity:.45;cursor:not-allowed}.page-shell.view-salon article.ops-card[data-tab=admin],.page-shell.view-salon article.ops-card[data-tab=kitchen],.page-shell.view-salon article.ops-card[data-tab=pos]{display:none!important}.page-shell.view-pos article.ops-card[data-tab=admin],.page-shell.view-pos article.ops-card[data-tab=kitchen],.page-shell.view-pos article.ops-card[data-tab=salon]{display:none!important}.page-shell.view-kitchen article.ops-card[data-tab=admin],.page-shell.view-kitchen article.ops-card[data-tab=pos],.page-shell.view-kitchen article.ops-card[data-tab=salon]{display:none!important}.page-shell.view-admin article.ops-card[data-tab=pos],.page-shell.view-admin article.ops-card[data-tab=kitchen],.page-shell.view-admin article.ops-card[data-tab=salon]{display:none!important}.messaging-card{grid-column:1 / -1}.messaging-compose{background:var(--surface-container);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem;border:1px solid var(--outline-variant)}.messaging-input-row{display:flex;gap:.75rem;margin-top:.75rem;align-items:flex-end}.messaging-textarea{flex:1;resize:vertical;min-height:60px;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--on-surface);font-family:var(--font-main);font-size:.9rem}.messaging-textarea:focus{outline:none;border-color:var(--primary)}.messaging-list{max-height:60vh;overflow-y:auto}.message-card{background:var(--surface-container);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:.5rem;border-left:3px solid var(--outline-variant);transition:border-color .2s,background .15s}.message-card:hover{background:var(--surface-container-high)}.message-card header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem}.message-from{font-weight:600;color:var(--primary)}.message-time{margin-left:auto;font-size:.78rem;color:var(--on-surface-variant)}.message-body{color:var(--on-surface);line-height:1.4;margin:0}.message-urgent{border-left-color:var(--primary-container)!important;background:color-mix(in srgb,var(--primary-container) 8%,var(--surface-container))}.message-read{opacity:.55}.message-role-badge{font-size:.72rem;background:var(--surface-container-high);color:var(--on-surface-variant);padding:2px 8px;border-radius:20px}.role-kitchen{background:color-mix(in srgb,#3d6b55 30%,var(--surface-container-high))}.role-waiter{background:color-mix(in srgb,#3a4f7a 30%,var(--surface-container-high))}.role-admin{background:color-mix(in srgb,var(--primary-container) 20%,var(--surface-container-high))}.gamification-leaderboard{grid-column:1 / -1}.leaderboard-grid{display:flex;flex-direction:column;gap:.5rem}.leaderboard-card{display:flex;align-items:center;gap:1rem;background:var(--surface-container);border-radius:var(--radius-md);padding:.75rem 1rem;border:1px solid var(--outline-variant);transition:all .2s}.leaderboard-card:hover{border-color:var(--primary)}.rank-1{background:color-mix(in srgb,#d4af37 12%,var(--surface-container));border-color:#d4af37}.rank-2{background:color-mix(in srgb,#c0c0c0 10%,var(--surface-container));border-color:#a0a0a0}.rank-3{background:color-mix(in srgb,#cd7f32 10%,var(--surface-container));border-color:#cd7f32}.leaderboard-rank{font-size:1.2rem;font-weight:800;color:var(--on-surface-variant);min-width:2rem;text-align:center}.leaderboard-avatar{font-size:2rem}.leaderboard-info{flex:1}.leaderboard-info strong{display:block;color:var(--on-surface);font-size:1rem}.leaderboard-info span{font-size:.8rem;color:var(--on-surface-variant);text-transform:capitalize}.leaderboard-points{text-align:right}.leaderboard-points strong{display:block;font-size:1.4rem;color:var(--primary);font-weight:700}.leaderboard-points span{font-size:.75rem;color:var(--on-surface-variant)}.badge-chip{font-size:.72rem;background:var(--surface-container-high);color:var(--on-surface-variant);padding:2px 10px;border-radius:20px;border:1px solid var(--outline-variant);transition:background .15s ease,border-color .15s ease}.badge-chip:hover{background:var(--surface-container);border-color:var(--outline)}.achievement-item header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.menu-engineering-card{grid-column:1 / -1}.bcg-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}@media (max-width: 900px){.bcg-summary{grid-template-columns:repeat(2,1fr)}}.bcg-stat{background:var(--surface-container);border-radius:var(--radius-md);padding:1rem;border:1px solid var(--outline-variant);text-align:center}.bcg-stat span{display:block;font-size:1rem;margin-bottom:.25rem}.bcg-stat strong{display:block;font-size:2rem;font-weight:700}.bcg-stat small{font-size:.72rem;color:var(--on-surface-variant)}.bcg-star{border-color:#d4af37;background:color-mix(in srgb,#d4af37 10%,var(--surface-container))}.bcg-star strong{color:#d4af37}.bcg-puzzle{border-color:#6a9fd8;background:color-mix(in srgb,#6a9fd8 10%,var(--surface-container))}.bcg-puzzle strong{color:#6a9fd8}.bcg-plowhorse{border-color:#7eb87e;background:color-mix(in srgb,#7eb87e 10%,var(--surface-container))}.bcg-plowhorse strong{color:#7eb87e}.bcg-dog{border-color:var(--on-surface-variant);background:color-mix(in srgb,var(--on-surface-variant) 8%,var(--surface-container))}.bcg-dog strong{color:var(--on-surface-variant)}.bcg-quadrant{margin-bottom:1.5rem}.bcg-quadrant h3{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--on-surface-variant)}.bcg-table{width:100%;border-collapse:collapse;font-size:.85rem}.bcg-table th{background:var(--surface-container-high);color:var(--on-surface-variant);padding:.5rem .75rem;text-align:left;font-weight:600;border-bottom:1px solid var(--outline-variant)}.bcg-table td{padding:.45rem .75rem;border-bottom:1px solid var(--outline-variant);color:var(--on-surface)}.bcg-table tr:last-child td{border-bottom:none}.bcg-table tr:hover td{background:var(--surface-container)}.tab-btn{background:transparent;border:1px solid var(--outline-variant);padding:.55rem 1.1rem;color:var(--on-surface-variant);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;font-family:var(--font-main);font-weight:500;font-size:.875rem;letter-spacing:0;text-transform:none}.tab-btn:hover{background:var(--surface-container-high);color:var(--on-surface);transform:none;box-shadow:none;animation:none}.tab-btn.active{background:#ff6b001f;border-color:var(--primary-container);color:var(--primary);font-weight:700;box-shadow:inset 0 -2px 0 var(--primary-container);transform:none;animation:none}.ops-home-btn{position:fixed;top:1.2rem;right:3.5rem;z-index:200;padding:.6rem 1.2rem;font-size:.875rem}.ops-home-btn:hover{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}@keyframes assemble-top{0%{opacity:0;transform:translateY(-80px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes assemble-bottom{0%{opacity:0;transform:translateY(80px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes assemble-left{0%{opacity:0;transform:translate(-80px);filter:blur(8px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes assemble-right{0%{opacity:0;transform:translate(80px);filter:blur(8px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes disperse-top{to{opacity:0;transform:translateY(-120px);filter:blur(16px)}}@keyframes disperse-bottom{to{opacity:0;transform:translateY(120px);filter:blur(16px)}}@keyframes disperse-left{to{opacity:0;transform:translate(-120px);filter:blur(16px)}}@keyframes disperse-right{to{opacity:0;transform:translate(120px);filter:blur(16px)}}.hero .eyebrow{animation:assemble-top .8s cubic-bezier(.16,1,.3,1) forwards}.hero h1{animation:assemble-left 1s cubic-bezier(.16,1,.3,1) .1s forwards;opacity:0}.hero-description{animation:assemble-right 1s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}.quick-links .quick-card:nth-child(1){animation:assemble-left 1.2s cubic-bezier(.16,1,.3,1) .3s forwards;opacity:0}.quick-links .quick-card:nth-child(2){animation:assemble-right 1.2s cubic-bezier(.16,1,.3,1) .4s forwards;opacity:0}.page-exit .hero .eyebrow{animation:disperse-top .6s ease-in forwards}.page-exit .hero h1{animation:disperse-left .6s ease-in forwards}.page-exit .hero-description{animation:disperse-right .6s ease-in forwards}.page-exit .quick-card:nth-child(1){animation:disperse-bottom .6s ease-in forwards}.page-exit .quick-card:nth-child(2){animation:disperse-top .6s ease-in forwards}.assemble-top{animation:assemble-top .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.assemble-bottom{animation:assemble-bottom .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.assemble-left{animation:assemble-left .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.assemble-right{animation:assemble-right .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.animate-fade-in{animation:assemble-bottom .7s cubic-bezier(.16,1,.3,1) forwards}.login-card .login-header{animation:assemble-top .7s cubic-bezier(.16,1,.3,1) .1s forwards;opacity:0}.login-card .login-form{animation:assemble-bottom .7s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}@media (max-width: 1024px){.sidebar{width:min(82vw,320px);transform:translate(-105%);transition-delay:0s}.app-wrapper:not(.sidebar-collapsed) .sidebar{transform:translate(0)}.sidebar-collapsed .sidebar{transform:translate(-105%);transition-delay:0s}.main-content{margin-left:0;min-height:100dvh;padding:1.25rem}.top-bar{flex-wrap:wrap;gap:.9rem;margin-bottom:2rem}.top-bar-left{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:.9rem}.system-status{flex-wrap:wrap;gap:.9rem}.system-clock{margin-left:auto}.quick-links,.dashboard-grid{grid-template-columns:1fr}.quick-card{min-width:0}.ops-grid,.planner-params-section{grid-template-columns:1fr}.planner-preset-row{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-results-grid{grid-template-columns:1fr}.menu-product-edit{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-layout{grid-template-columns:1fr}.dashboard-stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-nav-section .quick-links{grid-template-columns:1fr}}@media (max-width: 768px){.page-shell{padding:1rem .85rem}.ops-card,.menu-section,.cart-panel{padding:1rem}.ops-header,.customer-header{gap:.75rem}.header-actions{width:100%}.ops-command-bar{grid-template-columns:1fr}.ops-filters select,.order-actions input:not([type=checkbox]),.order-actions select,.split-controls input,.split-controls select{width:100%;min-width:0}.split-controls{align-items:stretch}.order-actions button,.split-controls button,.header-actions button,.header-actions .link-like{width:100%;justify-content:center}.menu-admin-forms,.menu-product-edit,.inventory-item-edit,.planner-preset-row{grid-template-columns:1fr}.planner-table-type-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ops-floor-map{min-height:220px}.cart-panel{position:static;max-height:none}.customer-live-strip,.customer-layout{grid-template-columns:1fr}}@media (max-width: 480px){.page-shell{padding:.75rem}.main-content{padding:.9rem}.hero-compact h1{font-size:clamp(1.45rem,9vw,1.9rem)}.system-status{font-size:.76rem}.quick-card{padding:1.1rem;flex-direction:column;align-items:flex-start}.card-icon{width:48px;height:48px;font-size:1.4rem}button,.link-like{font-size:.82rem;padding:.6rem .85rem}.ops-floor-table{min-width:44px;min-height:36px;font-size:.66rem}.planner-chair{border-radius:4px}.dashboard-stats-row{grid-template-columns:1fr}}.crm-page .ops-grid{grid-template-columns:1fr 1fr}.crm-list-card{grid-row:span 2}.crm-search{flex:1;max-width:300px}.crm-customers-list{max-height:70vh;overflow-y:auto}.crm-customer-row{cursor:pointer;transition:border-color .15s,background .15s}.crm-customer-row:hover{border-color:var(--primary)}.crm-selected{border-color:var(--primary-container)!important;background:color-mix(in srgb,var(--primary-container) 8%,var(--surface-container))!important}.crm-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.crm-tag{font-size:.72rem;background:var(--surface-container-high);color:var(--on-surface-variant);padding:2px 10px;border-radius:20px;border:1px solid var(--outline-variant);transition:background .15s ease,border-color .15s ease}.crm-tag:hover{background:var(--surface-container);border-color:var(--outline)}.crm-last-visit{font-size:.78rem;color:var(--on-surface-variant);margin-top:.25rem}.crm-detail-card,.crm-visits-card{grid-column:2}.crm-detail-info p{margin:.25rem 0}.crm-kpi-row{display:flex;gap:.75rem;margin-bottom:1rem}.crm-kpi-row .table-card{flex:1}.menu-admin-form label{display:block;font-size:.82rem;color:var(--on-surface-variant);margin-bottom:.2rem;margin-top:.65rem}.menu-admin-form textarea{width:100%;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--on-surface);font-family:var(--font-main);font-size:.9rem;resize:vertical}.suppliers-page .ops-grid{grid-template-columns:1fr 2fr}.shifts-page .ops-grid{grid-template-columns:1fr}.shifts-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-top:1rem;overflow-x:auto}.shifts-day-col{min-width:120px}.shifts-day-header{text-align:center;padding:.5rem;background:var(--surface-container-high);border-radius:var(--radius-sm);margin-bottom:.35rem}.shifts-day-header strong{display:block;font-size:.95rem;color:var(--primary)}.shifts-day-header span{font-size:1.3rem;font-weight:700;color:var(--on-surface)}.shifts-empty{font-size:.78rem;color:var(--on-surface-variant);text-align:center;padding:.5rem}.shift-card{background:var(--surface-container);border-radius:var(--radius-sm);padding:.5rem;margin-bottom:.35rem;border:1px solid var(--outline-variant);display:flex;gap:.4rem;align-items:flex-start;font-size:.8rem;transition:border-color .15s ease,background .15s ease}.shift-card:hover{border-color:#fff3;background:var(--surface-container-high)}.shift-avatar{font-size:1.4rem;flex-shrink:0}.shift-info{flex:1;min-width:0}.shift-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--on-surface)}.shift-info span{display:block;color:var(--on-surface-variant);font-size:.72rem}.shift-actions{display:flex;flex-direction:column;gap:.2rem}.shift-actions button{padding:.15rem .4rem;font-size:.75rem;min-height:0}.status-border-scheduled{border-left:3px solid var(--outline-variant)}.status-border-confirmed{border-left:3px solid #7eb87e}.status-border-completed{border-left:3px solid var(--primary)}.status-border-absent{border-left:3px solid #e57373}.shifts-suggestions{background:color-mix(in srgb,var(--primary) 6%,var(--surface-container));border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:.75rem;margin-bottom:1rem}.shifts-suggestions h3{font-size:.9rem;color:var(--primary);margin-bottom:.5rem}.shifts-suggestion header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.35rem}@media (max-width: 900px){.shifts-week-grid{grid-template-columns:repeat(4,1fr)}.crm-page .ops-grid{grid-template-columns:1fr}.crm-detail-card,.crm-visits-card{grid-column:1}}.kds-shell{min-height:100dvh;background:#0a0a0a;color:#f0ede8;display:flex;flex-direction:column;font-family:var(--font-main)}.kds-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#131313;border-bottom:1px solid #2a2929;flex-wrap:wrap}.kds-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.kds-back{color:var(--primary);text-decoration:none;font-size:.9rem;white-space:nowrap;transition:opacity .15s ease}.kds-back:hover{opacity:.75;text-decoration:underline}.kds-title{font-size:1.1rem;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kds-counters{display:flex;gap:.5rem;flex-wrap:wrap}.kds-counter{font-size:.8rem;font-weight:600;padding:.25rem .65rem;border-radius:999px}.kds-counter-received{background:color-mix(in srgb,#e57373 20%,#131313);color:#e57373}.kds-counter-prep{background:color-mix(in srgb,#ffb74d 20%,#131313);color:#ffb74d}.kds-counter-ready{background:color-mix(in srgb,#81c784 20%,#131313);color:#81c784}.kds-header-actions{display:flex;gap:.5rem}.kds-btn{background:var(--surface-container-high);border:1px solid var(--outline-variant);color:var(--on-surface);padding:.3rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:background .15s}.kds-btn:hover{background:var(--surface-container-highest)}.kds-btn-muted{opacity:.5}.kds-feedback{background:color-mix(in srgb,var(--primary) 15%,#131313);color:var(--primary);padding:.5rem 1.25rem;font-size:.875rem}.kds-board{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:1rem;align-content:start;overflow-y:auto}.kds-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:4rem;color:var(--on-surface-variant);font-size:1.2rem}.kds-card{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s,box-shadow .2s}.kds-card:hover{border-color:#fff3;box-shadow:0 2px 12px #00000026}.kds-card.kds-warning{border-color:#ffb74d;box-shadow:0 0 0 1px #ffb74d44}.kds-card.kds-urgent{border-color:#e57373;box-shadow:0 0 0 2px #e5737344;animation:kds-pulse 2s infinite}@keyframes kds-pulse{0%,to{box-shadow:0 0 0 2px #e5737344}50%{box-shadow:0 0 0 4px #e5737388}}.kds-card-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.kds-table{font-size:1.1rem;font-weight:700;color:var(--on-surface);flex:1}.kds-status-badge{font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:999px}.kds-badge-received{background:color-mix(in srgb,#e57373 25%,#131313);color:#e57373}.kds-badge-in_preparation{background:color-mix(in srgb,#ffb74d 25%,#131313);color:#ffb74d}.kds-badge-ready{background:color-mix(in srgb,#81c784 25%,#131313);color:#81c784}.kds-badge-delivered{background:color-mix(in srgb,#aaa 15%,#131313);color:#aaa}.kds-elapsed{font-size:.75rem;color:var(--on-surface-variant);white-space:nowrap}.kds-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.kds-item{display:flex;gap:.5rem;align-items:baseline;font-size:.95rem}.kds-qty{font-weight:700;color:var(--primary);min-width:1.5rem}.kds-item-name{color:var(--on-surface);flex:1}.kds-item-note{font-size:.78rem;color:var(--on-surface-variant);font-style:italic}.kds-order-note{font-size:.82rem;color:var(--on-surface-variant);margin:0;padding:.35rem .5rem;background:var(--surface-container);border-radius:var(--radius-sm)}.kds-actions{display:flex;gap:.5rem;margin-top:.25rem}.kds-action-btn{flex:1;padding:.5rem;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity .15s}.kds-action-btn:disabled{opacity:.5;cursor:not-allowed}.kds-action-prep{background:#ffb74d22;color:#ffb74d;border:1px solid #ffb74d55}.kds-action-prep:hover:not(:disabled){background:#ffb74d44}.kds-action-ready{background:#81c78422;color:#81c784;border:1px solid #81c78455}.kds-action-ready:hover:not(:disabled){background:#81c78444}.kds-action-deliver{background:var(--surface-container-high);color:var(--on-surface-variant);border:1px solid var(--outline-variant)}.kds-action-deliver:hover:not(:disabled){background:var(--surface-container-highest)}.kds-action-call{background:#e5737322;color:#e57373;border:1px solid #e5737355}.kds-action-call:hover:not(:disabled){background:#e5737344}.customer-rating-card{text-align:center}.customer-rating-card h2{margin-bottom:.25rem}.rating-staff-selector{margin:1rem 0;text-align:left}.rating-staff-selector label{font-size:.875rem;color:var(--on-surface-variant);display:block;margin-bottom:.5rem}.rating-staff-list{display:flex;flex-wrap:wrap;gap:.5rem}.rating-staff-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-md);cursor:pointer;color:var(--on-surface);font-size:.85rem;transition:border-color .15s}.rating-staff-btn.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface-container))}.rating-staff-emoji{font-size:1.5rem}.rating-stars{display:flex;justify-content:center;gap:.5rem;margin:1rem 0}.rating-star{font-size:2rem;background:none;border:none;cursor:pointer;color:var(--outline-variant);transition:color .1s,transform .1s;padding:0}.rating-star.active{color:var(--primary)}.rating-star:hover{transform:scale(1.15)}.rating-comment{width:100%;box-sizing:border-box;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);padding:.5rem;font-family:var(--font-main);font-size:.9rem;resize:none;margin-bottom:.75rem}.rating-comment:focus{outline:none;border-color:var(--primary)}.multi-branch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:.75rem}.branch-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1rem 1.2rem;text-decoration:none;color:inherit;transition:border-color .2s,background .2s;display:block}.branch-card:hover{border-color:var(--primary);background:#ffffff0f}.branch-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.branch-card-header strong{font-size:1rem;color:var(--on-surface)}.branch-status-dot{width:8px;height:8px;border-radius:50%;background:var(--outline-variant)}.branch-status-dot.active{background:#7eb87e;box-shadow:0 0 6px #7eb87e88}.branch-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.branch-stat{display:flex;flex-direction:column}.branch-stat-label{font-size:.72rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.branch-stat-value{font-size:1rem;font-weight:600;color:var(--primary)}.stock-alert-strip{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;padding:.5rem;background:color-mix(in srgb,#e57373 10%,var(--surface-container));border-radius:var(--radius-sm);border:1px solid #e5737344}.stock-alert-item{font-size:.78rem;color:#e57373}.movement-row header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.movement-in{border-left:3px solid #7eb87e}.movement-out{border-left:3px solid var(--primary-container)}.movement-waste{border-left:3px solid #e57373}.movement-adjustment{border-left:3px solid var(--secondary)}.reports-page{display:grid;gap:1rem;align-content:start}.reports-page header{margin:0}.reports-chart-card h2{margin-bottom:.75rem;font-size:1rem;font-weight:600;color:var(--on-surface-variant)}.reports-page .tab-btn{padding:.35rem .75rem;font-size:.85rem}.customer-orders-track{margin-bottom:.75rem}.customer-orders-track h2{margin-bottom:1rem;font-size:1.05rem;font-weight:700}.order-track-card{background:var(--surface-container-low);border-radius:var(--radius-sm);padding:.75rem;margin-bottom:.75rem;transition:background .15s ease,border-color .15s ease;border:1px solid transparent}.order-track-card:hover{background:var(--surface-container);border-color:var(--outline-variant)}.order-track-card:last-child{margin-bottom:0}.order-track-steps{display:flex;align-items:flex-start;gap:0;margin-bottom:.5rem;overflow-x:auto}.track-step{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:64px;position:relative;flex:1}.track-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background:var(--surface-container);border:2px solid var(--outline-variant);color:var(--on-surface-variant);transition:background .3s,border-color .3s;flex-shrink:0}.track-step.done .track-dot{background:var(--primary-container);border-color:var(--primary);color:var(--on-primary-container, #3d1a00)}.track-step.current .track-dot{background:var(--primary);border-color:var(--primary);color:var(--on-primary, #1a0800);box-shadow:0 0 10px color-mix(in srgb,var(--primary) 50%,transparent)}.track-step span{font-size:.7rem;color:var(--on-surface-variant);text-align:center;font-weight:500}.track-step.done span{color:var(--primary)}.track-step.current span{color:var(--on-surface);font-weight:700}.track-line{position:absolute;top:14px;left:50%;right:-50%;height:2px;background:var(--outline-variant);z-index:0}.track-line.done{background:var(--primary);opacity:.6}.track-items{font-size:.8rem;color:var(--on-surface-variant);margin:0}.confirm-delivery-btn{margin-top:.6rem;padding:.5rem 1.2rem;background:#81c784;color:#1a1a1a;border:none;border-radius:var(--radius-md);font-family:var(--font-main);font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s}.confirm-delivery-btn:hover:not(:disabled){background:#66bb6a}.confirm-delivery-btn:disabled{opacity:.6;cursor:not-allowed}.ops-more-wrap{position:relative}.ops-more-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface-container);border:1px solid var(--outline-variant);border-top:2px solid var(--primary-container);border-radius:var(--radius-md);box-shadow:0 12px 32px #00000080,0 0 0 1px #ff6b0014;min-width:190px;z-index:200;overflow:hidden}.ops-more-item{display:block;padding:.6rem 1rem;color:var(--on-surface);text-decoration:none;font-size:.9rem;transition:background .12s}.ops-more-item:hover{background:var(--surface-container-high);color:var(--primary)}.header-actions .ops-more-wrap{margin-left:.5rem;padding-left:.75rem;border-left:1px solid var(--outline-variant)}.ops-card>h2:first-child{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--on-surface-variant);padding-bottom:.75rem;border-bottom:1px solid var(--outline-variant);margin-bottom:1rem}.ops-command-bar .ops-stat:nth-child(1){border-top:2px solid var(--primary)}.ops-command-bar .ops-stat:nth-child(2){border-top:2px solid var(--tertiary-container)}.ops-command-bar .ops-stat:nth-child(3){border-top:2px solid #4ade80}.ops-command-bar .ops-stat:nth-child(4){border-top:2px solid var(--error-container)}.ops-command-bar .ops-stat:nth-child(5){border-top:2px solid var(--primary-container)}.ops-command-bar .ops-stat:nth-child(6){border-top:2px solid var(--outline-variant)}.messaging-card{border-left:3px solid var(--tertiary-container)}.gamification-leaderboard{border-left:3px solid var(--primary-container)}.menu-engineering-card{border-left:3px solid var(--secondary-container)}.ops-card-title span{font-size:.72rem;background:#ffb6931a;border:1px solid rgba(255,182,147,.25);border-radius:var(--radius-full);padding:.15rem .55rem}
