:root{--yellow:#f2bd18;--ink:#191812;--pearl:#fffdf5;--bg:#f2efe6;--line:#ded9cd;--muted:#777166;--red:#9f3226;--green:#1d704a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Arial,sans-serif}button,input,select,textarea{font:inherit}.staff-side{position:fixed;inset:0 auto 0 0;width:235px;background:var(--ink);color:white;padding:28px 22px;display:flex;flex-direction:column}.staff-logo{color:white;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-.07em}.staff-logo b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--yellow);color:var(--ink)}.staff-side nav{display:grid;gap:4px;margin-top:45px;overflow:auto}.staff-side nav a{color:#aaa79e;text-decoration:none;padding:10px 12px;border-radius:7px}.staff-side nav a:hover,.staff-side nav a.active{color:white;background:#302e27}.staff-person{margin-top:auto;padding-top:18px;border-top:1px solid #3c3931}.staff-person strong,.staff-person span,.staff-person a{display:block}.staff-person span,.staff-person a{color:#96938b;font-size:12px}.staff-person a{margin-top:8px}.staff-main{margin-left:235px;padding:36px clamp(22px,4vw,60px) 80px}.staff-main>header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:#896900;font-weight:700;margin:0 0 7px}.staff-main h1{font:400 42px/1 Georgia,serif;margin:0}.staff-main h2{font:400 27px/1.1 Georgia,serif;margin:0}.head-actions{display:flex;gap:8px}.head-actions a,.panel-title button{background:var(--yellow);padding:11px 14px;text-decoration:none;border:0;font-weight:700}.head-actions a.light{background:white;border:1px solid var(--line)}.notice{padding:12px 15px;margin:14px 0}.notice.success{background:#dff2e7;color:var(--green)}.notice.error{background:#ffe1dc;color:var(--red)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.metrics article,.staff-panel{background:white;border:1px solid var(--line)}.metrics article{padding:22px}.metrics span,.metrics small{color:var(--muted);display:block}.metrics strong{font:400 35px/1.3 Georgia,serif;display:block}.metrics .warn{background:#fff2bf}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.staff-panel{padding:23px;margin-bottom:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-title a{color:#735800;font-weight:700}.compact-list>a,.compact-list>article{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0;text-decoration:none}.compact-list a div,.compact-list article div{flex:1}.compact-list strong,.compact-list small{display:block}.compact-list small{color:var(--muted);font-size:12px}.dot{width:9px;height:9px;border-radius:50%;background:#999}.dot.new{background:#dbad12}.dot.preparing{background:#d55e32}.dot.ready{background:#39a366}.bars>div{display:grid;grid-template-columns:100px 1fr 80px;gap:10px;align-items:center;margin:15px 0}.bars i{height:10px;background:linear-gradient(90deg,var(--yellow) var(--w),#eee var(--w));border-radius:99px}.bars b{text-align:right}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:880px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #eeeade}td strong,td small{display:block}td small{color:var(--muted);font-size:11px}.inline{display:flex;gap:5px}.inline select,.inline button{padding:7px;border:1px solid var(--line);background:white}.inline button{background:var(--yellow)}.pill{display:inline-block;padding:5px 8px;background:#eee9dd;border-radius:99px;font-size:11px}.pill.paid{background:#dff2e7;color:var(--green)}.pill.pending,.pill.unpaid{background:#fff1be;color:#795d00}.text-btn{border:0;background:none;text-decoration:underline;font-size:12px}.danger{color:var(--red)!important}.kitchen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kitchen-card{background:white;border:2px solid var(--line);padding:19px;display:flex;flex-direction:column;min-height:320px}.kitchen-card.preparing{border-color:#d55e32}.kitchen-card.ready{border-color:#39a366}.kitchen-card>div:first-child{display:grid;grid-template-columns:1fr auto;gap:4px;border-bottom:1px solid var(--line);padding-bottom:12px}.kitchen-card>div span{font-size:11px;color:var(--muted)}.kitchen-card time{grid-column:2;grid-row:1/3}.kitchen-card ul{list-style:none;margin:10px 0;padding:0;flex:1}.kitchen-card li{padding:10px 0;border-bottom:1px solid #eee}.kitchen-card li small{display:block;color:var(--muted);margin-left:25px}.kitchen-card form button{width:100%;border:0;background:var(--yellow);padding:12px;font-weight:700}.empty-state{grid-column:1/-1;background:white;padding:80px;text-align:center}.empty-state b,.empty-state span{display:block}.decision{display:flex;gap:5px}.decision button{border:0;padding:7px;background:var(--yellow)}.stack{display:grid}.stack label,.modal label{display:grid;gap:5px;margin:8px 0;font-size:12px;font-weight:700}.stack input,.stack select,.modal input,.modal select,.modal textarea{width:100%;border:1px solid var(--line);padding:10px}.stack>button,.modal>button:last-child{border:0;background:var(--yellow);padding:11px;font-weight:700;margin-top:10px}.vertical-chart{height:280px;display:flex;align-items:end;gap:8px;padding-top:20px}.vertical-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center}.vertical-chart i{height:var(--h);width:65%;background:var(--yellow);min-height:2px}.vertical-chart span{font-size:9px;color:var(--muted);writing-mode:vertical-rl;margin-top:8px}.vertical-chart b{font-size:9px}.top-list{padding-left:22px}.top-list li{display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px 0;border-bottom:1px solid var(--line)}.top-list small{grid-column:1/-1;color:var(--muted)}details pre{white-space:pre-wrap;max-width:360px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}dialog{border:0;padding:0;width:min(480px,calc(100% - 20px))}dialog::backdrop{background:#111b}.modal{padding:30px;position:relative}.modal .close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:24px}.modal .danger-bg{background:var(--red);color:white}@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.kitchen-grid{grid-template-columns:1fr 1fr}}@media(max-width:780px){.staff-side{position:relative;width:100%;height:auto;display:block}.staff-side nav{grid-template-columns:repeat(3,1fr);margin-top:20px}.staff-person{display:none}.staff-main{margin:0;padding:25px 14px 70px}.staff-main>header{align-items:flex-start;flex-direction:column;gap:20px}.dash-grid,.kitchen-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.head-actions{width:100%}.head-actions a{flex:1;text-align:center}}@media(max-width:480px){.staff-side nav{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}.two{grid-template-columns:1fr}}

/* OneHub-inspired right operations rail */
:root{--yellow:#f4ad45;--ink:#2c1710;--pearl:#f3f2ee;--bg:#f3f2ee;--accent:#f04425;--orange:#e98c0b;--brown:#87301f}
body{font-family:"Segoe UI Variable","DM Sans",Arial,sans-serif;background:radial-gradient(circle at 10% 0,#f4ad4522,transparent 28%),var(--bg)}
.staff-side{inset:0 0 0 auto;background:linear-gradient(180deg,#2c1710,#5b2118);box-shadow:-18px 0 45px #44201620}.staff-side:before{content:"";height:118px;border-radius:19px;background:linear-gradient(#2c171077,#2c1710dd),url('/assets/hero-restaurant-poster-v2.jpg') center/cover;margin-bottom:8px}.staff-side nav{margin-top:18px}.staff-side nav a{font-size:13px;font-weight:600;letter-spacing:.015em;border-left:3px solid transparent}.staff-side nav a:hover,.staff-side nav a.active{background:#ffffff13;border-left-color:var(--yellow)}.staff-main{margin-left:0;margin-right:235px}.staff-person a{color:#f6c77c}.head-actions a,.panel-title button,.stack>button,.modal>button:last-child{border-radius:10px;background:linear-gradient(100deg,var(--orange),var(--accent));color:white}.metrics article,.staff-panel{border:0;border-radius:19px;box-shadow:0 14px 36px #6d421413}.mini-avatar{width:42px;height:42px;border-radius:13px;object-fit:cover;flex:0 0 auto}.mini-avatar.fallback{display:grid!important;place-items:center;background:var(--yellow);color:var(--brown);font-weight:800}.profile-page{width:min(980px,calc(100% - 32px));margin:42px auto}.profile-page>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.profile-page>header>a{background:var(--brown);color:white;padding:11px 14px;text-decoration:none;border-radius:10px}.profile-page h1{font:400 44px Georgia,serif;margin:0}.profile-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-avatar img,.profile-avatar span{width:92px;height:92px;border-radius:25px;object-fit:cover;display:grid;place-items:center;background:var(--yellow);font:42px Georgia,serif}.profile-single{max-width:620px;margin:auto}
@media(max-width:780px){.staff-side{position:relative;inset:auto}.staff-side:before{display:none}.staff-main{margin:0}.profile-panels{grid-template-columns:1fr}.profile-page>header{align-items:flex-start;gap:20px;flex-direction:column}}
.head-actions a.light{color:var(--brown)}

/* Left-side navigation requested for the final control layout */
.staff-side{inset:0 auto 0 0;box-shadow:18px 0 45px #44201620}.staff-main{margin-left:235px;margin-right:0}
@media(max-width:780px){.staff-side{position:relative;inset:auto}.staff-main{margin:0}}