.shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:232px;min-width:232px;background:var(--deep);border-right:1px solid var(--rim);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:width .25s ease,min-width .25s ease;position:relative;z-index:20}.shell--collapsed .sidebar{width:60px;min-width:60px}.sb-brand{padding:18px 14px 14px;border-bottom:1px solid var(--rim);display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(201,149,28,.1) 0%,transparent 100%)}.sb-logo{font-family:var(--display);font-size:22px;font-weight:700;color:var(--gold2);flex-shrink:0;line-height:1}.sb-logo em{font-style:normal;color:var(--gold3)}.sb-brand-info{min-width:0;flex:1}.sb-brand-name{font-size:12px;font-weight:600;color:var(--cream);white-space:nowrap;overflow:hidden}.sb-brand-sub{font-size:9px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:2px}.sb-toggle{margin-left:auto;width:22px;height:22px;border-radius:5px;background:var(--rim);color:var(--muted);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.sb-toggle:hover{background:var(--gold-dim);color:var(--gold2)}.sb-prop{margin:10px 12px;padding:9px 12px;background:var(--gold-dim);border:1px solid rgba(201,149,28,.25);border-radius:8px;display:flex;align-items:center;gap:9px}.sb-prop-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:blink 2s infinite;flex-shrink:0}.sb-prop-name{font-size:11.5px;font-weight:600;color:var(--gold2)}.sb-prop-live{font-size:9.5px;color:#22c55ebf;margin-top:2px}.sb-top{flex:1;display:flex;flex-direction:column;overflow:hidden}.sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 0}.sb-group{padding:4px 0}.sb-group-label{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted2);padding:6px 16px 2px}.sb-item{display:flex;align-items:center;gap:9px;padding:8px 16px;font-size:13px;font-weight:400;color:#f5f0e873;cursor:pointer;transition:all .18s;border-left:2px solid transparent;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.sb-item:hover{color:#f5f0e8d1;background:var(--rim)}.sb-item--active{color:var(--gold2);background:var(--gold-dim);border-left-color:var(--gold);font-weight:500}.sb-icon{width:24px;height:24px;border-radius:6px;background:var(--rim);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.sb-item--active .sb-icon{background:#c9951c38}.sb-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sb-pip{font-size:10px;font-weight:700;padding:2px 6px;border-radius:9px;flex-shrink:0}.pip-red{background:#ef444440;color:#f87171}.pip-gold{background:var(--gold-dim);color:var(--gold2)}.pip-blue{background:var(--blue-dim);color:#7eb3ff}.pip-amber{background:var(--amber-dim);color:var(--amber)}.pip-green{background:var(--green-dim);color:var(--green)}.sb-foot{border-top:1px solid var(--rim);padding:12px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0}.sb-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:12px;color:var(--void);flex-shrink:0}.sb-user{flex:1;min-width:0}.sb-user-name{font-size:12.5px;font-weight:600;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-role{font-size:10px;color:var(--muted);margin-top:1px}.sb-logout{width:28px;height:28px;border-radius:7px;background:var(--rim);color:var(--muted);font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.sb-logout:hover{background:var(--red-dim);color:#f87171}.hos-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--void)}.hos-content{flex:1;overflow-y:auto;padding:24px}.shell--collapsed .sb-brand{justify-content:center;padding:18px 10px 14px}.shell--collapsed .sb-item{padding:8px;justify-content:center}.shell--collapsed .sb-foot{padding:12px 10px;justify-content:center}:root{--void: #09090b;--deep: #0f0f12;--surface: #141418;--surface2: #1c1c22;--surface3: #242430;--rim: rgba(255,255,255,.06);--rim2: rgba(255,255,255,.1);--gold: #c9951c;--gold2: #e8b84b;--gold3: #f5d07a;--gold-dim: rgba(201,149,28,.14);--cream: #f5f0e8;--cream2: #c8bfa8;--muted: #6b6878;--muted2: #4a4858;--green: #22c55e;--green-dim: rgba(34,197,94,.12);--red: #ef4444;--red-dim: rgba(239,68,68,.12);--amber: #f59e0b;--amber-dim: rgba(245,158,11,.12);--blue: #3b82f6;--blue-dim: rgba(59,130,246,.12);--teal: #14b8a6;--teal-dim: rgba(20,184,166,.12);--purple: #a855f7;--purple-dim: rgba(168,85,247,.12);--display: "Fraunces", Georgia, serif;--body: "DM Sans", system-ui, sans-serif;--mono: "DM Mono", "Courier New", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--body);background:var(--void);color:var(--cream);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rim2);border-radius:3px}a{text-decoration:none;color:inherit}button{font-family:var(--body);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--body);outline:none;font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes scaleIn{0%{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}60%{opacity:.3}}.fade-up{animation:fadeUp .3s cubic-bezier(.22,.68,0,1.15) both}.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);display:flex;align-items:center;gap:10px;margin-bottom:12px}.eyebrow:before{content:"";width:18px;height:1px;background:var(--gold);flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:6px;font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .2s;border:none}.btn-gold{background:var(--gold);color:var(--void)}.btn-gold:hover{background:var(--gold2)}.btn-ghost{background:var(--surface3);color:var(--cream2);border:1px solid var(--rim)}.btn-ghost:hover{border-color:var(--rim2);color:var(--cream)}.btn-green{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.3)}.btn-green:hover{background:var(--green);color:var(--void)}.btn-red{background:var(--red-dim);color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-red:hover{background:var(--red);color:#fff}.btn-amber{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,158,11,.3)}.btn-sm{padding:5px 12px;font-size:11px;border-radius:5px}.btn-xs{padding:4px 9px;font-size:10px;border-radius:4px}.btn:disabled{opacity:.5;cursor:not-allowed}.field{background:var(--surface2);border:1px solid var(--rim);border-bottom:2px solid var(--rim2);padding:9px 12px;font-size:13px;color:var(--cream);width:100%;transition:border-color .2s;border-radius:6px 6px 0 0}.field:focus{border-bottom-color:var(--gold)}.field option{background:var(--surface2)}.field-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:5px}.field-group{display:flex;flex-direction:column;gap:4px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.badge{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:5px;letter-spacing:.04em;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.b-green{background:var(--green-dim);color:var(--green)}.b-red{background:var(--red-dim);color:#f87171}.b-gold{background:var(--gold-dim);color:var(--gold2)}.b-amber{background:var(--amber-dim);color:var(--amber)}.b-blue{background:var(--blue-dim);color:#7eb3ff}.b-teal{background:var(--teal-dim);color:var(--teal)}.b-purple{background:var(--purple-dim);color:var(--purple)}.b-muted{background:var(--rim2);color:var(--muted)}.b-pulse:before{animation:pulse 2s infinite}.htbl{width:100%;border-collapse:collapse}.htbl th{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:9px 14px;text-align:left;background:#ffffff05;border-bottom:1px solid var(--rim)}.htbl td{padding:11px 14px;font-size:13px;border-bottom:1px solid var(--rim);color:#f5f0e8c7;vertical-align:middle}.htbl tr:last-child td{border-bottom:none}.htbl tr:hover td{background:var(--rim)}.td-sub{font-size:11px;color:var(--muted);margin-top:2px}.mono{font-family:var(--mono)}.card{background:var(--surface);border:1px solid var(--rim);border-radius:12px;overflow:hidden}.card-head{padding:14px 18px;border-bottom:1px solid var(--rim);display:flex;align-items:center;justify-content:space-between}.card-title{font-family:var(--display);font-size:14px;font-weight:600;color:var(--cream);letter-spacing:-.01em}.card-sub{font-size:11px;color:var(--muted);margin-top:2px}.card-body{padding:16px 18px}.kpi{background:var(--surface);border:1px solid var(--rim);border-radius:12px;padding:16px 18px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.kpi:hover{border-color:var(--rim2);box-shadow:0 0 30px #c9951c1a}.kpi:after{content:attr(data-g);position:absolute;right:-6px;bottom:-8px;font-size:52px;opacity:.055;pointer-events:none}.kpi-label{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.kpi-value{font-family:var(--display);font-size:28px;font-weight:600;color:var(--cream);margin-top:5px;line-height:1}.kv-gold{color:var(--gold2)}.kv-green{color:var(--green)}.kv-red{color:#f87171}.kv-blue{color:#7eb3ff}.kv-teal{color:var(--teal)}.kv-amber{color:var(--amber)}.kpi-trend{font-size:11.5px;font-weight:500;margin-top:5px;display:flex;align-items:center;gap:4px}.tr-up{color:var(--green)}.tr-dn{color:#f87171}.tr-fl{color:var(--muted)}.kpi-bar{height:3px;background:var(--rim2);border-radius:2px;margin-top:10px;overflow:hidden}.kpi-fill{height:100%;border-radius:2px;transition:width .9s cubic-bezier(.22,.68,0,1.2)}.prog{background:var(--rim2);border-radius:3px;height:5px;overflow:hidden}.pf{height:100%;border-radius:3px;transition:width .8s ease}.astrip{display:flex;align-items:flex-start;gap:11px;padding:11px 14px;border-radius:7px;margin-bottom:7px;border-left:2px solid}.astrip:last-child{margin-bottom:0}.as-crit{background:#ef444412;border-color:var(--red)}.as-warn{background:#f59e0b12;border-color:var(--amber)}.as-info{background:var(--blue-dim);border-color:var(--blue)}.as-ok{background:var(--green-dim);border-color:var(--green)}.as-title{font-size:12.5px;font-weight:600;color:var(--cream)}.as-desc{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.5}.as-time{font-size:10.5px;font-family:var(--mono);color:var(--muted2);margin-left:auto;white-space:nowrap}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px}.g21{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:18px}.g12{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin-bottom:18px}.barchart{display:flex;align-items:flex-end;gap:6px}.bc-bar{flex:1;border-radius:4px 4px 0 0;transition:height .7s cubic-bezier(.22,.68,0,1.2);position:relative;cursor:default;min-height:4px}.bc-bar:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:var(--surface3);color:var(--gold2);font-size:10.5px;font-weight:600;padding:4px 8px;border-radius:4px;white-space:nowrap;font-family:var(--mono);border:1px solid var(--rim);z-index:10;pointer-events:none}.bc-labels{display:flex;gap:6px;margin-top:5px}.bc-lbl{flex:1;text-align:center;font-size:10px;color:var(--muted)}.modal-ov{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;align-items:center;justify-content:center}.modal-ov.open{display:flex;animation:fadeIn .2s ease}.modal-box{background:var(--surface);border:1px solid var(--rim);border-radius:12px;width:480px;max-height:86vh;overflow-y:auto;animation:scaleIn .22s cubic-bezier(.22,.68,0,1.2)}.modal-hdr{padding:16px 20px 12px;border-bottom:1px solid var(--rim);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface);z-index:1}.modal-title{font-family:var(--display);font-size:16px;font-weight:600;color:var(--cream)}.modal-close{width:26px;height:26px;border-radius:6px;background:var(--rim);border:1px solid var(--rim2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;transition:all .15s}.modal-close:hover{background:var(--red-dim);color:#f87171}.modal-body{padding:18px 20px}.modal-foot{padding:12px 20px;border-top:1px solid var(--rim);display:flex;gap:8px;justify-content:flex-end;position:sticky;bottom:0;background:var(--surface)}.room-cell{aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid transparent;font-family:var(--mono)}.room-cell:hover{transform:scale(1.12);z-index:1;position:relative;box-shadow:0 4px 14px #00000080}.rc-occ{background:#c9951c38;border-color:#c9951c66;color:var(--gold2)}.rc-free{background:#22c55e24;border-color:#22c55e4d;color:var(--green)}.rc-dirty{background:#f59e0b24;border-color:#f59e0b4d;color:var(--amber)}.rc-maint{background:#ef444424;border-color:#ef44444d;color:#f87171}.rc-block{background:var(--rim2);border-color:var(--rim);color:var(--muted2)}.kds-card{background:var(--surface2);border:1px solid var(--rim);border-radius:8px;padding:14px;border-top:3px solid}.kds-urgent{border-top-color:var(--red)}.kds-cooking{border-top-color:var(--amber)}.kds-ready{border-top-color:var(--green);opacity:.65}.kds-table{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.kds-timer{font-family:var(--mono);font-size:22px;font-weight:500;margin-top:3px}.kds-timer.t-urgent{color:#f87171}.kds-timer.t-ok{color:var(--green)}.kds-items{margin:8px 0}.kds-item{font-size:12.5px;padding:4px 0;border-bottom:1px solid var(--rim);color:var(--cream2)}.kds-item:last-child{border:none}.shift{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-align:center}.s-am{background:#22c55e2e;color:var(--green)}.s-pm{background:#c9951c2e;color:var(--gold2)}.s-night{background:#3b82f62e;color:#7eb3ff}.s-off{background:var(--rim);color:var(--muted2)}.spinner{width:20px;height:20px;border:2px solid var(--rim2);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}.hos-toast{position:fixed;bottom:20px;right:20px;background:var(--surface3);color:var(--cream);padding:10px 18px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 8px 32px #00000080;z-index:2000;display:flex;align-items:center;gap:9px;max-width:340px;border-left:3px solid var(--gold);animation:fadeUp .3s ease}.tgl{position:relative;width:36px;height:20px;cursor:pointer;flex-shrink:0}.tgl input{opacity:0;width:0;height:0}.tgl-s{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--rim2);border-radius:10px;transition:.2s}.tgl-s:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--muted);left:3px;top:3px;transition:.2s}.tgl input:checked+.tgl-s{background:var(--gold)}.tgl input:checked+.tgl-s:before{transform:translate(16px);background:var(--void)}