@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:20px}.login-card{background:var(--surface);border:1px solid var(--border-color);border-radius:16px;padding:48px;max-width:420px;width:100%;box-shadow:0 4px 24px #00000014}.login-header{text-align:center;margin-bottom:40px}.login-header h1{color:var(--primary-color);font-size:1.75rem;font-weight:700;margin:0 0 8px}.login-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-group input{padding:14px 16px;background:#fafafa;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:Inter,sans-serif;transition:all .2s ease}.form-group input::placeholder{color:#0006}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #45bc5326}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;padding:12px 16px;color:#c62828;font-size:.875rem;text-align:center}.login-button{padding:14px 32px;background:var(--primary-color);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-button:hover:not(:disabled){background:#3da548;transform:translateY(-1px);box-shadow:0 4px 12px #45bc534d}.login-button:disabled{opacity:.6;cursor:not-allowed}.display-container{display:flex;min-height:100vh;background:var(--background)}.banner-section{width:30%;min-width:280px;display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--background)}.restaurant-info-section{flex:0 0 25%;display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,var(--primary-color) 0%,#2d8c3a 100%);border-radius:16px;box-shadow:0 4px 12px #45bc534d}.restaurant-logo{width:4rem;height:4rem;min-width:4rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);overflow:hidden}.logo-icon{font-size:1.5rem}.logo-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.restaurant-details{flex:1;min-width:0}.restaurant-name{color:#fff;font-size:1rem;font-weight:700;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tagline{color:#ffffffe6;font-size:.8rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carousel-section{flex:1;position:relative;overflow:hidden;background:#000;border-radius:16px;box-shadow:0 2px 8px #0000001a}.carousel-container{width:100%;height:100%;position:relative}.carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}.carousel-image.active{opacity:1}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background:#ffffffb3}.carousel-dot.active{background:#fff;transform:scale(1.2)}.orders-section{flex:1;display:flex;gap:20px;padding:24px;background:var(--background)}.order-column{flex:1;display:flex;flex-direction:column;background:var(--surface);border-radius:16px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f}.column-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:var(--appbar-bg);border-bottom:1px solid var(--border-color)}.column-header h2{flex:1;margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.status-icon{font-size:1.1rem}.order-count{background:#00000014;color:var(--text-primary);padding:4px 14px;border-radius:16px;font-size:.9rem;font-weight:600}.column-header.preparing .order-count{background:#fe724c26;color:var(--tertiary-color)}.column-header.ready .order-count{background:#45bc5326;color:var(--primary-color)}.order-list-table{flex:1;padding:16px;overflow-y:auto}.empty-state{text-align:center;color:var(--text-secondary);font-size:1rem;padding:48px}.orders-table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:10px 16px;color:var(--text-secondary);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.order-row{transition:all .2s ease}.order-row td{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.order-row.preparing{background:#fe724c0f}.order-row.ready{background:#45bc530f}.order-number-cell{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.order-type-cell{color:var(--text-secondary);font-size:.85rem}.order-status-cell{text-align:right}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge.pending,.status-badge.confirmed{background:#ffc52933;color:#b8860b}.status-badge.preparing{background:#fe724c33;color:#d84315}.status-badge.ready,.status-badge.readyForPickup,.status-badge.ready_for_pickup{background:#45bc5333;color:#2e7d32}@keyframes pulse-row{0%,to{background:#45bc530f}50%{background:#45bc531f}}.pulse-row{animation:pulse-row 2s infinite}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #45BC53;--secondary-color: #FFC529;--tertiary-color: #FE724C;--error-color: #f44336;--background: #f8f8fc;--surface: #ffffff;--card: #ffffff;--text-primary: #212121;--text-secondary: rgba(0, 0, 0, .6);--border-color: #DCDCDC;--appbar-bg: #F1F9F2;--success-color: #45BC53;--warning-color: #FFC529;--preparing-color: #FE724C}html{font-size:clamp(12px,1vw,16px)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text-primary)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background);gap:24px}.loading-screen p{color:var(--text-secondary);font-size:1.1rem}.loader{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}