.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--dash-bg);padding:var(--sp-6)}.login-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--r-xl);padding:var(--sp-10);width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--sp-8);box-shadow:0 24px 64px #0006}.login-card__brand{display:flex;flex-direction:column;gap:var(--sp-1)}.login-card__logo{font-family:Georgia,serif;font-size:1.75rem;font-weight:700;color:var(--dash-text);letter-spacing:-.02em}.login-card__tagline{font-size:.8125rem;color:var(--dash-text-muted)}.login-form{display:flex;flex-direction:column;gap:var(--sp-5)}.login-form__group{display:flex;flex-direction:column;gap:var(--sp-2)}.login-form__label{font-size:.8125rem;font-weight:500;color:var(--dash-text-muted)}.login-form__input{width:100%;background:var(--dash-surface-2);border:1px solid var(--dash-border);border-radius:var(--r-md);padding:var(--sp-4);font-family:var(--font);font-size:.9375rem;color:var(--dash-text);outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.login-form__input::placeholder{color:var(--dash-text-dim)}.login-form__input:focus{border-color:var(--dash-forest-lit);box-shadow:0 0 0 3px #2d5a3d33}.login-form__error{font-size:.875rem;color:var(--dash-cancelled);background:#a6323214;border:1px solid rgba(166,50,50,.2);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.login-form__submit{width:100%;justify-content:center;padding:var(--sp-4);font-size:.9375rem}.login-card__hint{font-size:.8125rem;color:var(--dash-text-dim);text-align:center}.toast-container{position:fixed;top:var(--sp-6);right:var(--sp-6);z-index:300;display:flex;flex-direction:column;gap:var(--sp-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-4);background:var(--dash-surface-2);border:1px solid var(--dash-amber);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);box-shadow:0 8px 32px #0006;pointer-events:all;animation:toast-in .35s var(--ease-out) both;min-width:300px;max-width:380px}@keyframes toast-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.toast__icon{font-size:1.25rem;flex-shrink:0}.toast__body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.toast__title{font-weight:600;font-size:.9rem;color:var(--dash-text)}.toast__sub{font-size:.8125rem;color:var(--dash-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast__close{font-size:.75rem;color:var(--dash-text-dim);padding:var(--sp-1);flex-shrink:0;transition:color var(--dur) var(--ease)}.toast__close:hover{color:var(--dash-text)}.orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);height:60vh;color:var(--dash-text-muted);font-size:.9rem}.orders-connection{display:flex;align-items:center;gap:var(--sp-2);font-size:.8125rem;font-weight:500;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill)}.orders-connection--connected{background:#4caf6a1a;color:var(--dash-live)}.orders-connection--connecting{background:#c4763a1a;color:var(--dash-amber)}.orders-connection--disconnected{background:#a632321a;color:var(--dash-offline)}.orders-connection__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.orders-connection--connected .orders-connection__dot{animation:pulse-live 2s ease-in-out infinite}.orders-board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);align-items:start}.orders-column{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--r-lg);overflow:hidden;min-height:200px}.orders-column--pending{border-top:3px solid var(--dash-pending)}.orders-column--accepted{border-top:3px solid var(--dash-accepted)}.orders-column--preparing{border-top:3px solid var(--dash-preparing)}.orders-column--ready{border-top:3px solid var(--dash-ready)}.orders-column__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--dash-border)}.orders-column__title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dash-text-muted)}.orders-column__count{background:var(--dash-surface-2);color:var(--dash-text-muted);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--r-pill)}.orders-column__empty{padding:var(--sp-6) var(--sp-5);font-size:.8125rem;color:var(--dash-text-dim);text-align:center;font-style:italic}.order-card{margin:var(--sp-3) var(--sp-3) 0;background:var(--dash-surface-2);border:1px solid var(--dash-border);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);cursor:pointer;display:flex;flex-direction:column;gap:var(--sp-2);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.order-card:last-child{margin-bottom:var(--sp-3)}.order-card:hover{border-color:var(--dash-amber);transform:translateY(-1px)}.order-card--pending{border-left:3px solid var(--dash-pending)}.order-card--accepted{border-left:3px solid var(--dash-accepted)}.order-card--preparing{border-left:3px solid var(--dash-preparing)}.order-card--ready{border-left:3px solid var(--dash-ready)}.order-card--completed{opacity:.6}.order-card__top{display:flex;justify-content:space-between;align-items:center}.order-card__number{font-size:.875rem;font-weight:700;color:var(--dash-text)}.order-card__time{font-size:.75rem;color:var(--dash-text-dim)}.order-card__customer{font-size:.9rem;font-weight:500;color:var(--dash-text)}.order-card__items{font-size:.8125rem;color:var(--dash-text-muted)}.order-card__note{font-size:.75rem;color:var(--dash-amber-lit);background:#c4763a14;border-radius:var(--r-sm);padding:2px var(--sp-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-card__action{margin-top:var(--sp-1);align-self:flex-start}.orders-completed{margin-top:var(--sp-8);background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--r-lg)}.orders-completed summary{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);cursor:pointer;font-size:.875rem;font-weight:600;color:var(--dash-text-muted);text-transform:uppercase;letter-spacing:.06em;list-style:none}.orders-completed summary::-webkit-details-marker{display:none}.orders-completed summary:hover{color:var(--dash-text)}.orders-completed__list{display:flex;flex-direction:column;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-4)}.orders-completed .order-card{flex-direction:row;align-items:center;gap:var(--sp-6);margin:0}@media(max-width:1100px){.orders-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.orders-board{grid-template-columns:1fr}}.od__back{margin-bottom:var(--sp-6)}.od__layout{display:grid;grid-template-columns:1fr 280px;gap:var(--sp-6);align-items:start}.od__card{padding:var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-6)}.od__header{display:flex;align-items:flex-start;justify-content:space-between}.od__order-num{font-size:1.5rem;font-weight:700;color:var(--dash-text)}.od__placed{font-size:.8125rem;color:var(--dash-text-muted);margin-top:var(--sp-1)}.od__section{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-6);border-top:1px solid var(--dash-border)}.od__section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dash-text-muted)}.od__customer-name{font-size:1rem;font-weight:500;color:var(--dash-text)}.od__customer-phone{font-size:.9375rem;color:var(--dash-forest-lit)}.od__items{display:flex;flex-direction:column;gap:var(--sp-3)}.od__item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--sp-3) 0;border-bottom:1px solid var(--dash-border)}.od__item:last-of-type{border-bottom:none}.od__item-info{display:flex;gap:var(--sp-4);align-items:flex-start}.od__item-qty{font-size:.875rem;font-weight:700;color:var(--dash-amber);min-width:24px}.od__item-name{font-size:.9375rem;color:var(--dash-text);display:block}.od__item-custom{font-size:.8125rem;color:var(--dash-text-muted);display:block;margin-top:2px}.od__item-price{font-size:.9375rem;font-weight:500;color:var(--dash-text);white-space:nowrap}.od__total{display:flex;justify-content:space-between;font-weight:700;font-size:1rem;color:var(--dash-text);padding-top:var(--sp-3);border-top:1px solid var(--dash-border)}.od__note{font-size:.9375rem;color:var(--dash-amber-lit);background:#c4763a14;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md)}.od__allergens{background:#a632320f;border:1px solid rgba(166,50,50,.2);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5)}.od__allergen-line{font-size:.875rem;color:var(--dash-text)}.od__actions-card{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:var(--sp-6)}.od__action-btn{width:100%;justify-content:center;padding:var(--sp-4);font-size:.9375rem}.od__cancel-btn{width:100%;justify-content:center}.od__confirm{display:flex;flex-direction:column;gap:var(--sp-4)}.od__confirm p{font-size:.875rem;color:var(--dash-text-muted)}.od__confirm-btns{display:flex;gap:var(--sp-3)}.od__done-msg{font-size:.875rem;color:var(--dash-text-muted);text-align:center;padding:var(--sp-4)}@media(max-width:800px){.od__layout{grid-template-columns:1fr}.od__actions-card{position:static}}.menu-notice{display:flex;align-items:flex-start;gap:var(--sp-3);background:#c4763a14;border:1px solid rgba(196,118,58,.2);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-6);font-size:.875rem;color:var(--dash-text-muted)}.menu-notice a{color:var(--dash-amber-lit);text-decoration:underline}.menu-cats{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-6)}.menu-cats__btn{padding:var(--sp-2) var(--sp-5);border-radius:var(--r-pill);font-size:.875rem;font-weight:500;background:var(--dash-surface);border:1px solid var(--dash-border);color:var(--dash-text-muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.menu-cats__btn:hover{background:var(--dash-surface-2);color:var(--dash-text)}.menu-cats__btn--active{background:var(--dash-forest);border-color:var(--dash-forest);color:var(--dash-cream)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4)}.menu-item{padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);transition:border-color var(--dur) var(--ease)}.menu-item--unavailable{opacity:.5}.menu-item__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-4)}.menu-item__right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2)}.menu-item__name{font-size:1rem;font-weight:600;color:var(--dash-text)}.menu-item__category{font-size:.75rem;color:var(--dash-text-dim);margin-top:2px;display:block}.menu-item__price{font-size:1.125rem;font-weight:700;color:var(--dash-text);white-space:nowrap}.menu-item__desc{font-size:.875rem;color:var(--dash-text-muted);line-height:1.55}.menu-item__allergens{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.menu-item__allergen-label{font-size:.75rem;color:var(--dash-text-dim);font-weight:500}.menu-item__allergen-tag{display:inline-block;padding:2px var(--sp-3);background:#a632321a;color:var(--dash-cancelled);border-radius:var(--r-pill);font-size:.75rem;font-weight:500}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--dash-surface);border-right:1px solid var(--dash-border);display:flex;flex-direction:column;z-index:50;padding:var(--sp-6) 0}.sidebar__brand{display:flex;flex-direction:column;gap:2px;padding:0 var(--sp-6) var(--sp-6);border-bottom:1px solid var(--dash-border)}.sidebar__logo{font-family:Georgia,serif;font-size:1.25rem;font-weight:700;color:var(--dash-text);letter-spacing:-.01em}.sidebar__business{font-size:.75rem;color:var(--dash-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__live{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);margin:var(--sp-4) var(--sp-4) 0;border-radius:var(--r-md);font-size:.75rem;font-weight:500}.sidebar__live--connected{background:#4caf6a1a;color:var(--dash-live)}.sidebar__live--connecting{background:#c4763a1a;color:var(--dash-amber)}.sidebar__live--disconnected{background:#a632321a;color:var(--dash-offline)}.sidebar__live-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.sidebar__live--connected .sidebar__live-dot{animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.3}}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-6) var(--sp-4)}.sidebar__link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:.9rem;font-weight:500;color:var(--dash-text-muted);text-decoration:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);position:relative}.sidebar__link:hover,.sidebar__link--active{background:var(--dash-surface-2);color:var(--dash-text)}.sidebar__link--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--dash-amber);border-radius:0 var(--r-pill) var(--r-pill) 0}.sidebar__icon{font-size:1rem;flex-shrink:0}.sidebar__badge{margin-left:auto;background:var(--dash-amber);color:var(--dash-cream);font-size:.6875rem;font-weight:700;padding:1px 7px;border-radius:var(--r-pill);min-width:20px;text-align:center}.sidebar__footer{padding:var(--sp-6) var(--sp-6) 0;border-top:1px solid var(--dash-border);display:flex;flex-direction:column;gap:var(--sp-4)}.sidebar__user{display:flex;flex-direction:column;gap:2px}.sidebar__user-name{font-size:.875rem;font-weight:500;color:var(--dash-text)}.sidebar__user-email{font-size:.75rem;color:var(--dash-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__logout{display:flex;align-items:center;gap:var(--sp-2);font-size:.8125rem;color:var(--dash-text-dim);padding:var(--sp-2) 0;transition:color var(--dur) var(--ease)}.sidebar__logout:hover{color:var(--dash-offline)}:root{--dash-bg: #1C1C1C;--dash-surface: #252525;--dash-surface-2: #2E2E2E;--dash-border: #3A3A3A;--dash-text: #F0EBE1;--dash-text-muted: #9A9A8A;--dash-text-dim: #666660;--dash-forest: #2D5A3D;--dash-forest-lit: #3D7A52;--dash-amber: #C4763A;--dash-amber-lit: #E8975A;--dash-cream: #F5F0E8;--dash-pending: #C4763A;--dash-accepted: #4A90D9;--dash-preparing: #9B72CF;--dash-ready: #4CAF6A;--dash-completed: #666660;--dash-cancelled: #A63232;--dash-live: #4CAF6A;--dash-offline: #A63232;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--font: "Inter", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--dur: .2s;--sidebar-w: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);font-size:.9375rem;line-height:1.5;color:var(--dash-text);background:var(--dash-bg);overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}ul{list-style:none}.dash-layout{display:flex;min-height:100vh}.dash-main{flex:1;margin-left:var(--sidebar-w);padding:var(--sp-8);min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-8);padding-bottom:var(--sp-6);border-bottom:1px solid var(--dash-border)}.page-header h1{font-size:1.375rem;font-weight:600;color:var(--dash-text)}.page-header__sub{font-size:.8125rem;color:var(--dash-text-muted);margin-top:2px}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);font-size:.875rem;font-weight:500;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),opacity var(--dur) var(--ease);cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--dash-forest);color:var(--dash-cream)}.btn--primary:hover{background:var(--dash-forest-lit)}.btn--amber{background:var(--dash-amber);color:var(--dash-cream)}.btn--amber:hover{background:var(--dash-amber-lit)}.btn--ghost{background:var(--dash-surface-2);color:var(--dash-text)}.btn--ghost:hover{background:var(--dash-border)}.btn--danger{background:transparent;color:var(--dash-cancelled);border:1px solid var(--dash-cancelled)}.btn--danger:hover{background:#a632321f}.btn--sm{padding:var(--sp-2) var(--sp-4);font-size:.8125rem}.status-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:3px 10px;border-radius:var(--r-pill);font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge--pending{background:#c4763a26;color:var(--dash-pending)}.status-badge--accepted{background:#4a90d926;color:var(--dash-accepted)}.status-badge--preparing{background:#9b72cf26;color:var(--dash-preparing)}.status-badge--ready{background:#4caf6a26;color:var(--dash-ready)}.status-badge--completed{background:#66666026;color:var(--dash-completed)}.status-badge--cancelled{background:#a6323226;color:var(--dash-cancelled)}.card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--r-lg)}.spinner{width:32px;height:32px;border:2px solid var(--dash-border);border-top-color:var(--dash-forest-lit);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-16) var(--sp-8);text-align:center}.empty-state__icon{font-size:2.5rem;opacity:.4}.empty-state h3{font-size:1rem;color:var(--dash-text)}.empty-state p{font-size:.875rem;color:var(--dash-text-muted);max-width:280px}