:root{--bg-deep: #0A0A0A;--bg-surface: #171717;--bg-elevated: #1F1F1F;--bg-card: #252525;--ember: #F97316;--ember-bright: #FB923C;--warm: #FBBF24;--warm-dim: #D97706;--text: #F5F5F5;--text-muted: #71717A;--text-dim: #3F3F46;--success: #10B981;--error: #F43F5E;--ember-glow: rgba(249, 115, 22, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh}#root{height:100vh;display:flex;flex-direction:column}.kds-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-surface);border-bottom:1px solid rgba(249,115,22,.1);flex-shrink:0}.kds-header h1{font-size:20px;font-weight:800;letter-spacing:-.5px}.kds-header h1 span{color:var(--ember)}.kds-stats{display:flex;gap:24px;font-size:13px;color:var(--text-muted)}.kds-stats .stat-value{font-weight:700;color:var(--text);font-size:18px;margin-right:4px}.kds-stats .stat-alert{color:var(--error)}.station-tabs{display:flex;gap:8px}.station-tab{padding:6px 16px;border-radius:8px;border:1px solid var(--text-dim);background:transparent;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.station-tab.active{background:var(--ember);border-color:var(--ember);color:var(--bg-deep)}.connection-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.connection-dot.disconnected{background:var(--error)}.kds-queue{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:16px 24px;overflow-y:auto;align-content:start}.order-card{background:var(--bg-surface);border:1px solid rgba(255,255,255,.04);border-radius:16px;overflow:hidden;transition:all .3s}.order-card.urgent{border-color:var(--error);box-shadow:0 0 20px #f43f5e26}.order-card.preparing{border-color:var(--warm-dim)}.order-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-elevated);border-bottom:1px solid rgba(255,255,255,.04)}.order-table{font-size:22px;font-weight:900;letter-spacing:-1px}.order-timer{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:6px;background:#ffffff0d}.order-timer.warning{color:var(--warm);background:#fbbf241a}.order-timer.critical{color:var(--error);background:#f43f5e26;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.order-id{font-size:11px;color:var(--text-muted);font-weight:500}.order-items{padding:10px 18px}.order-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.03)}.order-item:last-child{border-bottom:none}.item-info{flex:1}.item-qty{font-size:18px;font-weight:800;color:var(--ember);margin-right:10px;min-width:28px}.item-name{font-size:16px;font-weight:600}.item-notes{font-size:12px;color:var(--warm);margin-top:2px}.item-status-btn{padding:8px 14px;border-radius:8px;border:none;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.item-status-btn.pending{background:#f9731626;color:var(--ember)}.item-status-btn.pending:hover{background:var(--ember);color:var(--bg-deep)}.item-status-btn.preparing{background:#fbbf2426;color:var(--warm)}.item-status-btn.preparing:hover{background:var(--success);color:var(--bg-deep)}.item-status-btn.ready{background:#10b98126;color:var(--success)}.order-action{padding:12px 18px;border-top:1px solid rgba(255,255,255,.04)}.btn-ready-all{width:100%;padding:12px;border-radius:10px;border:none;background:var(--success);color:var(--bg-deep);font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s}.btn-ready-all:hover{box-shadow:0 0 30px #10b9814d;transform:translateY(-1px)}.kds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-size:18px;gap:12px}.kds-empty svg{opacity:.3}