.kitchen-card-wrapper{position:relative;margin-bottom:1rem;width:100%;max-width:600px}.swipe-indicator{position:absolute;inset:0;background:linear-gradient(90deg,#10b981,#059669);border-radius:12px;display:flex;align-items:center;justify-content:flex-start;padding-left:2rem;gap:.5rem;color:#fff;font-weight:600;pointer-events:none;z-index:0}.swipe-indicator .arrow{font-size:2rem;animation:slideRight .6s ease-in-out infinite}.swipe-indicator .next-status{font-size:1.1rem}@keyframes slideRight{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.kitchen-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;cursor:grab;user-select:none;position:relative;z-index:1;border-left:5px solid #ddd}.kitchen-card:active{cursor:grabbing}.kitchen-card.status-pending{border-left-color:#f59e0b}.kitchen-card.status-progress{border-left-color:#3b82f6}.kitchen-card.status-completed{border-left-color:#10b981}.kitchen-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-name{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.order-time{font-size:.875rem;color:#6b7280;font-weight:500}.status-badge{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-pending{background-color:#fef3c7;color:#d97706}.status-badge.status-progress{background-color:#dbeafe;color:#1e40af}.status-badge.status-completed{background-color:#d1fae5;color:#065f46}.kitchen-card-body{margin-bottom:1rem}.order-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.order-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:#f9fafb;border-radius:6px}.item-quantity{background-color:#374151;color:#fff;font-weight:700;font-size:.875rem;padding:.25rem .625rem;border-radius:6px;min-width:2.5rem;text-align:center}.item-name{font-size:1rem;color:#374151;font-weight:500}.no-items{color:#9ca3af;font-style:italic;text-align:center;padding:1rem}.kitchen-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:2px solid #f3f4f6}.total{display:flex;align-items:baseline;gap:.5rem}.total-label{font-size:.875rem;color:#6b7280;font-weight:500}.total-amount{font-size:1.5rem;font-weight:700;color:#1f2937}.payment-method{padding:.375rem .75rem;background-color:#f3f4f6;border-radius:6px;font-size:.875rem;color:#4b5563;font-weight:600;text-transform:capitalize}.swipe-hint{text-align:center;margin-top:.75rem;padding:.5rem;background-color:#f0fdf4;color:#15803d;font-size:.75rem;font-weight:600;border-radius:6px;border:1px dashed #86efac}.kitchen-card.updating{opacity:.6;pointer-events:none}.updating-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;z-index:10}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.updating-overlay span{color:#374151;font-weight:600;font-size:.875rem}@media (max-width: 640px){.kitchen-card{padding:1rem}.order-name{font-size:1.125rem}.total-amount{font-size:1.25rem}}.kitchen-view{max-width:1400px;margin:0 auto;padding:2rem 1rem;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e9f2)}.kitchen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 2px 12px #00000014}.kitchen-title-section{display:flex;flex-direction:column;gap:.25rem}.kitchen-title{font-size:2rem;font-weight:800;color:#1f2937;margin:0}.kitchen-subtitle{font-size:1rem;color:#6b7280;margin:0;font-weight:500}.refresh-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.refresh-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.refresh-button:active:not(:disabled){transform:translateY(0)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.auto-refresh-controls{background:#fff;padding:1.25rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1rem}.auto-refresh-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;font-weight:500}.pulse-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.interval-control{display:flex;flex-direction:column;gap:.5rem}.interval-label{font-size:.875rem;color:#374151;font-weight:500}.interval-label strong{color:#1f2937;font-weight:700;font-size:1rem}.interval-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#10b981,#3b82f6,#f59e0b);outline:none;-webkit-appearance:none;cursor:pointer}.interval-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0003;border:3px solid #3b82f6;transition:all .2s ease}.interval-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.interval-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.interval-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0003;border:3px solid #3b82f6;transition:all .2s ease}.interval-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.interval-slider::-moz-range-thumb:active{transform:scale(1.05)}.interval-markers{display:flex;justify-content:space-between;font-size:.75rem;color:#9ca3af;padding:0 .25rem;margin-top:.25rem}.interval-markers span{font-weight:600}.error-message{background-color:#fee2e2;color:#991b1b;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600;box-shadow:0 2px 8px #ef44441a}.error-icon{font-size:1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.spinner-large{width:60px;height:60px;border:5px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:#6b7280;font-size:1.125rem;font-weight:600}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014}.empty-icon{font-size:5rem;margin-bottom:1rem}.empty-state h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.empty-state p{color:#6b7280;font-size:1.125rem;margin:0}.orders-container{display:flex;flex-direction:column;gap:2rem}.orders-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #00000014}.section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid #f3f4f6}.section-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:.75rem}.count-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;min-width:2rem;text-align:center}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.instructions{background:#fff;border-radius:16px;padding:1.5rem;margin-top:2rem;box-shadow:0 2px 12px #00000014}.instructions h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.instructions ul{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.5rem}.instructions li{color:#4b5563;font-size:.9375rem;line-height:1.6}@media (max-width: 768px){.kitchen-view{padding:1rem .5rem}.kitchen-header{flex-direction:column;gap:1rem;align-items:stretch}.kitchen-title{font-size:1.5rem}.refresh-button{width:100%}.orders-grid{grid-template-columns:1fr;gap:1rem}.section-title{font-size:1.25rem}.instructions{padding:1rem}.interval-markers{font-size:.65rem}}@media (max-width: 480px){.kitchen-title{font-size:1.25rem}.kitchen-subtitle{font-size:.875rem}.auto-refresh-info{font-size:.75rem}.auto-refresh-controls{padding:1rem}.interval-label{font-size:.8125rem}.interval-markers span{font-size:.625rem}}