@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-color:#000;--bg-secondary:#0a0a0a;--bg-card:#111;--bg-tertiary:#161616;--primary:#f59e0b;--primary-dim:#f59e0b26;--accent-new:#e5e7eb;--accent-blue:#3b82f6;--accent-ready:#10b981;--accent-hold:#f97316;--accent-urgent:#ef4444;--text-main:#f3f4f6;--text-dim:#71717a;--border:#1f1f1f;--border-bright:#2d2d2d;--font-family:"Space Grotesk", sans-serif;--radius-card:14px;--radius-btn:10px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;line-height:1.3;overflow:hidden}.kds-layout{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.kds-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-bright);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:64px;padding:0 1.25rem;display:flex}.kds-header-left{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.kds-title{letter-spacing:.06em;color:var(--text-main);font-size:1.1rem;font-weight:800;line-height:1.1}.kds-subtitle{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.kds-header-right{flex-shrink:0;align-items:center;gap:1.25rem;display:flex}.kds-connection{letter-spacing:.05em;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:700;display:flex}.kds-connection.connected{color:var(--accent-ready)}.kds-connection.disconnected{color:var(--accent-urgent)}.kds-clock{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--text-main);font-size:1.4rem;font-weight:800}.logout-btn{border:1px solid var(--border-bright);color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border-radius:8px;align-items:center;padding:7px;display:flex}.logout-btn:hover{color:var(--text-main);border-color:var(--text-dim)}.kds-filters{background:var(--bg-color);border:1px solid var(--border-bright);border-radius:10px;gap:4px;padding:4px;display:flex}.filter-btn{color:var(--text-dim);cursor:pointer;transition:var(--transition);letter-spacing:.03em;background:0 0;border:none;border-radius:7px;padding:7px 18px;font-family:inherit;font-size:.82rem;font-weight:700}.filter-btn:hover{color:var(--text-main)}.filter-btn.active{background:var(--bg-tertiary);color:var(--primary);border:1px solid var(--primary-dim)}.kds-kanban{flex:1;grid-template-columns:repeat(4,1fr);gap:1rem;min-height:0;padding:1rem;display:grid;overflow:hidden}.kds-column{background:var(--bg-secondary);border-radius:var(--radius-card);border:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.column-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;padding:.75rem 1rem}.column-title{align-items:center;gap:8px;display:flex}.column-title h2{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.column-count{background:var(--bg-secondary);border:1px solid var(--border-bright);color:var(--text-dim);border-radius:20px;margin-left:auto;padding:2px 8px;font-size:.78rem;font-weight:700}.column-content{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:.75rem;display:flex;overflow-y:auto}.column-empty{height:80px;color:var(--text-dim);letter-spacing:.04em;border:1px dashed var(--border-bright);border-radius:10px;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;display:flex}.column-loading{height:100px;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:.82rem;font-weight:600;display:flex}.loading-spinner{border:2px solid var(--border-bright);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.order-card{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius-card);transition:var(--transition);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.order-card.urgent{border-color:var(--accent-urgent);animation:2s ease-in-out infinite pulse-urgent}.order-card.on-hold{border-color:var(--accent-hold);opacity:.85}@keyframes pulse-urgent{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes flash-new{0%{box-shadow:0 0 #f59e0b99}50%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.order-card-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.order-table{font-size:1rem;font-weight:800;line-height:1}.order-id{opacity:.7;letter-spacing:.04em;margin-top:2px;font-size:.72rem;font-weight:600}.order-timer{align-items:center;gap:4px;font-size:1rem;font-weight:800;display:flex}.order-items{flex-direction:column;gap:0;padding:.75rem 1rem;display:flex}.item-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:6px 0;display:flex}.item-row:last-child{border-bottom:none}.item-qty{background:var(--bg-secondary);border:1px solid var(--border-bright);color:var(--primary);text-align:center;border-radius:6px;flex-shrink:0;min-width:38px;padding:2px 8px;font-size:.85rem;font-weight:800}.item-info{flex:1}.item-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.item-name{color:var(--text-main);font-size:.95rem;font-weight:600}.item-notes{color:var(--primary);align-items:center;gap:4px;margin-top:3px;font-size:.8rem;font-weight:600;display:flex}.special-instructions{background:var(--primary-dim);color:var(--primary);border:1px solid #f59e0b40;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:.8rem;font-weight:600;display:flex}.cat-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.68rem;font-weight:800}.cat-badge.food,.cat-badge.mains,.cat-badge.main,.cat-badge.main-course{color:var(--primary);background:#f59e0b26;border:1px solid #f59e0b4d}.cat-badge.drinks,.cat-badge.beverages,.cat-badge.beverage{color:var(--accent-blue);background:#3b82f626;border:1px solid #3b82f64d}.cat-badge.appetizers,.cat-badge.appetizer,.cat-badge.starters,.cat-badge.starter{color:#a855f7;background:#a855f726;border:1px solid #a855f74d}.cat-badge.desserts,.cat-badge.dessert{color:#ec4899;background:#ec489926;border:1px solid #ec48994d}.cat-badge.recommended,.cat-badge.specials,.cat-badge.special{color:var(--accent-ready);background:#10b98126;border:1px solid #10b9814d}.cat-badge{color:var(--text-dim);background:#71717a26;border:1px solid #71717a40}.order-actions{flex-wrap:wrap;gap:6px;padding:.6rem;display:flex}.btn-kds{text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:var(--radius-btn);transition:var(--transition);border:none;flex:1;min-width:80px;padding:.85rem .5rem;font-family:inherit;font-size:.8rem;font-weight:800}.btn-kds:active{opacity:.85;transform:scale(.96)}.btn-accept{background:var(--primary);color:#000}.btn-accept:hover{background:#d97706}.btn-ready{background:var(--accent-ready);color:#000}.btn-ready:hover{background:#059669}.btn-hold{background:var(--accent-hold);color:#000}.btn-hold:hover{background:#ea580c}.btn-served{background:var(--accent-blue);color:#000}.btn-served:hover{background:#2563eb}.btn-cancel{color:var(--accent-urgent);background:#ef444426;border:1px solid #ef44444d}.btn-cancel:hover{background:#ef444440}.pin-dots{gap:16px;display:flex}.pin-dot{border:2px solid var(--border-bright);border-radius:50%;width:18px;height:18px;transition:all .15s}.pin-dot.filled{background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px #f59e0b80}.pin-error{color:var(--accent-urgent);text-align:center;font-size:.8rem;font-weight:600}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.numpad-btn{aspect-ratio:1.4;background:var(--bg-secondary);border:1px solid var(--border-bright);color:var(--text-main);cursor:pointer;transition:var(--transition);border-radius:12px;justify-content:center;align-items:center;font-family:inherit;font-size:1.4rem;font-weight:700;display:flex}.numpad-btn:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.numpad-btn:active{transform:scale(.92)}.numpad-del{color:var(--accent-urgent);background:#ef44441a;border-color:#ef444433}.role-hints{text-align:center;border-top:1px solid var(--border);width:100%;padding-top:1rem}.role-hint-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;justify-content:center;align-items:center;gap:4px;margin-bottom:8px;font-size:.72rem;font-weight:700;display:flex}.role-hint-row{color:var(--text-dim);justify-content:center;gap:8px;padding:2px 0;font-size:.78rem;font-weight:500;display:flex}.role-hint-pin{color:var(--primary);letter-spacing:.1em;font-weight:800}.kds-error{text-align:center;min-height:100vh;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.kds-error h2{color:var(--text-main);font-size:1.4rem}.kds-error code{color:var(--primary);font-family:monospace}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.kds-user-info{color:var(--text-dim);align-items:center;gap:6px;margin-top:3px;font-size:.72rem;font-weight:600;display:flex}.kds-user-name{color:var(--text-main);font-weight:700}.kds-role-badge{background:var(--primary-dim);color:var(--primary);letter-spacing:.05em;text-transform:uppercase;border:1px solid #f59e0b4d;border-radius:20px;padding:1px 7px;font-size:.66rem;font-weight:800}.kds-column.drag-over{background:var(--bg-tertiary);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-dim);transition:var(--transition)}.column-empty.drag-over-hint{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.order-card[draggable=true]:active{opacity:.7;cursor:grabbing}.login-screen{background:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:20px;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:380px;padding:2.5rem 2rem;display:flex}.login-brand{text-align:center}.login-logo{background:var(--primary-dim);border:1px solid #f59e0b4d;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.login-title{letter-spacing:.1em;color:var(--text-main);font-size:1.3rem;font-weight:800}.login-subtitle{color:var(--text-dim);margin-top:4px;font-size:.82rem;font-weight:500}.login-form{flex-direction:column;gap:1rem;width:100%;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;font-size:.78rem;font-weight:700;display:flex}.login-input-wrap{position:relative}.login-input{background:var(--bg-secondary);border:1px solid var(--border-bright);width:100%;color:var(--text-main);transition:var(--transition);border-radius:10px;outline:none;padding:.85rem 1rem;font-family:inherit;font-size:.95rem}.login-input-wrap .login-input{padding-right:3rem}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.login-input:disabled{opacity:.5;cursor:not-allowed}.password-toggle{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-main)}.login-error{color:var(--accent-urgent);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:6px;padding:.65rem .85rem;font-size:.82rem;font-weight:600;display:flex}.login-submit-btn{background:var(--primary);color:#000;letter-spacing:.05em;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:10px;justify-content:center;align-items:center;margin-top:.5rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:800;display:flex}.login-submit-btn:hover:not(:disabled){background:#d97706}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{border:2px solid #0000004d;border-top-color:#000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}