:root{--primary: #533afd;--primary-deep: #4434d4;--primary-press: #2e2b8c;--primary-soft: #665efd;--primary-subdued: #b9b9f9;--brand-dark-900: #1c1e54;--ink: #0d253d;--ink-secondary: #273951;--ink-mute: #64748d;--ink-mute-2: #61718a;--on-primary: #ffffff;--canvas: #ffffff;--canvas-soft: #f6f9fc;--canvas-cream: #f5e9d4;--hairline: #e3e8ee;--hairline-input: #a8c3de;--ruby: #ea2261;--magenta: #f96bee;--lemon: #9b6829;--shadow-blue: #003770;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-huge: 64px;--font: "Inter", "SF Pro Display", system-ui, -apple-system, sans-serif;--shadow-1: rgba(0, 55, 112, .08) 0 1px 3px;--shadow-2: rgba(0, 55, 112, .08) 0 8px 24px, rgba(0, 55, 112, .04) 0 2px 6px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);font-weight:300;font-feature-settings:"ss01";color:var(--ink);background:var(--canvas-soft);min-height:100vh;position:relative}button{font-family:var(--font);cursor:pointer;border:none;background:none}.num{font-feature-settings:"tnum";letter-spacing:-.42px}.mesh{position:fixed;top:0;left:0;right:0;height:420px;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 90% at 8% 0%,var(--canvas-cream) 0%,transparent 60%),radial-gradient(ellipse 55% 80% at 32% 10%,#ffb787 0%,transparent 55%),radial-gradient(ellipse 60% 85% at 58% 0%,var(--primary-soft) 0%,transparent 55%),radial-gradient(ellipse 55% 80% at 82% 10%,var(--magenta) 0%,transparent 55%),radial-gradient(ellipse 50% 70% at 100% 0%,var(--ruby) 0%,transparent 55%),linear-gradient(180deg,var(--canvas-soft) 0%,var(--canvas-soft) 100%);opacity:.35;filter:blur(40px)}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}.back-link{font-size:14px;font-weight:400;color:var(--ink-mute);text-decoration:none}.back-link:hover{color:var(--primary)}.topbar__brand{display:flex;align-items:center;gap:var(--space-sm);font-size:15px;color:var(--ink);font-weight:400}.topbar__dot{width:8px;height:8px;border-radius:50%;background:var(--primary);display:inline-block}.topbar__sep{color:var(--ink-mute);margin:0 2px}.topbar__actions{display:flex;align-items:center;gap:var(--space-md)}.pill-tag{background:var(--primary-subdued);color:var(--primary-deep);font-size:10px;font-weight:400;letter-spacing:.1px;text-transform:uppercase;padding:4px 8px;border-radius:var(--radius-pill);font-feature-settings:"tnum"}.btn{font-size:16px;font-weight:400;line-height:1;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);transition:background .15s ease,transform .1s ease,opacity .15s ease}.btn--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 100%);color:var(--on-primary)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-deep) 0%,var(--primary-press) 100%)}.btn--primary:active:not(:disabled){transform:scale(.98)}.btn--primary:disabled{opacity:.4;cursor:not-allowed}.btn--ghost{background:var(--canvas);color:var(--ink-mute);border:1px solid var(--hairline);font-size:14px;padding:6px 14px}.btn--ghost:hover{border-color:var(--primary);color:var(--primary)}.btn--pay{width:100%;font-size:16px;padding:14px 16px}.layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 380px;gap:var(--space-xl);max-width:1280px;margin:0 auto;padding:var(--space-xxl) var(--space-xl) var(--space-huge)}@media (max-width: 960px){.layout{grid-template-columns:1fr}}.catalog__head{margin-bottom:var(--space-xl)}.catalog__title{font-size:32px;font-weight:300;letter-spacing:-.64px;line-height:1.1;margin:0 0 var(--space-xs)}.catalog__lead{font-size:15px;font-weight:300;color:var(--ink-mute);margin:0}.catalog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media (max-width: 700px){.catalog__grid{grid-template-columns:repeat(2,1fr)}}.product-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:left;box-shadow:var(--shadow-1);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.product-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-2)}.product-card:active{transform:scale(.98)}.product-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--on-primary)}.product-card__cat{font-size:10px;font-weight:400;letter-spacing:.1px;text-transform:uppercase;color:var(--ink-mute)}.product-card__name{font-size:15px;font-weight:400;color:var(--ink);line-height:1.3}.product-card__price{font-size:18px;font-weight:300;color:var(--primary-deep);font-feature-settings:"tnum";letter-spacing:-.42px}.ticket{display:flex;flex-direction:column;gap:var(--space-xl)}.ticket__panel{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:var(--space-lg)}.ticket__head{display:flex;align-items:baseline;justify-content:space-between}.ticket__title{font-size:20px;font-weight:300;letter-spacing:-.2px;margin:0}.ticket__count{font-size:13px;color:var(--ink-mute)}.ticket__items{display:flex;flex-direction:column;gap:var(--space-sm);min-height:60px;max-height:320px;overflow-y:auto}.ticket__empty{font-size:14px;color:var(--ink-mute);padding:var(--space-md) 0;margin:0}.ticket-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--hairline)}.ticket-item:last-child{border-bottom:none}.ticket-item__info{display:flex;flex-direction:column;gap:2px;min-width:0}.ticket-item__name{font-size:14px;font-weight:400;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-item__unit{font-size:12px;color:var(--ink-mute);font-feature-settings:"tnum"}.ticket-item__qty{display:flex;align-items:center;gap:6px}.qty-btn{width:22px;height:22px;border-radius:var(--radius-pill);background:var(--canvas-soft);color:var(--ink);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--hairline)}.qty-btn:hover{border-color:var(--primary);color:var(--primary)}.qty-value{font-size:14px;min-width:18px;text-align:center;font-feature-settings:"tnum"}.ticket-item__right{display:flex;align-items:center;gap:var(--space-sm)}.ticket-item__subtotal{font-size:14px;font-weight:400;min-width:64px;text-align:right}.remove-btn{color:var(--ink-mute);font-size:16px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill)}.remove-btn:hover{color:var(--ruby);background:#ea226114}.ticket__totals{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--hairline)}.ticket__row{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-secondary)}.ticket__row--total{padding-top:var(--space-sm);margin-top:var(--space-xs);border-top:1px solid var(--hairline);font-size:28px;font-weight:300;letter-spacing:-.4px;color:var(--ink)}.ticket__row--total .num{font-size:28px}.ticket__pay{display:flex;flex-direction:column;gap:var(--space-md)}.pay-method{display:flex;gap:var(--space-sm);background:var(--canvas-soft);padding:4px;border-radius:var(--radius-pill)}.pay-method__opt{flex:1;font-size:14px;font-weight:400;padding:8px 12px;border-radius:var(--radius-pill);color:var(--ink-mute);transition:background .15s ease,color .15s ease}.pay-method__opt.is-active{background:var(--canvas);color:var(--primary-deep);box-shadow:var(--shadow-1)}.history{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-1)}.history__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-md)}.history__title{font-size:18px;font-weight:300;margin:0}.history__total{font-size:14px;color:var(--ink-mute);font-feature-settings:"tnum"}.history__list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:240px;overflow-y:auto}.history__empty{font-size:13px;color:var(--ink-mute);margin:0}.history-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm);align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--hairline);font-size:13px}.history-row:last-child{border-bottom:none}.history-row__folio{color:var(--primary-deep);font-weight:400}.history-row__time{color:var(--ink-mute);font-feature-settings:"tnum"}.history-row__total{font-weight:400;font-feature-settings:"tnum";text-align:right}.history-row__method{font-size:10px;text-transform:uppercase;color:var(--ink-mute);letter-spacing:.1px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d253d80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:10;padding:var(--space-lg)}.modal-overlay.is-open{display:flex}.receipt{background:var(--canvas);border-radius:var(--radius-xl);padding:var(--space-xxl);max-width:420px;width:100%;box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:var(--space-md);max-height:88vh;overflow-y:auto}.receipt__badge{display:inline-flex;align-self:flex-start;background:var(--primary-subdued);color:var(--primary-deep);font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.1px;padding:4px 8px;border-radius:var(--radius-pill)}.receipt__title{font-size:26px;font-weight:300;letter-spacing:-.26px;margin:0}.receipt__title span{color:var(--primary-deep)}.receipt__meta{font-size:13px;color:var(--ink-mute);margin:0}.receipt__items{display:flex;flex-direction:column;gap:6px;padding:var(--space-md) 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.receipt-item{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-secondary)}.receipt-item .num{color:var(--ink)}.receipt__totals{display:flex;flex-direction:column;gap:6px}.receipt__row{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-secondary)}.receipt__row--total{font-size:32px;font-weight:300;letter-spacing:-.4px;color:var(--ink);padding-top:var(--space-sm);border-top:1px solid var(--hairline)}.receipt__row--total .num{font-size:32px}.receipt__method{font-size:14px;color:var(--ink-mute);margin:0}.receipt__method strong{color:var(--ink);font-weight:400;text-transform:capitalize}