.manager-button{border:1px solid #6a6a6a;background:transparent;color:#fff;padding:8px 10px;font:700 13px var(--font-heading);letter-spacing:.08em;cursor:pointer}.manager-button b{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:4px;border-radius:50%;background:var(--brand-accent)}.manager-panel{position:fixed;z-index:60;right:0;top:0;width:min(540px,100%);height:100vh;background:#f5f4f0;transform:translateX(110%);transition:transform .3s;box-shadow:-12px 0 50px #0004;display:flex;flex-direction:column}.manager-panel.show{transform:none}.manager-overlay{position:fixed;z-index:55;inset:0;background:#000a;opacity:0;pointer-events:none;transition:.3s}.manager-overlay.show{opacity:1;pointer-events:auto}.manager-head{padding:27px 28px 22px;background:var(--brand-surface);color:#fff;display:flex;justify-content:space-between}.manager-head p{margin:0 0 7px;color:var(--brand-accent);font:700 12px var(--font-heading);letter-spacing:.14em}.manager-head h2{margin:0;font:800 34px/.9 var(--font-heading);text-transform:uppercase}.manager-head .close{color:#fff}.manager-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#e2e1dc;border-bottom:1px solid #c7c6c0}.manager-summary div{padding:13px 17px;border-right:1px solid #c7c6c0}.manager-summary div:last-child{border:0}.manager-summary small{display:block;font:700 10px var(--font-heading);letter-spacing:.08em;color:#666}.manager-summary b{font:800 25px var(--font-heading)}.manager-orders{flex:1;overflow:auto;padding:18px}.manager-empty{text-align:center;color:#777;margin-top:120px}.manager-empty span{font-size:42px;color:var(--brand-accent)}.manager-empty p{font-weight:700;margin:12px}.manager-empty small{font-size:12px}.manager-order{background:#fff;border:1px solid #d6d4cc;border-left:4px solid var(--brand-accent);margin-bottom:13px;padding:17px}.manager-order.progress{border-left-color:#d69329}.manager-order.ready{border-left-color:#3d9162}.manager-order-head{display:flex;justify-content:space-between;align-items:center}.order-id{font:800 20px var(--font-heading)}.status{font:700 10px var(--font-heading);letter-spacing:.08em;padding:4px 6px;margin-left:8px;background:#f4e0db;color:var(--brand-accent)}.status.progress{background:#f7ebcf;color:#9a6918}.status.ready{background:#dcefe2;color:#267145}.manager-order-head>b{font-size:16px}.manager-meta{font-size:11px;color:#777;margin:6px 0 12px}.manager-order ul{margin:0;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;list-style:none}.manager-order li{display:flex;justify-content:space-between;font-size:12px;line-height:1.8}.wait-control{padding-top:14px}.wait-control>div:first-child{display:flex;justify-content:space-between;align-items:center}.wait-control label{font:700 11px var(--font-heading);letter-spacing:.08em}.wait-control output{font:800 18px var(--font-heading);color:var(--brand-accent)}.wait-control input{width:100%;accent-color:var(--brand-accent)}.wait-scale{display:flex;justify-content:space-between;font-size:10px;color:#777}.accept-order,.accepted-state button{width:100%;margin-top:12px;border:0;background:var(--brand-accent);color:#fff;padding:11px;font:700 14px var(--font-heading);letter-spacing:.08em;cursor:pointer}.accepted-state{display:flex;align-items:center;gap:12px;padding-top:13px}.accepted-state span{font-weight:700;color:#a06a18;white-space:nowrap}.accepted-state button{margin:0;background:var(--brand-raised)}.ready-state{color:#287346;font-size:13px;font-weight:700;padding-top:13px}@media(max-width:800px){.manager-button{padding:7px;font-size:12px}.manager-head{padding:23px 20px}.manager-summary div{padding:11px}.manager-orders{padding:12px}}