:root{--shadow-sm: 0 1px 2px rgba(26, 23, 27, .07), 0 1px 3px rgba(26, 23, 27, .09);--shadow-md: 0 2px 6px rgba(26, 23, 27, .1), 0 6px 16px rgba(26, 23, 27, .08);--shadow-lg: 0 12px 32px rgba(26, 23, 27, .22), 0 4px 10px rgba(26, 23, 27, .12);--shadow-inset: inset 0 1px 3px rgba(26, 23, 27, .16);--accent-gradient: linear-gradient(135deg, #1c7690, #124a57);--accent-gradient-active: linear-gradient(135deg, #124a57, #0c3742)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow-x:hidden}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#cecabb;color:#1a171b;user-select:none;-webkit-user-select:none;touch-action:manipulation}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;box-shadow:var(--shadow-sm);position:relative;z-index:1}.app-header>div{min-width:0}.app-header h1{font-size:1.1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-subtitle{display:block;color:#656664;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;padding:24px;text-align:center}.token-input{width:min(320px,100%);padding:12px;border-radius:8px;border:1px solid #656664;background:#fff;color:#1a171b;font-size:1rem}button.primary{padding:14px 20px;border-radius:10px;border:none;background:var(--accent-gradient);color:#fff;font-size:1.05rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .08s ease,box-shadow .08s ease}button.primary:active:not(:disabled){background:var(--accent-gradient-active);transform:translateY(1px);box-shadow:none}button.primary:disabled{background:#656664;color:#cecabb;cursor:not-allowed;box-shadow:none}.cache-banner{background:#656664;color:#fff;padding:8px 16px;font-size:.85rem}.catalog-notice{background:#577f8f;color:#fff;padding:8px 16px;font-size:.85rem;display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-notice-dismiss{background:none;border:none;color:inherit;font-size:1.1rem;line-height:1;cursor:pointer;padding:0 4px}.app-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.kassa-menu{position:relative}.kassa-menu-button{padding:6px 12px;border-radius:8px;border:1px solid #656664;background:transparent;color:#1a171b;font-size:1rem;cursor:pointer}.kassa-menu-button:active{background:#cecabb}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39}.kassa-menu-panel{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:10px;box-shadow:var(--shadow-md);padding:6px;min-width:240px;z-index:40;display:flex;flex-direction:column;gap:2px}.kassa-menu-item,.kassa-menu-toggle{text-align:left;padding:10px 12px;border:none;background:transparent;border-radius:8px;font-size:1rem;color:#1a171b;cursor:pointer}.kassa-menu-item:active,.kassa-menu-toggle:active{background:#cecabb}.kassa-menu-toggle{display:flex;align-items:center;gap:10px;font-size:.95rem}.sync-status{display:flex;align-items:center;gap:8px;font-size:.85rem}.sync-status .dot{width:8px;height:8px;border-radius:50%}.sync-status.online .dot{background:#22c55e;box-shadow:0 0 5px #22c55eb3}.sync-status.offline .dot{background:#ef4444;box-shadow:0 0 5px #ef4444b3}.pending-badge{background:#656664;color:#fff;padding:2px 8px;border-radius:999px;border:none;font:inherit;font-size:.85rem;cursor:pointer}.queue-list{display:flex;flex-direction:column;gap:10px;max-height:50vh;overflow-y:auto}.queue-item{border:1px solid #656664;border-radius:10px;padding:10px 12px}.queue-item-header{display:flex;justify-content:space-between;gap:12px;font-weight:600}.queue-item-error{margin:6px 0 0;color:#b91c1c;font-size:.9rem}.queue-item-pending{margin:6px 0 0;color:#656664;font-size:.9rem}.catalog-layout{flex:1;display:grid;grid-template-columns:1fr 320px;gap:16px;padding:16px;overflow:hidden;min-height:0}.product-grid,.product-grid-groups,.cart{min-width:0;min-height:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;align-content:start;overflow-y:auto}.product-grid-groups{display:flex;flex-direction:column;gap:20px;overflow-y:auto;align-content:start}.product-group-heading{margin:0 0 10px;font-size:1.05rem;font-weight:700;color:#165e6f;padding-bottom:6px;border-bottom:1px solid #656664}.cart-mobile-toggle{display:none;align-items:center;justify-content:space-between;width:100%;border:none;background:none;padding:0 0 10px;margin:0;font:inherit;font-weight:600;color:#1a171b;cursor:pointer}@media (max-width: 720px){.catalog-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:12px;gap:12px}.cart-mobile-toggle{display:flex}.cart:not(.cart-expanded) h2,.cart:not(.cart-expanded) .cart-lines,.cart:not(.cart-expanded) .cup-counter{display:none}.cart-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:39}.cart.cart-expanded{position:fixed;left:12px;right:12px;bottom:12px;top:96px;z-index:40;box-shadow:0 -8px 32px #00000059}.product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}}.product-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;border-radius:12px;background:#fff;color:#1a171b;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .08s ease,box-shadow .08s ease}.product-button:active{background:#cecabb;transform:scale(.97);box-shadow:none}.product-name{font-weight:600;display:flex;align-items:center;gap:6px}.deposit-badge{color:#165e6f;flex-shrink:0}.product-price{color:#656664}.product-price-pin{display:block;color:#577f8f;font-size:.85em;font-weight:600}.cart{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:16px;box-shadow:var(--shadow-md)}.cart h2{margin-top:0}.cart-lines{flex:1;overflow-y:auto}.cart-empty{color:#656664}.cart-line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #656664}.cart-line-name{display:flex;flex-direction:column;gap:2px;min-width:0}.cup-counter{background:#cecabb;border:1px solid #656664;border-radius:10px;padding:10px 12px;margin-bottom:12px;box-shadow:var(--shadow-inset)}.cup-counter-label{font-weight:600;font-size:.9rem}.cup-counter-required{font-weight:400;color:#656664}.cup-counter-controls{display:flex;align-items:center;gap:10px;margin-top:6px}.cup-counter-controls span{min-width:1.5em;text-align:center;font-size:1.1rem;font-weight:700}.cup-counter-controls button{width:36px;height:36px;border-radius:8px;border:none;background:#fff;color:#1a171b;font-size:1.1rem;cursor:pointer}.cup-counter-note{margin-top:6px;font-size:.8rem}.cup-counter-note.fine{color:#b91c1c}.cup-counter-note.refund{color:#165e6f}.cart-line-qty{display:flex;align-items:center;gap:6px}.cart-line-qty button{width:28px;height:28px;border-radius:6px;border:none;background:#cecabb;color:#1a171b;font-size:1rem;cursor:pointer}.cart-total{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;padding:12px 0;border-top:1px solid #656664}.cart-total-pin{display:flex;justify-content:space-between;font-size:.9rem;color:#656664;padding-bottom:8px}.checkout-button,.payment-actions .primary,.payment-actions .secondary{padding:14px;border-radius:10px;border:none;font-size:1.1rem;cursor:pointer}.checkout-button{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm);transition:transform .08s ease,box-shadow .08s ease}.checkout-button:active:not(:disabled){background:var(--accent-gradient-active);transform:translateY(1px);box-shadow:none}.checkout-button:disabled{background:#656664;color:#cecabb;cursor:not-allowed;box-shadow:none}.payment-screen{max-width:480px;margin:24px auto;padding:0 16px;display:flex;flex-direction:column;gap:16px}.payment-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:24px 16px;z-index:50}.payment-modal{width:min(640px,100%);max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-lg)}.payment-modal h2{margin:0;font-size:1.6rem}.payment-summary-lines{display:flex;flex-direction:column;gap:4px;border-top:1px solid #656664;border-bottom:1px solid #656664;padding:14px 0}.payment-summary-line{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:1.2rem;padding:4px 0;min-width:0}.payment-summary-name{min-width:0;overflow-wrap:break-word}.payment-summary-amount{font-variant-numeric:tabular-nums}@media (max-width: 480px){.payment-modal{padding:20px}.payment-summary-line{font-size:1.05rem}}.payment-total{font-size:1.8rem;font-weight:700;text-align:center}.payment-actions{display:flex;flex-wrap:wrap;gap:12px}.payment-actions .primary{min-width:140px}.payment-choice{display:flex;flex-direction:column;gap:12px}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.payment-method-button{padding:18px 16px;border-radius:12px;border:none;background:var(--accent-gradient);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .08s ease,box-shadow .08s ease}.payment-method-button:active:not(:disabled){background:var(--accent-gradient-active);transform:translateY(1px);box-shadow:none}.payment-method-button:disabled{background:#656664;color:#cecabb;cursor:not-allowed;box-shadow:none}.payment-method-amount{display:block;font-weight:400;font-size:.85em;opacity:.85;margin-top:2px}.payment-cancel{width:100%;padding:12px;border-radius:10px;border:1px solid #656664;background:transparent;color:#1a171b;font-size:1rem;cursor:pointer}.payment-cancel:active{background:#cecabb}.payment-pin-status{text-align:center}.payment-pin-status p{margin:0 0 8px}.payment-actions .primary{flex:1;background:#165e6f;color:#fff}.payment-actions .primary:disabled{background:#656664;color:#cecabb;cursor:not-allowed}.payment-actions .secondary{background:#cecabb;color:#1a171b}.refund-screen h2{margin-bottom:12px}.refund-order-list,.refund-line-list{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto}.refund-order-row{display:flex;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:10px;border:1px solid #656664;background:#fff;color:#1a171b;font-size:1rem;cursor:pointer;text-align:left}.refund-order-row:active{background:#cecabb}.refund-authorizer-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.refund-authorizer{padding:10px 14px;border-radius:999px;border:1px solid #656664;background:#fff;color:#1a171b;cursor:pointer}.refund-authorizer.active{border-color:#165e6f;background:#165e6f;color:#fff}.loading-screen,.error-screen{display:flex;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center}