.stats-page{display:flex;flex-direction:column;gap:var(--space-6)}.stats-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.stats-header__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary);margin:0}.stats-header__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.stats-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.stats-period-tabs{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.stats-period-tab{padding:var(--space-2) var(--space-4);background:transparent;border:none;border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:var(--tracking-wide);text-transform:uppercase}.stats-period-tab:last-child{border-right:none}.stats-period-tab:hover{background:var(--color-bg-surface-hover)}.stats-period-tab--active{background:var(--color-accent-primary-muted);color:var(--color-accent-primary)}.stats-date-input{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--text-xs);font-family:var(--font-mono);outline:none;transition:border-color var(--duration-fast) var(--ease-out);color-scheme:dark}.stats-date-input:focus{border-color:var(--color-accent-primary)}.stats-export-btn{padding:var(--space-2) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.stats-export-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-primary);background:var(--color-bg-surface-hover)}.stats-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.stats-kpi{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--duration-fast) var(--ease-out)}.stats-kpi:hover{border-color:var(--color-border-hover)}.stats-kpi__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:500}.stats-kpi__value{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);font-family:var(--font-display);line-height:1}.stats-kpi__trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);width:fit-content}.stats-kpi__trend--up{color:var(--color-success);background:var(--color-success-bg)}.stats-kpi__trend--down{color:var(--color-error);background:var(--color-error-bg)}.stats-kpi__trend--neutral{color:var(--color-text-muted);background:var(--color-bg-surface)}.stats-chart{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.stats-chart__title{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stats-chart__canvas{position:relative;height:260px;display:flex;align-items:flex-end;gap:2px;padding-left:50px;padding-bottom:30px}.stats-chart__y-axis{position:absolute;left:0;top:0;bottom:30px;width:48px;display:flex;flex-direction:column;justify-content:space-between;padding-right:var(--space-2)}.stats-chart__y-label{font-size:10px;color:var(--color-text-muted);font-family:var(--font-mono);text-align:right}.stats-chart__bars-container{flex:1;display:flex;align-items:flex-end;gap:3px;height:100%;border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);position:relative}.stats-chart__bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative;gap:0}.stats-chart__bar-row{display:flex;align-items:flex-end;gap:2px;width:100%;height:100%;justify-content:center}.stats-chart__bar{width:100%;max-width:40px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:2px;transition:all var(--duration-normal) var(--ease-out);cursor:pointer;position:relative}.stats-chart__bar:hover{filter:brightness(1.2)}.stats-chart__bar-label{font-size:9px;color:var(--color-text-muted);text-align:center;position:absolute;bottom:-24px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-mono)}.stats-chart__legend{display:flex;align-items:center;gap:var(--space-5);margin-top:var(--space-4);justify-content:center;flex-wrap:wrap}.stats-chart__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary)}.stats-chart__legend-dot{width:10px;height:10px;border-radius:var(--radius-sm);flex-shrink:0}.stats-tooltip{position:fixed;background:var(--color-bg-secondary);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-text-primary);pointer-events:none;z-index:var(--z-tooltip, 9999);box-shadow:var(--shadow-lg);white-space:nowrap;transform:translate(-50%,-100%);margin-top:-8px}.stats-tooltip__value{font-weight:600;color:var(--color-accent-primary);font-family:var(--font-display)}.stats-table-wrap{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.stats-table-wrap__title{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;padding:var(--space-5) var(--space-6) var(--space-3);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stats-table{width:100%;border-collapse:collapse}.stats-table th{text-align:left;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface)}.stats-table th:last-child,.stats-table td:last-child{text-align:right;padding-right:var(--space-6)}.stats-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-primary)}.stats-table tr:last-child td{border-bottom:none}.stats-table tr:hover td{background:var(--color-bg-surface)}.stats-table__name{font-weight:500}.stats-table__perf-bar{display:flex;align-items:center;gap:var(--space-2)}.stats-table__perf-track{flex:1;height:6px;background:var(--color-bg-surface);border-radius:var(--radius-full);overflow:hidden;max-width:120px}.stats-table__perf-fill{height:100%;background:var(--color-accent-primary);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.stats-table__perf-pct{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);min-width:36px;text-align:right}.stats-empty{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.stats-empty__icon{font-size:3rem;display:block;margin-bottom:var(--space-4);opacity:.3}.stats-empty__text{font-size:var(--text-sm)}@media(max-width:768px){.stats-kpis{grid-template-columns:1fr}.stats-header{flex-direction:column}.stats-controls{width:100%}.stats-chart__canvas{height:200px}}.server-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--color-bg-primary);overflow:hidden}.server-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;z-index:var(--z-sticky)}.server-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;min-height:0}.server-header__logo{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.server-header__logo span{color:var(--color-accent-primary)}.server-header__user{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.server-header__username{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase}.server-header__logout{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);cursor:pointer;font-family:var(--font-body);transition:all var(--duration-fast) var(--ease-out)}.server-header__logout:active{background:var(--color-bg-surface-hover)}.search-bar{padding:var(--space-3) var(--space-4);background:var(--color-bg-primary);flex-shrink:0}.search-bar__input{width:100%;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-3) var(--space-5);color:var(--color-text-primary);font-size:var(--text-base);font-family:var(--font-body);outline:none;transition:border-color var(--duration-fast) var(--ease-out);-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-bar__input:focus{border-color:var(--color-accent-primary)}.search-bar__input::placeholder{color:var(--color-text-muted)}.category-tabs{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;background:var(--color-bg-primary)}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;min-height:40px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.category-tab:active{transform:scale(.95)}.category-tab--active{background:var(--color-accent-primary);color:var(--color-bg-primary);border-color:var(--color-accent-primary);font-weight:600}.subcategory-chips{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0}.subcategory-chips::-webkit-scrollbar{display:none}.subcategory-chip{flex-shrink:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;min-height:32px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.subcategory-chip--active{background:var(--color-accent-primary-muted);color:var(--color-accent-primary);border-color:var(--color-border-accent)}.product-grid{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-3) var(--space-4);padding-bottom:100px;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);align-content:start}.product-grid--empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-12)}.product-tile{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);position:relative;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.product-tile--in-cart{border-color:var(--color-border-accent);background:var(--color-accent-primary-muted)}.product-tile__favorite{position:absolute;top:var(--space-2);right:var(--space-2);background:none;border:none;font-size:var(--text-base);cursor:pointer;padding:var(--space-1);line-height:1;opacity:.4;transition:opacity var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.product-tile__favorite--active{opacity:1}.product-tile__name{display:flex;align-items:center;gap:2px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);line-height:var(--leading-tight);padding-right:var(--space-8)}.product-tile__price{font-size:var(--text-lg);font-weight:600;color:var(--color-accent-primary);font-family:var(--font-display)}.product-tile__add-btn{width:100%;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface-hover);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-body);-webkit-tap-highlight-color:transparent}.product-tile__add-btn:active{background:var(--color-accent-primary);color:var(--color-bg-primary)}.product-tile__qty-controls{display:flex;align-items:center;gap:var(--space-1);width:100%}.product-tile__qty-btn{min-width:44px;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface-hover);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-body);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.product-tile__qty-btn:active{background:var(--color-accent-primary);color:var(--color-bg-primary)}.product-tile__qty-btn--minus{border-color:#f871714d}.product-tile__qty-btn--minus:active{background:var(--color-error)}.product-tile__qty-value{flex:1;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-accent-primary);font-family:var(--font-display)}.cart-float-btn{position:fixed;bottom:var(--space-6);left:var(--space-4);right:var(--space-4);min-height:56px;background:var(--color-accent-primary);color:var(--color-bg-primary);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xl),var(--shadow-glow);z-index:var(--z-overlay);transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;animation:slide-up var(--duration-slow) var(--ease-out) both}.cart-float-btn:active{transform:scale(.98)}.cart-float-btn__badge{background:#0003;border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:600}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:var(--z-modal);animation:fade-in .2s ease-out both}.cart-sheet{position:fixed;bottom:0;left:0;right:0;max-height:80vh;max-height:80dvh;background:var(--color-bg-secondary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);z-index:var(--z-modal);display:flex;flex-direction:column;animation:slide-up var(--duration-normal) var(--ease-out) both;overflow:hidden}.cart-sheet__handle{display:flex;justify-content:center;padding:var(--space-3) 0 var(--space-1);flex-shrink:0}.cart-sheet__handle-bar{width:40px;height:4px;background:var(--color-border-hover);border-radius:var(--radius-full)}.cart-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.cart-sheet__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0}.cart-sheet__clear{background:none;border:none;color:var(--color-error);font-size:var(--text-xs);cursor:pointer;font-family:var(--font-body);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-2)}.cart-sheet__items{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-3) var(--space-5)}.cart-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.cart-item__info{flex:1;min-width:0}.cart-item__name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item__price{font-size:var(--text-xs);color:var(--color-text-muted)}.cart-item__qty{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.cart-item__qty-btn{width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.cart-item__qty-value{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);min-width:24px;text-align:center}.cart-item__subtotal{font-size:var(--text-sm);font-weight:600;color:var(--color-accent-primary);min-width:60px;text-align:right;flex-shrink:0}.cart-item__note{width:100%;padding:var(--space-1) var(--space-2);margin-top:var(--space-1);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);font-family:var(--font-body);outline:none;box-sizing:border-box}.cart-item__note:focus{border-color:var(--color-accent-primary)}.cart-item__note::placeholder{color:var(--color-text-muted);opacity:.6}.cart-supplements{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border)}.cart-supplements__title{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:500;margin-bottom:var(--space-2)}.cart-supplements__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cart-supplement-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.cart-supplement-chip--active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-bg-primary)}.cart-supplement-chip__price{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.7}.cart-sheet__meta{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.cart-sheet__meta-row{display:flex;align-items:center;gap:var(--space-3)}.cart-sheet__meta-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:500;white-space:nowrap}.cart-sheet__table-input{width:72px;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-base);font-family:var(--font-mono);font-weight:600;text-align:center;outline:none;box-sizing:border-box}.cart-sheet__meta-hint{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.cart-sheet__note-row{width:100%}.cart-sheet__note-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-body);outline:none;box-sizing:border-box;resize:vertical;min-height:40px}.cart-sheet__note-input:focus{border-color:var(--color-accent-primary)}.cart-sheet__note-input::placeholder{color:var(--color-text-muted);opacity:.6}.cart-sheet__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);flex-shrink:0}.cart-sheet__total{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.cart-sheet__total-label{font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cart-sheet__total-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-accent-primary);font-family:var(--font-display)}.cart-sheet__submit{width:100%;min-height:52px;background:var(--color-accent-primary);color:var(--color-bg-primary);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;font-family:var(--font-body);cursor:pointer;letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.cart-sheet__submit:active{background:var(--color-accent-primary-hover);transform:scale(.98)}.cart-sheet__submit:disabled{opacity:.5;cursor:not-allowed}.order-confirmation{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-primary);z-index:var(--z-modal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-8);animation:fade-in var(--duration-slow) var(--ease-out) both}.order-confirmation__check{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-success-bg);border:2px solid var(--color-success);display:flex;align-items:center;justify-content:center;font-size:36px;animation:fade-in-scale var(--duration-slow) var(--ease-out) both;animation-delay:.2s}.order-confirmation__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary);text-align:center;margin:0}.order-confirmation__number{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-accent-primary);background:var(--color-accent-primary-muted);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-border-accent);letter-spacing:var(--tracking-wide)}.order-confirmation__total{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);font-family:var(--font-display)}.order-confirmation__total-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.order-confirmation__btn{width:100%;max-width:320px;min-height:52px;background:var(--color-accent-primary);color:var(--color-bg-primary);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;font-family:var(--font-body);cursor:pointer;letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-top:var(--space-4);-webkit-tap-highlight-color:transparent}.order-confirmation__btn:active{background:var(--color-accent-primary-hover)}.cart-offline-badge{position:fixed;bottom:calc(var(--space-6) + 64px);left:var(--space-4);right:var(--space-4);background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);text-align:center;z-index:var(--z-overlay);animation:slide-up var(--duration-normal) var(--ease-out) both}.snack-columns{display:flex;gap:var(--space-4);padding:var(--space-4);flex:1;min-height:0;overflow:hidden}.snack-column{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}@media(max-width:380px){.server-header{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.server-header__logo{font-size:.7rem;gap:var(--space-1)}.server-header__user{gap:var(--space-1)}.server-header__username{display:none}.server-header__logout{padding:var(--space-1) var(--space-2);font-size:.65rem}.server-header__history-btn{width:32px;height:32px;font-size:var(--text-xs)}.search-bar{padding:var(--space-2) var(--space-3)}.search-bar__input{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.category-tabs{padding:var(--space-1) var(--space-3);gap:var(--space-1)}.category-tab{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:36px}.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:var(--space-2) var(--space-3);padding-bottom:90px}.product-tile{padding:var(--space-2);gap:var(--space-1)}.product-tile__name{font-size:var(--text-xs);padding-right:var(--space-6)}.product-tile__price{font-size:var(--text-base)}.product-tile__add-btn{min-height:38px;font-size:var(--text-base)}.product-tile__qty-btn{min-width:38px;min-height:38px;font-size:var(--text-base)}.product-tile__favorite{min-width:36px;min-height:36px;font-size:var(--text-xs);top:var(--space-1);right:var(--space-1)}.cart-float-btn{bottom:var(--space-4);left:var(--space-3);right:var(--space-3);min-height:48px;font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.cart-sheet{max-height:85vh;max-height:85dvh}.cart-sheet__header{padding:var(--space-2) var(--space-4)}.cart-sheet__title{font-size:var(--text-lg)}.cart-sheet__items{padding:var(--space-2) var(--space-4)}.cart-sheet__footer{padding:var(--space-3) var(--space-4)}.cart-sheet__total-value{font-size:var(--text-xl)}.cart-sheet__submit{min-height:46px;font-size:var(--text-sm)}.cart-sheet__meta{padding:var(--space-2) var(--space-4)}.order-history__card{padding:var(--space-3)}.order-history__number{font-size:var(--text-base)}.order-history__content{padding:var(--space-3);gap:var(--space-4)}.order-history__deliver-btn{padding:var(--space-2);font-size:var(--text-xs)}}@media(max-width:479px){.snack-columns{flex-direction:column;gap:var(--space-2);padding:var(--space-2);flex:1;overflow-y:auto}.snack-column{flex:none;min-height:40dvh;max-height:50dvh;overflow-y:auto}.server-header{flex-wrap:wrap;gap:var(--space-2)}.server-header__logo{flex:1 1 auto;min-width:0}.server-header__user{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.product-grid{grid-template-columns:repeat(2,1fr)}.ready-detail__modal{max-width:100%;margin:0 var(--space-2);border-radius:var(--radius-md)}.ready-notification{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.ready-notification__text{font-size:var(--text-sm)}}@media(min-width:480px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:600px){.product-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.product-tile{padding:var(--space-4);min-height:110px}.product-tile__name{font-size:var(--text-sm)}.product-tile__price{font-size:var(--text-xl)}.server-header{padding:var(--space-3) var(--space-5)}.order-history__overlay{background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.order-history__panel{max-width:500px;max-height:80vh;border-radius:var(--radius-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-xl)}.order-history__header{border-radius:var(--radius-lg) var(--radius-lg) 0 0}}@media(min-width:768px){.product-grid{grid-template-columns:repeat(4,1fr)}.cart-sheet{max-width:480px;left:auto;border-top-left-radius:var(--radius-xl)}.server-header__logo{font-size:var(--text-base)}.cart-float-btn{max-width:480px;left:auto;right:var(--space-4)}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(5,1fr)}.server-header{padding:var(--space-3) var(--space-6)}}@media(min-width:1280px){.product-grid{grid-template-columns:repeat(6,1fr);max-width:1400px;margin:0 auto}}.delivered-toasts{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100001;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.delivered-toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#16a34af2;border-radius:var(--radius-full, 50px);color:#fff;font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);box-shadow:0 4px 20px #0006;animation:delivered-toast-anim 1.5s ease-out both;white-space:nowrap}.delivered-toast__icon{font-size:1rem}@keyframes delivered-toast-anim{0%{opacity:0;transform:translateY(-12px) scale(.95)}15%{opacity:1;transform:translateY(0) scale(1)}75%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.95)}}.ready-notifications{position:fixed;top:64px;left:0;right:0;z-index:99999;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);pointer-events:none}.ready-notifications__clear{align-self:flex-end;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);cursor:pointer;pointer-events:auto;font-family:var(--font-body)}.ready-notification{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#15803d;border:2px solid #22c55e;border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;cursor:pointer;pointer-events:auto;animation:slide-down .3s var(--ease-out) both}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ready-notification__icon{font-size:1.5rem;flex-shrink:0}.ready-notification__text{flex:1;font-size:var(--text-base);font-weight:600;color:#fff}.ready-notification__text strong{color:#bbf7d0}.ready-notification__close{background:none;border:none;color:#fff9;font-size:var(--text-base);cursor:pointer;padding:var(--space-2)}.ready-detail__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fade-in .15s ease-out}.ready-detail__modal{background:var(--color-bg-primary);border:2px solid #22c55e;border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slide-down .2s var(--ease-out) both}.ready-detail__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:#15803d;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ready-detail__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:#fff;margin:0}.ready-detail__close{background:none;border:none;color:#ffffffb3;font-size:var(--text-lg);cursor:pointer;padding:var(--space-1)}.ready-detail__status{padding:var(--space-3) var(--space-5);background:#dcfce7;color:#15803d;font-weight:700;font-size:var(--text-sm);text-align:center;letter-spacing:var(--tracking-wide);text-transform:uppercase}[data-theme=dark] .ready-detail__status{background:#22c55e26;color:#4ade80}.ready-detail__table{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.ready-detail__items{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);border-bottom:1px solid var(--color-border)}.ready-detail__item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.ready-detail__item-qty{font-family:var(--font-mono);font-weight:700;color:#22c55e;min-width:28px;flex-shrink:0}.ready-detail__item-name{flex:1;color:var(--color-text-primary);font-weight:500}.ready-detail__item-price{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.ready-detail__total{padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:700;color:var(--color-text-primary);text-align:right}.ready-detail__deliver-btn{display:block;width:calc(100% - var(--space-5) * 2);margin:var(--space-3) var(--space-5) var(--space-5);padding:var(--space-4);background:#15803d;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.ready-detail__deliver-btn:active{transform:scale(.97);background:#166534}.ready-detail__deliver-btn:disabled{opacity:.5;cursor:not-allowed}.ready-detail__close-btn{margin-top:var(--space-4);padding:var(--space-2) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer}.order-history__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--color-bg-primary);display:flex;flex-direction:column;animation:fade-in .2s ease-out}.order-history__panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.order-history__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.order-history__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.order-history__close{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-base);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center}.order-history__content{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.order-history__section-title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.order-history__card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.order-history__card--active{border-left:3px solid var(--color-accent-primary)}.order-history__card--past{opacity:.7}.order-history__card-header{display:flex;justify-content:space-between;align-items:center}.order-history__number{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.order-history__time{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.order-history__status{font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);display:inline-flex;align-self:flex-start}.order-history__status--pending{background:var(--color-warning-bg);color:var(--color-warning)}.order-history__status--ready{background:var(--color-success-bg);color:var(--color-success);animation:pulse-glow 1.5s ease-in-out infinite}.order-history__status--delivered{background:var(--color-accent-primary-muted);color:var(--color-accent-primary)}.order-history__status--done{background:var(--color-bg-surface);color:var(--color-text-muted)}.order-history__total{font-size:var(--text-sm);color:var(--color-text-secondary)}.order-history__deliver-btn{width:100%;padding:var(--space-3);background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700;font-family:var(--font-body);cursor:pointer;margin-top:var(--space-2);transition:all var(--duration-fast) var(--ease-out)}.order-history__deliver-btn:active{transform:scale(.97)}.order-history__cancel-btn{flex:1;padding:var(--space-2) var(--space-3);background:#f8717126;color:var(--color-error);border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.order-history__cancel-btn:active{transform:scale(.97)}.order-history__status--cancelled{color:var(--color-error);background:#f871711a}.order-history__status--refunded{color:#eab308;background:#eab30826}.order-history__empty{text-align:center;color:var(--color-text-muted);padding:var(--space-12);font-size:var(--text-sm)}.order-history__card-top{cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2)}.order-history__expand-icon{font-size:10px;margin-left:var(--space-2);color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.order-history__table{color:var(--color-text-muted)}.order-history__items{border-top:1px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);animation:fade-in .15s ease-out}.order-history__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.order-history__item-qty{font-family:var(--font-mono);font-weight:700;color:var(--color-accent-primary);min-width:28px;flex-shrink:0}.order-history__item-name{flex:1;color:var(--color-text-primary)}.order-history__item-price{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.server-header__history-btn{position:relative;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.server-header__history-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-success);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:pulse-glow 1.5s ease-in-out infinite}.server-header__history-btn--active{border-color:var(--color-success);color:var(--color-success);background:#4ade8014;animation:ready-btn-pulse 2s ease-in-out infinite}@keyframes ready-btn-pulse{0%,to{box-shadow:0 0 #4ade804d}50%{box-shadow:0 0 0 4px #4ade801a}}@media(hover:none)and (pointer:coarse){.server-header__logout,.server-header__history-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.cart-float-btn{min-height:52px}.cart-item__qty-btn{min-width:44px;min-height:44px}}@media(orientation:landscape)and (max-height:500px){.cart-sheet{max-height:100dvh;max-height:100vh;border-radius:0;top:0}.cart-sheet__handle{padding:var(--space-1) 0}.cart-sheet__header{padding:var(--space-2) var(--space-4)}.cart-sheet__title{font-size:var(--text-sm)}.cart-sheet__items{padding:var(--space-2) var(--space-4)}.cart-item{padding:var(--space-1) 0}.cart-sheet__meta{padding:var(--space-2) var(--space-4);gap:var(--space-2)}.cart-sheet__footer{padding:var(--space-2) var(--space-4)}.cart-sheet__total{margin-bottom:var(--space-2)}.cart-sheet__total-value{font-size:var(--text-lg)}.cart-sheet__submit{min-height:40px;font-size:var(--text-sm)}.cart-sheet__note-input{min-height:36px}}.kds-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--color-bg-primary);overflow:hidden;-webkit-user-select:none;user-select:none}.kds-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;z-index:10}.kds-header__logo{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);opacity:.5;display:flex;align-items:center;gap:var(--space-2)}.kds-header__logo span{color:var(--color-accent-primary)}.kds-header__controls{display:flex;align-items:center;gap:var(--space-4)}.kds-header__clock{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-text-secondary);letter-spacing:var(--tracking-wide)}.kds-header__ws-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kds-header__ws-dot--connected{background:var(--color-success);box-shadow:0 0 8px #4ade8080;animation:pulse-glow 2s ease-in-out infinite}.kds-header__ws-dot--disconnected{background:var(--color-error);box-shadow:0 0 8px #f8717180}.kds-header__sound-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xl);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);line-height:1;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.kds-header__sound-btn:hover{border-color:var(--color-border-hover)}.kds-header__sound-btn--active{color:var(--color-accent-primary);border-color:var(--color-border-accent)}.kds-header__left{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0}.kds-header__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.kds-header__status{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:var(--tracking-wide)}.kds-header__status--connected{color:var(--color-success)}.kds-header__status--disconnected{color:var(--color-error)}.kds-header__toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);cursor:pointer;font-family:var(--font-body);font-weight:500;transition:all var(--duration-fast) var(--ease-out);min-height:40px;display:flex;align-items:center;justify-content:center}.kds-header__toggle:active{border-color:var(--color-border-hover);background:var(--color-bg-surface-hover)}.kds-columns{flex:1;display:grid;grid-template-columns:3fr 2fr;gap:1px;background:var(--color-border);overflow:hidden;min-height:0}.kds-column{background:var(--color-bg-primary);display:flex;flex-direction:column;overflow:hidden;min-height:0}.kds-column__header{padding:var(--space-4) var(--space-6);text-align:center;flex-shrink:0;border-bottom:2px solid}.kds-column__header--pending{border-bottom-color:var(--color-warning);background:#fbbf240d}.kds-column__header--ready{border-bottom-color:var(--color-success);background:#4ade800d}.kds-column__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin:0;letter-spacing:var(--tracking-wide);text-transform:uppercase}.kds-column__title--pending{color:var(--color-warning)}.kds-column__title--ready{color:var(--color-success)}.kds-column__count{font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-body);margin-top:var(--space-1)}.kds-column__scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--space-4);padding-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.kds-column__scroll::-webkit-scrollbar{width:8px}.kds-column__scroll::-webkit-scrollbar-track{background:#ffffff08;border-radius:var(--radius-full)}.kds-column__scroll::-webkit-scrollbar-thumb{background:var(--color-accent-primary-muted);border-radius:var(--radius-full);border:1px solid transparent}.kds-column__scroll::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}.kds-column__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-lg);opacity:.4}.kds-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);animation:kds-slide-in var(--duration-normal) var(--ease-out) both}.kds-card--pending{border-left:4px solid var(--color-warning)}.kds-card--ready{border-left:4px solid var(--color-success)}.kds-card--done{opacity:.3;animation:kds-fade-out 1s ease-out both}.kds-card--cancelled{border:2px solid #ef4444!important;border-left:4px solid #ef4444!important;position:relative;animation:kds-cancelled-flash .6s ease-out}.kds-card--cancelled:after{content:"❌ ANNULÉE";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);font-size:1.4rem;font-weight:800;color:#ef4444;background:#000000b3;padding:8px 24px;border-radius:8px;border:2px solid #ef4444;z-index:10;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.kds-card--cancelled .kds-card__items,.kds-card--cancelled .kds-card__total,.kds-card--cancelled .kds-card__action{opacity:.3}@keyframes kds-cancelled-flash{0%{background:#ef44444d}50%{background:#ef444426}to{background:var(--color-bg-secondary)}}.kds-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.kds-card__number{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--color-text-primary);letter-spacing:var(--tracking-wide);display:flex;align-items:baseline;gap:var(--space-1)}.kds-card__table{font-size:1.3rem;color:var(--color-accent-primary);font-weight:600}.kds-card__meta{text-align:right;flex-shrink:0}.kds-card__server{font-size:var(--text-base);color:var(--color-accent-primary);font-weight:500}.kds-card__time{font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.kds-card__items{display:flex;flex-direction:column;gap:var(--space-1)}.kds-card__item{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0}.kds-card__item-qty{font-size:1.4rem;font-weight:700;color:var(--color-accent-primary);min-width:36px;text-align:right;font-family:var(--font-display)}.kds-card__item-name{font-size:1.3rem;color:var(--color-text-primary);font-weight:400}.kds-card__item-sep{color:var(--color-text-muted);font-size:1.1rem}.kds-card__total{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--color-accent-primary);text-align:right;padding-top:var(--space-2);border-top:1px dashed var(--color-border)}.kds-card__action{width:100%;min-height:64px;border:none;border-radius:var(--radius-md);font-size:var(--text-xl);font-weight:700;font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:var(--tracking-wider);transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.kds-card__action:active{transform:scale(.97)}.kds-card__action--ready{background:var(--color-success);color:#000}.kds-card__action--ready:hover{background:#5ee98e}.kds-card__action--done{background:var(--color-bg-surface-hover);color:var(--color-text-secondary);border:1px solid var(--color-border)}.kds-card__action--done:hover{background:var(--color-bg-surface);border-color:var(--color-border-hover)}@keyframes kds-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes kds-fade-out{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes kds-pulse-border{0%,to{border-color:var(--color-warning)}50%{border-color:#fbbf244d}}.kds-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--color-bg-primary);gap:var(--space-6);padding:var(--space-8)}.kds-auth__title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);text-align:center;margin:0}.kds-auth__subtitle{font-size:var(--text-base);color:var(--color-text-muted);text-align:center}.kds-auth__error{color:var(--color-error);font-size:var(--text-sm);background:var(--color-error-bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);border:1px solid rgba(248,113,113,.2)}@media(max-width:479px){.kds-header{padding:var(--space-2) var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.kds-header__logo{font-size:var(--text-sm)}.kds-header__clock{font-size:var(--text-base)}.kds-header__controls{gap:var(--space-2)}.kds-header__sound-btn{min-width:40px;min-height:40px;font-size:var(--text-base);padding:var(--space-1) var(--space-2)}.kds-columns{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.kds-column__header{padding:var(--space-2) var(--space-3)}.kds-column__title{font-size:var(--text-lg)}.kds-column__count{font-size:var(--text-xs)}.kds-column__scroll{padding:var(--space-2);gap:var(--space-2);padding-bottom:var(--space-4)}.kds-card{padding:var(--space-3);gap:var(--space-2);border-radius:var(--radius-md)}.kds-card__number{font-size:1.3rem}.kds-card__table{font-size:1rem}.kds-card__server{font-size:var(--text-sm)}.kds-card__time{font-size:var(--text-xs)}.kds-card__item-qty{font-size:1rem;min-width:28px}.kds-card__item-name{font-size:.9rem}.kds-card__item-sep{font-size:.85rem}.kds-card__total{font-size:1rem}.kds-card__action{min-height:48px;font-size:var(--text-base)}.kds-card--cancelled:after{font-size:1rem;padding:6px 16px}}@media(min-width:480px)and (max-width:767px){.kds-header{padding:var(--space-3) var(--space-4)}.kds-header__clock{font-size:var(--text-lg)}.kds-columns{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.kds-column__header{padding:var(--space-3) var(--space-4)}.kds-column__title{font-size:var(--text-xl)}.kds-column__scroll{padding:var(--space-3);gap:var(--space-3)}.kds-card{padding:var(--space-4);gap:var(--space-2)}.kds-card__number{font-size:1.5rem}.kds-card__item-qty{font-size:1.1rem;min-width:32px}.kds-card__item-name{font-size:1rem}.kds-card__total{font-size:1.1rem}.kds-card__action{min-height:52px;font-size:var(--text-lg)}}@media(min-width:768px)and (max-width:1023px){.kds-columns{grid-template-columns:3fr 2fr}.kds-column__header{padding:var(--space-3) var(--space-5)}.kds-column__title{font-size:var(--text-xl)}.kds-card__number{font-size:1.6rem}.kds-card__item-qty{font-size:1.2rem}.kds-card__item-name{font-size:1.1rem}.kds-card__action{min-height:56px;font-size:var(--text-lg)}}@media(min-width:1024px){.kds-card__number{font-size:2rem}.kds-card__item-qty{font-size:1.4rem}.kds-card__item-name{font-size:1.3rem}.kds-card__action{min-height:64px;font-size:var(--text-xl)}}@media(min-width:1440px){.kds-columns{grid-template-columns:3fr 2fr}.kds-card{padding:var(--space-6)}.kds-card__number{font-size:2.2rem}.kds-card__item-qty{font-size:1.5rem}.kds-card__item-name{font-size:1.4rem}}@media(hover:none)and (pointer:coarse){.kds-card__action{min-height:56px}.kds-header__sound-btn{min-width:48px;min-height:48px}.kds-column__scroll{scroll-snap-type:y proximity}.kds-card{scroll-snap-align:start}}[data-theme=light] .kds-column__header--pending{background:#d977060f;border-bottom-color:var(--color-warning)}[data-theme=light] .kds-column__header--ready{background:#16a34a0f;border-bottom-color:var(--color-success)}[data-theme=light] .kds-card{box-shadow:var(--shadow-sm)}[data-theme=light] .kds-card__action--ready{background:var(--color-success);color:#fff}[data-theme=light] .kds-card__action--ready:hover{background:#15803d}:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #111118;--color-bg-tertiary: #1a1a2e;--color-bg-surface: rgba(255, 255, 255, .03);--color-bg-surface-hover: rgba(255, 255, 255, .06);--color-bg-glass: rgba(26, 26, 46, .6);--color-accent-primary: #c9a96e;--color-accent-primary-hover: #d4b87e;--color-accent-primary-muted: rgba(201, 169, 110, .15);--color-accent-secondary: #f5f0e8;--color-text-primary: #e8e6e3;--color-text-secondary: #8b8b8b;--color-text-muted: #5a5a5a;--color-text-accent: #c9a96e;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-border-accent: rgba(201, 169, 110, .3);--color-success: #4ade80;--color-success-bg: rgba(74, 222, 128, .1);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .1);--color-error: #f87171;--color-error-bg: rgba(248, 113, 113, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px rgba(201, 169, 110, .15);--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .2em;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}[data-theme=light]{--color-bg-primary: #f5f3ef;--color-bg-secondary: #ffffff;--color-bg-tertiary: #ede9e2;--color-bg-surface: #ffffff;--color-bg-surface-hover: #f0ede7;--color-bg-glass: rgba(255, 255, 255, .85);--color-accent-primary: #a38540;--color-accent-primary-hover: #8b7035;--color-accent-primary-muted: rgba(163, 133, 64, .12);--color-accent-secondary: #3d3425;--color-text-primary: #1a1815;--color-text-secondary: #5c5750;--color-text-muted: #9e978d;--color-text-accent: #a38540;--color-border: rgba(0, 0, 0, .12);--color-border-hover: rgba(0, 0, 0, .22);--color-border-accent: rgba(163, 133, 64, .35);--color-success: #16a34a;--color-success-bg: rgba(22, 163, 74, .08);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .08);--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .14);--shadow-glow: 0 0 20px rgba(163, 133, 64, .15)}[data-theme=light] .btn-primary{color:#fff}[data-theme=light] .glass{background:var(--color-bg-glass);border-color:var(--color-border)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;touch-action:manipulation;overscroll-behavior:none}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior:none;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}#root{min-height:0;flex:1;display:flex;flex-direction:column}.login-wrapper{height:100vh;height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-5xl);font-weight:600}h2{font-size:var(--text-4xl);font-weight:600}h3{font-size:var(--text-3xl);font-weight:500}h4{font-size:var(--text-2xl);font-weight:500}h5{font-size:var(--text-xl);font-weight:500}h6{font-size:var(--text-lg);font-weight:500}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-primary-hover)}.glass{background:var(--color-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border)}.glass:hover{border-color:var(--color-border-hover)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.card:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);outline:none}.btn:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.btn-primary{background:var(--color-accent-primary);color:var(--color-bg-primary)}.btn-primary:hover{background:var(--color-accent-primary-hover);box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.btn-ghost:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-hover)}input[type=text],input[type=number],input[type=password],input[type=email],input[type=search],input[type=tel],input[type=url],select,textarea{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-out)}input:focus,select:focus,textarea:focus{border-color:var(--color-accent-primary);outline:none}[data-theme=light] select{color-scheme:light}.status-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);animation:pulse-glow 2s ease-in-out infinite}.status-dot.online{background:var(--color-success);box-shadow:0 0 8px #4ade8066}.status-dot.offline{background:var(--color-error);box-shadow:0 0 8px #f8717166}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fade-in var(--duration-slow) var(--ease-out) both}.animate-fade-in-scale{animation:fade-in-scale var(--duration-slow) var(--ease-out) both}.animate-slide-up{animation:slide-up var(--duration-slower) var(--ease-out) both}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}@media(max-width:1024px){:root{--text-5xl: 2.5rem;--text-4xl: 2rem}}@media(max-width:768px){:root{--text-5xl: 2.25rem;--text-4xl: 1.875rem;--text-3xl: 1.5rem}}@media(max-width:380px){:root{--text-5xl: 1.875rem;--text-4xl: 1.5rem;--text-3xl: 1.25rem;--text-2xl: 1.125rem;--space-4: 12px;--space-5: 16px;--space-6: 20px}}