:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8f7f0;--surface:#fff;--surface-muted:#efeee8;--tile:#f7f7f2;--border:#cfc3a6;--border-strong:#8b7a52;--text:#10120f;--muted:#463f2b;--gold:#ffc72c;--gold-dark:#8a6700;--red:#dc2b22;--red-dark:#b51d16;--green:#35b86f;--green-soft:#c9ffdc;--track:#e3e2dc}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--background);color:var(--text);margin:0;font-family:Avenir Next,Helvetica Neue,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.site-header{border-bottom:1px solid var(--border);background:#fbfaf5;justify-content:flex-start;align-items:center;min-height:58px;display:flex}.site-header-inner{width:100%;max-width:1520px;margin:0 auto;padding:8px 32px;display:flex}.brand{color:var(--gold);align-items:center;gap:10px;font-size:25px;font-weight:800;line-height:1;display:inline-flex}.brand-mark{background:var(--gold);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:26px;font-weight:700;display:inline-flex}.controller-page{grid-template-rows:auto auto minmax(0,1fr);gap:14px;width:100%;max-width:1520px;height:100%;min-height:0;margin:0 auto;padding:18px 32px 20px;display:grid;overflow:hidden}.controls-section{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:0;margin-bottom:12px;font-size:clamp(32px,3.2vw,44px);font-weight:900;line-height:.95}.order-actions,.bot-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.bot-actions{justify-content:flex-end;padding-bottom:1px}.control-button{border:1px solid var(--border-strong);min-height:48px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:17px;font-weight:500;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.control-button:focus-visible{outline-offset:3px;outline:3px solid #ffc72c80}.control-button:disabled{cursor:not-allowed;opacity:.55}.normal-order{background:#efeee8;min-width:228px}.normal-order:hover{background:#e6e4dc}.vip-order{border-color:var(--gold);background:var(--gold);color:#745800;min-width:196px}.vip-order:hover,.status-badge{background:#f3bd20}.remove-bot,.add-bot{color:#fff;border-color:#0000;min-width:98px;min-height:48px;font-weight:800}.remove-bot{background:var(--red)}.remove-bot:hover{background:var(--red-dark)}.add-bot{background:var(--gold-dark)}.add-bot:hover{background:#735600}.remove-bot span,.add-bot span{font-size:26px;line-height:0}.bots-section{min-width:0;min-height:0}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.section-heading h2{color:#3b321f;letter-spacing:.12em;text-transform:uppercase;font-size:18px;font-weight:900}.count-badge,.status-badge{text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;font-weight:900;line-height:1;display:inline-flex}.count-badge{min-height:30px;padding:0 13px;font-size:14px}.count-badge.neutral{border:1px solid var(--border);background:#f2f0e9}.count-badge.warning{background:var(--gold)}.count-badge.success{background:var(--green-soft)}.bot-strip{min-width:0;padding-bottom:6px;overflow:auto hidden}.bot-grid{gap:12px;width:max-content;display:flex}.bot-card{border:2px solid var(--gold);background:var(--surface-muted);border-radius:8px;flex-direction:column;flex:0 0 280px;justify-content:space-between;min-height:146px;padding:14px 16px;display:flex}.bot-card-top,.bot-name{align-items:center;display:flex}.bot-card-top{justify-content:space-between;gap:12px}.bot-name{gap:12px;font-size:17px;font-weight:500}.status-badge{color:#6a4d00;min-height:24px;padding:0 13px;font-size:12px}.status-badge.idle{color:#4f4939;background:#f4f2ea;border:1px solid #b7aa8b}.status-badge.processing{background:#f3bd20}.bot-work{gap:4px;display:grid}.bot-work span,.bot-card p,.order-label,.order-meta span{color:var(--muted);text-transform:uppercase;font-weight:900}.bot-work span{font-size:12px}.bot-work strong{align-items:center;gap:6px;font-size:24px;line-height:1;display:flex}.idle-work strong{color:#59513e}.bot-work .icon{width:23px;height:23px}.bot-work .icon-fill{color:var(--gold);stroke:#9f7900}.progress-track{background:var(--track);border-radius:999px;height:10px;overflow:hidden}.progress-track span{background:#bf0909;height:100%;display:block}.progress-track.idle span{background:#aaa18a;width:100%}.bot-card p{font-size:12px}.bot-card.idle{border-color:#b7aa8b}.empty-bot-list{border:1px dashed var(--border-strong);color:var(--muted);background:#fbfaf5;border-radius:8px;padding:20px;font-size:16px;font-weight:700}.order-empty-state{min-height:100%;color:var(--muted);text-align:center;align-content:center;justify-items:center;gap:10px;padding:28px;display:grid}.order-empty-state strong{color:#2c281c;font-size:24px;line-height:1.1}.order-empty-state p{max-width:280px;font-size:16px;font-weight:600;line-height:1.4}.empty-state-icon{border:1px solid var(--border);width:58px;height:58px;color:var(--gold-dark);background:#fbfaf5;border-radius:8px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.order-empty-state.complete .empty-state-icon{color:#0a8f44}.empty-state-icon .icon{width:30px;height:30px}.order-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:0;display:grid;overflow:hidden}.queue-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);background:#fbfaf5;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:13px 16px;display:flex}.panel-title{align-items:center;gap:14px;display:flex}.panel-title h2{letter-spacing:0;text-transform:uppercase;font-size:24px;font-weight:900}.queue-panel-body{min-height:0;overflow:hidden auto}.pending-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;padding:14px;display:grid}.order-tile{background:var(--tile);border-radius:8px;align-content:start;gap:7px;min-height:106px;padding:16px 18px;display:grid;position:relative;overflow:hidden}.order-tile:before{background:var(--border);content:"";width:5px;position:absolute;inset:0 auto 0 0}.order-tile.vip{background:#fffbea}.order-tile.vip:before{background:var(--gold)}.order-tile.complete:before{background:var(--green)}.order-tile.complete strong{color:#319a5b}.order-label{font-size:12px;display:block}.order-tile strong{font-size:25px;line-height:1;display:block}.order-meta{flex-wrap:wrap;gap:6px 14px;display:flex}.order-meta span{letter-spacing:.02em;gap:5px;font-size:12px;display:inline-flex}.order-meta b{color:var(--text);font-size:13px}.customer-type-badge,.order-status-badge{border:1px solid var(--border);min-height:20px;color:var(--muted);background:#fff;border-radius:6px;align-items:center;padding:1px 7px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.customer-type-badge.vip{color:#6d5200;background:#fff3bd;border-color:#d7a200}.customer-type-badge.normal{background:var(--surface-muted)}.order-status-badge.pending{color:#6d5200;background:#fff3bd;border-color:#d7a200}.order-status-badge.complete{background:var(--green-soft);color:#17653a;border-color:#35b86f}.complete-grid{grid-template-columns:repeat(3,minmax(145px,1fr));gap:12px;padding:14px;display:grid}.check-ring{color:#0aa84f;border:3px solid #0aa84f;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.check-ring .icon{width:18px;height:18px}.icon{color:currentColor;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;flex:none;width:24px;height:24px}.icon-fill{fill:currentColor}.bot-name .icon,.panel-title>.icon{color:var(--gold);stroke-width:2.8px}@media (max-width:1360px){.pending-grid,.complete-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width:1180px){.controls-section{flex-direction:column;align-items:flex-start;gap:12px}.bot-actions{justify-content:flex-start}}@media (max-width:760px){.site-header{min-height:54px}.site-header-inner{padding:10px 12px}.brand{font-size:22px}.brand-mark{width:36px;height:36px}.controller-page{gap:10px;padding:12px 12px 14px}.controls-section{gap:10px}.order-controls{width:100%}h1{margin-bottom:10px;font-size:30px}.order-actions,.bot-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;display:grid}.control-button,.normal-order,.vip-order,.remove-bot,.add-bot{min-width:0}.order-actions .control-button,.bot-actions .control-button{width:100%;min-height:42px;padding:0 10px;font-size:14px}.icon{width:20px;height:20px}.section-heading h2{font-size:15px}.bot-card{flex-basis:236px;min-height:132px;padding:12px 14px}.order-columns{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr;gap:10px}.pending-grid,.complete-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.panel-title h2{font-size:20px}.pending-grid,.complete-grid{gap:10px;padding:10px}.order-empty-state{padding:24px 18px}}@media (max-width:520px){.pending-grid,.complete-grid{grid-template-columns:1fr}}