.header{position:sticky;top:0;z-index:var(--z-dropdown);display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header__left,.header__right{width:48px;display:flex;align-items:center}.header__right{justify-content:flex-end}.header__title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);text-align:center;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__back-btn,.header__cart-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);color:var(--text-primary);transition:all var(--transition-fast)}.header__back-btn:hover,.header__cart-btn:hover{background:var(--bg-secondary)}.header__back-btn:active,.header__cart-btn:active{transform:scale(.95)}.header__cart-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;background:var(--color-primary);color:var(--text-inverse);font-size:11px;font-weight:600;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;animation:scaleIn var(--transition-fast) ease-out}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-dropdown);display:flex;align-items:stretch;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:0 -2px 10px #0000000d}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--spacing-xs) 0;color:var(--text-tertiary);transition:all var(--transition-fast)}.bottom-nav__item.active{color:var(--color-primary)}.bottom-nav__item:active{transform:scale(.95)}.bottom-nav__icon{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.bottom-nav__icon svg{transition:transform var(--transition-fast)}.bottom-nav__item.active .bottom-nav__icon svg{transform:scale(1.1)}.bottom-nav__badge{position:absolute;top:-2px;right:-6px;min-width:16px;height:16px;padding:0 4px;background:var(--color-primary);color:var(--text-inverse);font-size:10px;font-weight:600;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center}.bottom-nav__label{font-size:11px;font-weight:500}.bottom-nav__item.active .bottom-nav__label{font-weight:600}.home-page{background:var(--bg-secondary)}.home-hero{position:relative;padding:var(--spacing-lg) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary) 0%,#ff8f4d 100%);color:var(--text-inverse);overflow:hidden}.home-hero__content{position:relative;z-index:1}.home-hero__greeting{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.home-hero__subtitle{font-size:var(--font-size-md);opacity:.9}.home-hero__decoration{position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.home-hero__decoration:after{content:"";position:absolute;top:60%;left:-50%;width:150px;height:150px;background:#ffffff14;border-radius:50%}.home-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-md);margin-top:-20px;position:relative;z-index:1}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.quick-action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.quick-action-card:active{transform:translateY(0)}.quick-action-card--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverse)}.quick-action-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:var(--border-radius-full)}.quick-action-card--primary .quick-action-card__icon{background:#fff3}.quick-action-card__label{font-size:var(--font-size-md);font-weight:600}.home-section{padding:var(--spacing-md)}.home-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.store-info-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.store-info-card__row{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.store-info-card__row:not(:last-child){border-bottom:1px solid var(--border-color)}.store-info-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);color:var(--color-primary);border-radius:var(--border-radius-md);flex-shrink:0}.store-info-card__content{display:flex;flex-direction:column;gap:2px}.store-info-card__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.store-info-card__value{font-size:var(--font-size-md);color:var(--text-primary);font-weight:500}.home-popular{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.home-popular__item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast);border:none;text-align:center}.home-popular__item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.home-popular__img{width:72px;height:72px;border-radius:var(--border-radius-md);overflow:hidden}.home-popular__img img{width:100%;height:100%;object-fit:cover}.home-popular__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-tertiary)}.home-popular__name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.home-popular__price{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.home-share-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-primary);border:1px dashed var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-primary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.home-share-btn:hover{background:rgba(var(--color-primary-rgb, 234, 88, 12),.05)}.delivery-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.delivery-info__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.delivery-info__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);flex-shrink:0}.delivery-info__icon--pickup{background:linear-gradient(135deg,#22c55e,#16a34a);color:var(--text-inverse)}.delivery-info__icon--delivery{background:linear-gradient(135deg,#3b82f6,#2563eb);color:var(--text-inverse)}.delivery-info__content{display:flex;flex-direction:column;gap:2px}.delivery-info__title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.delivery-info__desc{font-size:var(--font-size-sm);color:var(--text-secondary)}.customization-selector{display:flex;flex-direction:column;gap:var(--spacing-md)}.customization-group{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md)}.customization-group:last-child{border-bottom:none}.customization-group__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.customization-group__title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.customization-group__required{font-size:var(--font-size-xs);color:#fff;background:var(--color-error);padding:1px 6px;border-radius:var(--border-radius-full);font-weight:500}.customization-group__hint{font-size:var(--font-size-xs);color:var(--text-tertiary)}.customization-group__options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.customization-option{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.customization-option input{display:none}.customization-option:hover{border-color:var(--color-primary)}.customization-option.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.customization-option__name{white-space:nowrap}.customization-option__price{font-size:var(--font-size-xs);opacity:.8}.product-card--disabled{opacity:.7;cursor:not-allowed}.product-card__original-price{text-decoration:line-through;color:var(--text-tertiary);font-size:var(--font-size-sm);margin-right:4px}.product-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-gray-100) 100%);color:var(--color-primary)}.product-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#00000080;display:flex;align-items:flex-end;animation:fadeIn var(--transition-fast) ease-out}.product-modal{width:100%;max-height:85vh;background:var(--bg-primary);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom));overflow-y:auto;animation:slideUp var(--transition-normal) ease-out}.product-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.product-modal__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.product-modal__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);color:var(--text-secondary);transition:all var(--transition-fast)}.product-modal__close:hover{background:var(--bg-secondary)}.product-modal__info{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.product-modal__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.product-modal__price{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);white-space:nowrap}.product-modal__section{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.product-modal__section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.product-modal__options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.product-modal__option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-fast)}.product-modal__option input{display:none}.product-modal__option.active{background:var(--color-primary-100);border-color:var(--color-primary);color:var(--color-primary)}.product-modal__option-name{font-size:var(--font-size-sm)}.product-modal__option-price{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:500}.product-modal__notes{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);resize:none;outline:none;transition:border-color var(--transition-fast)}.product-modal__notes:focus{border-color:var(--color-primary)}.product-modal__quantity{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0}.product-modal__quantity-label{font-size:var(--font-size-md);font-weight:500;color:var(--text-primary)}.product-modal__add-btn{margin-top:var(--spacing-md)}.menu-page{background:var(--bg-secondary)}.menu-search{padding:var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.menu-search__input-wrapper{position:relative;display:flex;align-items:center}.menu-search__icon{position:absolute;left:var(--spacing-md);color:var(--text-tertiary);pointer-events:none}.menu-search__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 28px);padding-right:var(--spacing-xl);font-size:var(--font-size-md);border:1px solid var(--border-color);border-radius:var(--border-radius-full);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast);outline:none}.menu-search__input::placeholder{color:var(--text-tertiary)}.menu-search__input:focus{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.menu-search__clear{position:absolute;right:var(--spacing-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--border-radius-full);transition:all var(--transition-fast)}.menu-search__clear:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.menu-categories{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-primary);overflow-x:auto;border-bottom:1px solid var(--border-color)}.menu-category-tag{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--border-radius-full);white-space:nowrap;transition:all var(--transition-fast)}.menu-category-tag:hover{background:var(--bg-tertiary)}.menu-category-tag.active{background:var(--color-primary);color:var(--text-inverse)}.menu-products{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-md)}.product-skeleton{background:var(--bg-primary);border-radius:var(--border-radius-lg);overflow:hidden}.product-skeleton__image{width:100%;aspect-ratio:4 / 3}.product-skeleton__content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.product-skeleton__title{height:20px;width:70%}.product-skeleton__desc{height:14px;width:100%}.product-skeleton__price{height:24px;width:40%;margin-top:var(--spacing-sm)}.menu-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--text-tertiary);text-align:center}.menu-empty svg{opacity:.5}.menu-empty p{font-size:var(--font-size-md)}.cart-page{background:var(--bg-secondary)}.cart-page .page-content{padding-bottom:calc(180px + env(safe-area-inset-bottom))}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;min-height:60vh}.cart-empty__icon{color:var(--color-gray-300)}.cart-empty__title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.cart-empty__description{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.cart-section{background:var(--bg-primary);padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.cart-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.cart-section__title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.cart-clear-btn{font-size:var(--font-size-sm);color:var(--color-error)}.order-type-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.order-type-toggle__btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.order-type-toggle__btn:hover{background:var(--bg-tertiary)}.order-type-toggle__btn.active{background:var(--color-primary-50);border-color:var(--color-primary);color:var(--color-primary)}.cart-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.cart-item:last-child{border-bottom:none;padding-bottom:0}.cart-item__info{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:2px}.cart-item__name{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.cart-item__customizations,.cart-item__notes{font-size:var(--font-size-xs);color:var(--text-secondary)}.cart-item__price{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.cart-item__actions{grid-column:2;grid-row:1;display:flex;align-items:flex-start;gap:var(--spacing-sm)}.cart-item__remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--border-radius-full);transition:all var(--transition-fast)}.cart-item__remove:hover{background:var(--bg-secondary);color:var(--color-error)}.cart-item__subtotal{grid-column:2;grid-row:2;font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);text-align:right}.cart-checkout{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom));left:0;right:0;background:var(--bg-primary);padding:var(--spacing-md);border-top:1px solid var(--border-color);box-shadow:0 -4px 12px #0000000d}.cart-checkout__summary{margin-bottom:var(--spacing-md)}.cart-checkout__row{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.cart-checkout__row--total{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.cart-checkout__total{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.checkout-page{background:var(--bg-secondary)}.checkout-page .page-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.checkout-section{background:var(--bg-primary);padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.checkout-section__title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.checkout-order-type{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.checkout-order-type svg{color:var(--color-primary);flex-shrink:0}.checkout-order-type strong{display:block;font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:4px}.checkout-order-type p{font-size:var(--font-size-sm);color:var(--text-secondary)}.checkout-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkout-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkout-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.checkout-item:last-child{border-bottom:none}.checkout-item__info{display:flex;align-items:center;gap:var(--spacing-sm)}.checkout-item__name{font-size:var(--font-size-md);color:var(--text-primary)}.checkout-item__qty{font-size:var(--font-size-sm);color:var(--text-secondary)}.checkout-item__customizations{width:100%;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:4px}.checkout-item__price{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.checkout-summary{padding-top:var(--spacing-sm)}.checkout-summary__row{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.checkout-summary__row--total{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.checkout-summary__total{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.checkout-coupon-input{display:flex;gap:var(--spacing-sm)}.checkout-coupon-input .input{flex:1}.checkout-coupon-input .btn{flex-shrink:0}.checkout-coupon-applied{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--border-radius-md)}.checkout-coupon-applied__info{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-size:var(--font-size-sm)}.checkout-coupon-remove{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline}.checkout-coupon-error{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-error)}.checkout-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin:var(--spacing-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--border-radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.checkout-footer{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:0 -4px 12px #0000000d}.orders-page{background:var(--bg-secondary)}.orders-filter{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-primary);overflow-x:auto;border-bottom:1px solid var(--border-color)}.orders-filter__btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--border-radius-full);white-space:nowrap;transition:all var(--transition-fast)}.orders-filter__btn:hover{background:var(--bg-tertiary)}.orders-filter__btn.active{background:var(--color-primary);color:var(--text-inverse)}.orders-list{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.order-card{position:relative;background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.order-card:hover{box-shadow:var(--shadow-md)}.order-card--skeleton{padding:var(--spacing-lg)}.order-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.order-card__number{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);font-family:monospace}.order-card__status{padding:2px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--border-radius-sm)}.order-card__items{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.order-card__item{font-size:var(--font-size-sm);color:var(--text-secondary)}.order-card__item:not(:last-child):after{content:"、"}.order-card__more{font-size:var(--font-size-sm);color:var(--text-tertiary)}.order-card__footer{display:flex;align-items:center;justify-content:space-between}.order-card__date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.order-card__total{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.order-card__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.order-card__type{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-tertiary)}.order-card__reorder{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);background:rgba(var(--color-primary-rgb, 234, 88, 12),.1);border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.order-card__reorder:hover{background:var(--color-primary);color:var(--text-inverse)}.order-card__reorder:disabled{opacity:.5;cursor:not-allowed}.order-card__pickup-number{display:inline-block;margin-left:var(--spacing-sm);padding:2px 8px;background:var(--color-primary);color:#fff;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600}.orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--text-tertiary);text-align:center}.orders-empty svg{opacity:.5}.profile-page{background:var(--bg-secondary)}.profile-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,#ff8f4d 100%);color:var(--text-inverse)}.profile-avatar{width:64px;height:64px;border-radius:var(--border-radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-name{font-size:var(--font-size-xl);font-weight:600;margin-bottom:4px}.profile-phone{font-size:var(--font-size-sm);opacity:.9}.profile-menu{padding:var(--spacing-md)}.profile-menu__section{background:var(--bg-primary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);overflow:hidden}.profile-menu__title{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary)}.profile-menu__item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.profile-menu__item:hover{background:var(--bg-secondary)}.profile-menu__item:last-child{border-bottom:none}.profile-menu__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);color:var(--color-primary);border-radius:var(--border-radius-md)}.profile-menu__label{flex:1;font-size:var(--font-size-md);color:var(--text-primary)}.profile-menu__arrow{color:var(--text-tertiary)}.profile-logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);font-weight:500;color:var(--color-error);transition:all var(--transition-fast)}.profile-logout-btn:hover{background:#ef44441a}.profile-version{padding:var(--spacing-lg);text-align:center}.profile-version p{font-size:var(--font-size-xs);color:var(--text-tertiary)}.profile-guest{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;gap:var(--spacing-md)}.profile-avatar--guest{background:#ffffff4d}.profile-guest .profile-info{text-align:center}.profile-hint{font-size:var(--font-size-sm);opacity:.8}.profile-login-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:#00c300!important;border-color:#00c300!important;margin-top:var(--spacing-sm)}.profile-login-btn:hover{background:#00a000!important}.profile-loading{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.profile-loading .profile-avatar{width:64px;height:64px}.profile-menu__item:disabled{opacity:.5;cursor:not-allowed}.profile-menu__item:disabled:hover{background:transparent}.profile-status{display:flex;justify-content:center;padding:var(--spacing-md)}.profile-status__badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:500}.profile-status__badge--line{background:#00c300;color:#fff}.admin-layout{display:flex;min-height:100vh;background-color:var(--bg-secondary)}.admin-sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-normal)}.admin-sidebar__header{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar__logo{font-size:var(--font-size-xl);font-weight:700;margin:0;color:var(--color-primary)}.admin-sidebar__subtitle{font-size:var(--font-size-sm);color:#fff9}.admin-sidebar__nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.admin-sidebar__link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-md);color:#ffffffb3;transition:all var(--transition-fast);margin-bottom:var(--spacing-xs)}.admin-sidebar__link:hover{background:#ffffff1a;color:#fff}.admin-sidebar__link.active{background:var(--color-primary);color:#fff}.admin-sidebar__link svg{flex-shrink:0}.admin-sidebar__footer{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.admin-sidebar__back-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);border-radius:var(--border-radius-md);color:#ffffffb3;transition:all var(--transition-fast)}.admin-sidebar__back-btn:hover{background:#ffffff1a;color:#fff}.admin-overlay{display:none}.admin-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.admin-header{position:sticky;top:0;height:60px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 var(--spacing-lg);gap:var(--spacing-md);z-index:50}.admin-header__menu-btn{display:none;padding:var(--spacing-sm);color:var(--text-secondary)}.admin-header__title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.admin-header__actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-md)}.admin-content{flex:1;padding:var(--spacing-lg)}@media(max-width:768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99}.admin-main{margin-left:0}.admin-header__menu-btn{display:flex}.admin-content{padding:var(--spacing-md)}}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.admin-page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0}.admin-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.admin-card__header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.admin-card__title{font-size:var(--font-size-lg);font-weight:600;margin:0}.admin-card__body{padding:var(--spacing-lg)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.admin-stat-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.admin-stat-card__label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.admin-stat-card__value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.admin-stat-card__change{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.admin-stat-card__change--positive{color:var(--color-success)}.admin-stat-card__change--negative{color:var(--color-error)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.admin-table th{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);background:var(--bg-secondary)}.admin-table tr:hover td{background:var(--bg-secondary)}.admin-table-responsive{overflow-x:auto}.admin-status{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600}.admin-status--pending{background:#fef3c7;color:#d97706}.admin-status--confirmed{background:#dbeafe;color:#2563eb}.admin-status--preparing{background:#ede9fe;color:#7c3aed}.admin-status--ready{background:#d1fae5;color:#059669}.admin-status--completed{background:#dcfce7;color:#16a34a}.admin-status--cancelled{background:#fee2e2;color:#dc2626}.admin-actions{display:flex;gap:var(--spacing-xs)}.admin-action-btn{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.admin-action-btn--primary{background:var(--color-primary);color:#fff}.admin-action-btn--primary:hover{background:var(--color-primary-dark)}.admin-action-btn--secondary{background:var(--bg-secondary);color:var(--text-secondary)}.admin-action-btn--secondary:hover{background:var(--bg-tertiary)}.admin-action-btn--danger{background:var(--color-error);color:#fff}.admin-action-btn--danger:hover{background:var(--color-accent-dark)}.admin-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-tertiary)}.admin-empty svg{margin-bottom:var(--spacing-md);opacity:.5}.admin-empty p{margin:0}.admin-orders__search{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.admin-orders__search .form-input{flex:1}.admin-orders__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);overflow-x:auto}.admin-orders__filter-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-full);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap;transition:all var(--transition-fast);border:1px solid var(--border-color)}.admin-orders__filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.admin-orders__filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.admin-orders__filter-count{background:#fff3;padding:2px 6px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs)}.admin-orders__filter-btn.active .admin-orders__filter-count{background:#ffffff4d}.admin-orders__content{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:1024px){.admin-orders__content{grid-template-columns:1fr 400px}}.admin-orders__list{overflow:hidden}.admin-orders__list .admin-table tr{cursor:pointer}.admin-orders__list .admin-table tr.selected td{background:var(--color-primary-50)}.admin-orders__detail{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.admin-orders__close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);color:var(--text-tertiary);transition:all var(--transition-fast)}.admin-orders__close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-orders__detail-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.admin-orders__detail-section:last-of-type{border-bottom:none}.admin-orders__detail-section h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:var(--spacing-sm)}.admin-orders__detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;color:var(--text-secondary)}.admin-orders__detail-row span:first-child{flex-shrink:0}.admin-orders__detail-row a{color:var(--color-primary)}.admin-orders__detail-total{font-size:var(--font-size-lg);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);margin-top:var(--spacing-sm)}.admin-orders__detail-total strong{color:var(--color-primary)}.admin-orders__item{display:flex;flex-wrap:wrap;align-items:center;padding:var(--spacing-sm) 0;gap:var(--spacing-sm)}.admin-orders__item-info{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.admin-orders__item-name{font-weight:500}.admin-orders__item-qty{color:var(--text-tertiary)}.admin-orders__item-price{font-weight:600}.admin-orders__item-options{width:100%;font-size:var(--font-size-sm);color:var(--text-tertiary);padding-left:var(--spacing-md)}.admin-orders__notes{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.admin-orders__notes span{font-weight:600}@media(max-width:1023px){.admin-orders__detail{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;max-height:none;z-index:150;border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);box-shadow:-4px 0 20px #0000001a}}.admin-products__categories{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.admin-products__category-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--font-size-sm);border:1px solid var(--border-color);transition:all var(--transition-fast)}.admin-products__category-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.admin-products__category-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.admin-products__name{display:flex;flex-direction:column;gap:2px}.admin-products__desc{font-size:var(--font-size-sm);color:var(--text-tertiary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-products__limit-input{width:80px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);text-align:center}.admin-products__limit-input:focus{outline:none;border-color:var(--color-primary)}.admin-products__sold{display:flex;align-items:center;gap:var(--spacing-xs)}.admin-products__sold-limit{color:var(--text-tertiary)}.admin-products__reset-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);color:var(--text-tertiary);font-size:14px;transition:all var(--transition-fast)}.admin-products__reset-btn:hover{background:var(--bg-secondary);color:var(--color-primary)}.admin-products__toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.admin-products__toggle input{display:none}.admin-products__toggle-slider{position:relative;width:44px;height:24px;background:var(--color-gray-300);border-radius:var(--border-radius-full);transition:all var(--transition-fast)}.admin-products__toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--border-radius-full);transition:all var(--transition-fast);box-shadow:0 2px 4px #0000001a}.admin-products__toggle input:checked+.admin-products__toggle-slider{background:var(--color-success)}.admin-products__toggle input:checked+.admin-products__toggle-slider:before{transform:translate(20px)}.admin-products__toggle-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--spacing-md)}.admin-modal{background:var(--bg-primary);border-radius:var(--border-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.admin-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.admin-modal__header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.admin-modal__header button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);color:var(--text-tertiary)}.admin-modal__header button:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-modal__body{padding:var(--spacing-lg)}.admin-modal__note{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.admin-modal__footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.admin-inventory__alerts{background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.admin-inventory__alerts h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);color:#c2410c}.admin-inventory__alert-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.admin-inventory__alert-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm)}.admin-inventory__alert-item--low{background:#fef3c7;color:#92400e}.admin-inventory__alert-item--out{background:#fee2e2;color:#991b1b}.admin-inventory__alert-name{font-weight:600}.admin-inventory__alert-stock{color:inherit;opacity:.8}.admin-inventory__alert-status{font-weight:600}.admin-inventory__stock{font-weight:600;font-size:var(--font-size-lg)}.admin-inventory__stock--normal{color:var(--color-success)}.admin-inventory__stock--low{color:var(--color-warning)}.admin-inventory__stock--out{color:var(--color-error)}.admin-inventory__status{display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600}.admin-inventory__status--normal{background:#dcfce7;color:#16a34a}.admin-inventory__status--low{background:#fef3c7;color:#d97706}.admin-inventory__status--out{background:#fee2e2;color:#dc2626}.admin-inventory__add-form{display:flex;align-items:center;gap:var(--spacing-xs)}.admin-inventory__add-form input{width:80px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);text-align:center}.admin-inventory__add-form input:focus{outline:none;border-color:var(--color-primary)}.admin-settings__section{margin-bottom:var(--spacing-lg)}.admin-settings__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.form-group--full{grid-column:1 / -1}.admin-settings__day-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.admin-settings__day-option{display:flex;align-items:center;justify-content:center;width:60px;height:40px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.admin-settings__day-option input{display:none}.admin-settings__day-option:hover{border-color:var(--color-primary)}.admin-settings__day-option.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.admin-settings__toggle{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer}.admin-settings__toggle input{display:none}.admin-settings__toggle-slider{position:relative;width:48px;height:26px;background:var(--color-gray-300);border-radius:var(--border-radius-full);transition:all var(--transition-fast)}.admin-settings__toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:var(--border-radius-full);transition:all var(--transition-fast);box-shadow:0 2px 4px #0000001a}.admin-settings__toggle input:checked+.admin-settings__toggle-slider{background:var(--color-success)}.admin-settings__toggle input:checked+.admin-settings__toggle-slider:before{transform:translate(22px)}.admin-settings__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.admin-settings__success{color:var(--color-success);font-weight:500}.admin-kds{min-height:100vh;background:#1a1a2e;color:#eee;padding:var(--spacing-md)}.admin-kds__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid #333}.admin-kds__title{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.admin-kds__header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.admin-kds__order-count{font-size:1.1rem;color:#aaa}.admin-kds__refresh-indicator{font-size:.85rem;color:#666}.admin-kds__sound-toggle{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md, 8px);border:1px solid #555;background:transparent;color:#ccc;font-size:.9rem;cursor:pointer;transition:all .2s}.admin-kds__sound-toggle:hover{border-color:#888;color:#fff}.admin-kds__sound-toggle--active{border-color:var(--color-primary, #4caf50);color:var(--color-primary, #4caf50)}.admin-kds__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.admin-kds__card{background:#16213e;border-radius:var(--border-radius-lg, 12px);border:2px solid #333;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s}.admin-kds__card--confirmed{border-color:#f39c12}.admin-kds__card--preparing{border-color:#3498db}.admin-kds__card--new{animation:admin-kds__pulse 1s ease-in-out 3}@keyframes admin-kds__pulse{0%,to{box-shadow:0 0 #f39c1200}50%{box-shadow:0 0 20px 4px #f39c1266}}.admin-kds__card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid #333}.admin-kds__order-info{display:flex;flex-direction:column;gap:4px}.admin-kds__order-number{font-size:1.3rem;font-weight:700;color:#fff}.admin-kds__order-type{font-size:.8rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.admin-kds__pickup-number{font-size:2rem;font-weight:800;color:#fff;background:#333;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-kds__elapsed{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-weight:600;text-align:center}.admin-kds__elapsed--green{background:#2ecc7126;color:#2ecc71}.admin-kds__elapsed--yellow{background:#f1c40f26;color:#f1c40f}.admin-kds__elapsed--red{background:#e74c3c26;color:#e74c3c}.admin-kds__items{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-kds__item{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.admin-kds__item-quantity{font-size:1.2rem;font-weight:700;color:#f39c12;min-width:32px;text-align:right;flex-shrink:0}.admin-kds__item-name{font-size:1.1rem;color:#ddd}.admin-kds__item-notes{font-size:.85rem;color:#e74c3c;font-style:italic;padding-left:40px;margin-top:-2px}.admin-kds__notes{padding:var(--spacing-sm) var(--spacing-md);background:#e74c3c1a;border-top:1px solid #333;color:#e74c3c;font-size:.95rem;font-weight:500}.admin-kds__notes:before{content:"⚠ "}.admin-kds__actions{display:flex;border-top:1px solid #333}.admin-kds__action-btn{flex:1;padding:var(--spacing-md);border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:opacity .2s;color:#fff}.admin-kds__action-btn:hover{opacity:.85}.admin-kds__action-btn:active{opacity:.7}.admin-kds__action-btn:disabled{opacity:.4;cursor:not-allowed}.admin-kds__action-btn--start{background:#f39c12}.admin-kds__action-btn--ready{background:#27ae60}.admin-kds__status{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-full, 999px);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-kds__status--confirmed{background:#f39c1233;color:#f39c12}.admin-kds__status--preparing{background:#3498db33;color:#3498db}.admin-kds__empty{grid-column:1 / -1;text-align:center;padding:80px var(--spacing-lg);color:#666;font-size:1.3rem}.admin-kds__loading{grid-column:1 / -1;text-align:center;padding:80px var(--spacing-lg);color:#888;font-size:1.1rem}.admin-kds__error{grid-column:1 / -1;text-align:center;padding:var(--spacing-lg);background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:var(--border-radius-md, 8px);color:#e74c3c;font-size:1rem}.admin-kds__error-retry{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid #e74c3c;border-radius:var(--border-radius-md, 8px);color:#e74c3c;cursor:pointer;font-size:.95rem}.admin-kds__error-retry:hover{background:#e74c3c1a}@media(max-width:1200px){.admin-kds__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-kds{padding:var(--spacing-sm)}.admin-kds__grid{grid-template-columns:1fr}.admin-kds__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.admin-kds__title{font-size:1.4rem}.admin-kds__order-number{font-size:1.1rem}.admin-kds__pickup-number{font-size:1.5rem;width:44px;height:44px}}.admin-members__toolbar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.admin-members__search-input{flex:1;min-width:0}.admin-members__sort-select{width:auto;min-width:140px;flex-shrink:0}.admin-members__row{cursor:pointer;transition:background var(--transition-fast)}.admin-members__row:hover td{background:var(--bg-secondary)}.admin-members__row.selected td{background:var(--color-primary-50)}.admin-members__user{display:flex;align-items:center;gap:var(--spacing-sm)}.admin-members__avatar{width:36px;height:36px;border-radius:var(--border-radius-full);overflow:hidden;flex-shrink:0;background:var(--bg-secondary)}.admin-members__avatar img{width:100%;height:100%;object-fit:cover}.admin-members__avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--font-size-sm);font-weight:600;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--border-radius-full)}.admin-members__avatar-placeholder--lg{width:56px;height:56px;font-size:var(--font-size-xl, 1.25rem)}.admin-members__name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.admin-members__pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--border-color)}.admin-members__pagination-info{font-size:var(--font-size-sm);color:var(--text-tertiary);white-space:nowrap}.admin-members__overlay{position:fixed;inset:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.admin-members__detail{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #00000026}.admin-members__close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.admin-members__close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-members__detail-loading{padding:var(--spacing-xl);text-align:center;color:var(--text-tertiary)}.admin-members__detail-body{padding:var(--spacing-md)}.admin-members__detail-profile{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.admin-members__detail-avatar{width:56px;height:56px;border-radius:var(--border-radius-full);overflow:hidden;flex-shrink:0;background:var(--bg-secondary)}.admin-members__detail-avatar img{width:100%;height:100%;object-fit:cover}.admin-members__detail-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-members__detail-name{font-size:var(--font-size-lg, 1.125rem);font-weight:600;margin:0}.admin-members__detail-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.admin-members__detail-section:last-of-type{border-bottom:none}.admin-members__detail-section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;margin:0 0 var(--spacing-sm) 0}.admin-members__detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;color:var(--text-secondary)}.admin-members__detail-row span:first-child{flex-shrink:0;color:var(--text-tertiary)}.admin-members__detail-row strong{color:var(--color-primary)}.admin-members__recent-orders{display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-members__recent-order{padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.admin-members__recent-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.admin-members__recent-order-number{font-weight:500;font-size:var(--font-size-sm)}.admin-members__recent-order-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-tertiary)}.admin-members__recent-order-footer strong{color:var(--text-primary)}.admin-members__no-orders{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-md) 0;margin:0}.admin-status--admin{background:var(--color-primary-50, rgba(59, 130, 246, .1));color:var(--color-primary)}.admin-status--user{background:var(--bg-secondary);color:var(--text-tertiary)}@media(max-width:768px){.admin-members__toolbar{flex-direction:column}.admin-members__sort-select{width:100%}.admin-members__name{max-width:100px}.admin-members__overlay{padding:0;align-items:flex-end}.admin-members__detail{max-width:100%;max-height:85vh;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}}.admin-reports__filters{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.admin-reports__date-group{display:flex;align-items:center;gap:var(--spacing-xs)}.admin-reports__date-label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.admin-reports__date-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);font-family:var(--font-family)}.admin-reports__date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100)}.admin-reports__query-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.admin-reports__query-btn:hover{background:var(--color-primary-dark)}.admin-reports__query-btn:disabled{opacity:.6;cursor:not-allowed}.admin-reports__overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.admin-reports__stat-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.admin-reports__stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.admin-reports__stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.admin-reports__stat-value--revenue{color:var(--color-primary)}.admin-reports__stat-value--success{color:var(--color-success)}.admin-reports__stat-sub{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.admin-reports__section{margin-bottom:var(--spacing-lg)}.admin-reports__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.admin-reports__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.admin-reports__table-wrap{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.admin-reports__table{width:100%;border-collapse:collapse}.admin-reports__table th,.admin-reports__table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap}.admin-reports__table th{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);background:var(--bg-secondary)}.admin-reports__table tr:last-child td{border-bottom:none}.admin-reports__table tr:hover td{background:var(--bg-secondary)}.admin-reports__table td.admin-reports__cell--number{text-align:right;font-variant-numeric:tabular-nums}.admin-reports__table th.admin-reports__cell--number{text-align:right}.admin-reports__rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:600;background:var(--bg-secondary);color:var(--text-secondary)}.admin-reports__rank--1{background:#fef3c7;color:#d97706}.admin-reports__rank--2{background:#e4e4e7;color:#52525b}.admin-reports__rank--3{background:#ffedd5;color:#ea580c}.admin-reports__hourly{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.admin-reports__hourly-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.admin-reports__hourly-date{display:flex;align-items:center;gap:var(--spacing-xs)}.admin-reports__hourly-date-input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);font-family:var(--font-family)}.admin-reports__hourly-date-input:focus{outline:none;border-color:var(--color-primary)}.admin-reports__chart{display:flex;align-items:flex-end;gap:2px;height:200px;padding-top:var(--spacing-md);border-bottom:2px solid var(--border-color)}.admin-reports__bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative}.admin-reports__bar{width:100%;max-width:32px;background:var(--color-primary);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;min-height:2px;transition:background var(--transition-fast);cursor:pointer;position:relative}.admin-reports__bar:hover{background:var(--color-primary-dark)}.admin-reports__bar-tooltip{display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--color-gray-800);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);white-space:nowrap;z-index:10;pointer-events:none}.admin-reports__bar:hover .admin-reports__bar-tooltip{display:block}.admin-reports__bar-label{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-tertiary)}.admin-reports__loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-tertiary);font-size:var(--font-size-sm)}.admin-reports__error{text-align:center;padding:var(--spacing-lg);color:var(--color-error);font-size:var(--font-size-sm);background:#fee2e2;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.admin-reports__empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-tertiary)}@media(max-width:768px){.admin-reports__filters{flex-direction:column;align-items:stretch}.admin-reports__date-group{flex:1}.admin-reports__date-input{flex:1;min-width:0}.admin-reports__overview{grid-template-columns:repeat(2,1fr)}.admin-reports__chart{height:150px}.admin-reports__bar-label{font-size:10px}}@media(max-width:480px){.admin-reports__overview{grid-template-columns:1fr}}.loyalty-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:2px solid var(--border-color);margin-bottom:var(--spacing-md)}.loyalty-card__tier{margin-bottom:var(--spacing-md)}.loyalty-card__tier-badge{display:inline-block;padding:4px 12px;border-radius:var(--border-radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:600}.loyalty-card__balance{text-align:center;margin-bottom:var(--spacing-lg)}.loyalty-card__balance-label{display:block;font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.loyalty-card__balance-value{font-size:48px;font-weight:700;color:var(--text-primary);line-height:1}.loyalty-card__balance-unit{font-size:var(--font-size-lg);color:var(--text-secondary);margin-left:var(--spacing-xs)}.loyalty-card__stats{display:flex;justify-content:space-around;text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.loyalty-card__stat-label{display:block;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:2px}.loyalty-card__stat-value{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.loyalty-progress{background:var(--bg-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.loyalty-progress__header{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.loyalty-progress__bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.loyalty-progress__fill{height:100%;border-radius:4px;transition:width .5s ease}.loyalty-rules{background:var(--bg-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.loyalty-rules h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.loyalty-rules ul{list-style:none;padding:0;margin:0}.loyalty-rules li{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.loyalty-rules li:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--color-primary);transform:translateY(-50%)}.loyalty-history{background:var(--bg-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.loyalty-history h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md)}.loyalty-history__list{display:flex;flex-direction:column}.loyalty-history__item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.loyalty-history__item:last-child{border-bottom:none}.loyalty-history__info{display:flex;flex-direction:column;gap:2px}.loyalty-history__type{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.loyalty-history__desc{font-size:var(--font-size-xs);color:var(--text-tertiary)}.loyalty-history__right{text-align:right;display:flex;flex-direction:column;gap:2px}.loyalty-history__points{font-weight:600;font-size:var(--font-size-base)}.loyalty-history__points.positive{color:var(--color-success)}.loyalty-history__points.negative{color:var(--color-error)}.loyalty-history__date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.loyalty-history__empty{text-align:center;color:var(--text-tertiary);padding:var(--spacing-lg)}.loyalty-skeleton{padding:var(--spacing-md)}.loyalty-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-tertiary)}.group-page{background:var(--bg-secondary)}.group-create{padding:var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.group-create__title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.group-create__form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.group-create__row{display:flex;gap:var(--spacing-sm);align-items:flex-end}.group-create__field{display:flex;flex-direction:column;gap:4px;flex:1}.group-create__field--small{flex:0 0 100px}.group-create__label{font-size:var(--font-size-xs);color:var(--text-secondary)}.group-create__input{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary)}.group-create__input:focus{outline:none;border-color:var(--color-primary)}.group-create__btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--text-inverse);background:var(--color-primary);border-radius:var(--border-radius-md);white-space:nowrap;transition:opacity var(--transition-fast)}.group-create__btn:disabled{opacity:.5;cursor:not-allowed}.group-create__btn:hover:not(:disabled){opacity:.9}.group-list{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.group-list__title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.group-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--transition-fast)}.group-card:hover{box-shadow:var(--shadow-md)}.group-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.group-card__title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.group-card__status{padding:2px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--border-radius-full)}.group-card__status--open{background:#e8f5e9;color:#2e7d32}.group-card__status--locked{background:#fff3e0;color:#e65100}.group-card__status--ordered{background:#e3f2fd;color:#1565c0}.group-card__status--completed{background:#f3e5f5;color:#7b1fa2}.group-card__status--cancelled{background:#fbe9e7;color:#bf360c}.group-card__info{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.group-card__code{font-family:monospace;background:var(--bg-secondary);padding:1px var(--spacing-xs);border-radius:var(--border-radius-sm)}.group-card__footer{display:flex;justify-content:space-between;align-items:center}.group-card__total{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary)}.group-card__share-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--border-radius-full);transition:all var(--transition-fast)}.group-card__share-btn:hover{background:var(--color-primary);color:var(--text-inverse)}.group-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-md);color:var(--text-tertiary);text-align:center}.group-empty svg{margin-bottom:var(--spacing-md);opacity:.4}.group-empty p{font-size:var(--font-size-sm)}.group-card--skeleton{pointer-events:none}.group-join{padding:var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.group-join__form{display:flex;gap:var(--spacing-sm)}.group-join__input{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:monospace;letter-spacing:2px;text-transform:uppercase}.group-join__input:focus{outline:none;border-color:var(--color-primary)}.group-join__btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--text-inverse);background:var(--color-primary);border-radius:var(--border-radius-md);white-space:nowrap;transition:opacity var(--transition-fast)}.group-join__btn:disabled{opacity:.5;cursor:not-allowed}.group-detail{padding:var(--spacing-md)}.group-detail__header{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.group-detail__title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.group-detail__meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);align-items:center;flex-wrap:wrap}.group-products{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.group-products__title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.group-products__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.group-product-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast)}.group-product-item:hover{border-color:var(--color-primary)}.group-product-item__info{display:flex;flex-direction:column;gap:2px}.group-product-item__name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.group-product-item__price{font-size:var(--font-size-xs);color:var(--text-secondary)}.group-product-item__controls{display:flex;align-items:center;gap:var(--spacing-sm)}.group-product-item__qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md);font-weight:600;color:var(--color-primary);background:var(--bg-secondary);border-radius:var(--border-radius-full);transition:background var(--transition-fast)}.group-product-item__qty-btn:hover{background:var(--bg-tertiary)}.group-product-item__qty{min-width:20px;text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.group-participants{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.group-participants__title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.group-participant{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.group-participant:last-child{border-bottom:none}.group-participant__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.group-participant__name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.group-participant__name--creator:after{content:" (建立者)";font-weight:400;color:var(--text-tertiary);font-size:var(--font-size-xs)}.group-participant__subtotal{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.group-participant__items{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.group-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.group-actions__btn{flex:1;padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--border-radius-md);transition:opacity var(--transition-fast)}.group-actions__btn:disabled{opacity:.5;cursor:not-allowed}.group-actions__btn--primary{color:var(--text-inverse);background:var(--color-primary)}.group-actions__btn--secondary{color:var(--color-primary);background:transparent;border:1px solid var(--color-primary)}.group-actions__btn--danger{color:#d32f2f;background:transparent;border:1px solid #d32f2f}.group-actions__btn--save{color:var(--text-inverse);background:var(--color-primary)}.group-message{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--border-radius-md);text-align:center}.group-message--success{background:#e8f5e9;color:#2e7d32}.group-message--error{background:#fbe9e7;color:#bf360c}.group-message--info{background:#e3f2fd;color:#1565c0}.group-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.group-total__label{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.group-total__amount{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.stamp-section{background:var(--bg-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.stamp-section h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md)}.stamp-template{background:var(--bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center}.stamp-template:last-child{margin-bottom:0}.stamp-template__info{flex:1}.stamp-template__name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);display:block;margin-bottom:2px}.stamp-template__desc{font-size:var(--font-size-sm);color:var(--text-secondary);display:block;margin-bottom:4px}.stamp-template__meta{font-size:var(--font-size-xs);color:var(--text-tertiary)}.stamp-template__btn{flex-shrink:0;margin-left:var(--spacing-md);padding:8px 16px;border:none;border-radius:var(--border-radius-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;white-space:nowrap}.stamp-template__btn:disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.stamp-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border:2px solid var(--border-color)}.stamp-card--completed{border-color:var(--color-success)}.stamp-card--claimed{border-color:var(--text-tertiary);opacity:.7}.stamp-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.stamp-card__name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.stamp-card__badge{display:inline-block;padding:2px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600}.stamp-card__badge--active{background:#e3f2fd;color:#1976d2}.stamp-card__badge--completed{background:#e8f5e9;color:#388e3c}.stamp-card__badge--claimed{background:var(--bg-secondary);color:var(--text-tertiary)}.stamp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stamp-circle{aspect-ratio:1;border-radius:50%;border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease}.stamp-circle--filled{background:var(--color-primary);border:2px solid var(--color-primary);color:#fff}.stamp-circle--empty{background:var(--bg-secondary);color:var(--text-tertiary)}.stamp-progress{margin-bottom:var(--spacing-md)}.stamp-progress__text{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stamp-progress__bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.stamp-progress__fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .5s ease}.stamp-progress__fill--completed{background:var(--color-success)}.stamp-card__claim-btn{width:100%;padding:12px;border:none;border-radius:var(--border-radius-md);background:var(--color-success);color:#fff;font-size:var(--font-size-base);font-weight:600;cursor:pointer}.stamp-card__claim-btn:disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.stamp-card__reward{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#fff8e1;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:#f57f17}.stamp-card__reward-icon{flex-shrink:0;font-size:20px}.stamp-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-tertiary)}.stamp-empty p{margin-bottom:var(--spacing-sm)}.stamp-skeleton{padding:var(--spacing-md)}.stamp-template__btn--loading,.stamp-card__claim-btn--loading{position:relative;color:transparent}.referral-code-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border:2px solid var(--color-primary)}.referral-code-card__title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.referral-code-card__code-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm)}.referral-code-card__code{font-size:24px;font-weight:700;letter-spacing:2px;color:var(--color-primary)}.referral-code-card__copy-btn{padding:6px 16px;border:1px solid var(--color-primary);border-radius:var(--border-radius-md);background:transparent;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.referral-code-card__copy-btn:active{background:var(--color-primary);color:#fff}.referral-code-card__share-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.referral-code-card__share-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.referral-code-card__share-btn{padding:6px 16px;border:none;border-radius:var(--border-radius-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:opacity .2s}.referral-code-card__share-btn:active{opacity:.8}.referral-code-card__hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-sm);line-height:1.5}.referral-stats{display:flex;justify-content:space-around;background:var(--bg-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.referral-stats__item{display:flex;flex-direction:column;align-items:center;gap:4px}.referral-stats__value{font-size:24px;font-weight:700;color:var(--text-primary)}.referral-stats__label{font-size:var(--font-size-xs);color:var(--text-tertiary)}.referral-apply{background:var(--bg-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.referral-apply__title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.referral-apply__row{display:flex;gap:var(--spacing-sm)}.referral-apply__input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color .2s}.referral-apply__input:focus{border-color:var(--color-primary)}.referral-apply__input::placeholder{color:var(--text-tertiary)}.referral-apply__btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .2s}.referral-apply__btn:disabled{opacity:.5;cursor:not-allowed}.referral-apply__btn:not(:disabled):active{opacity:.8}.referral-apply__message{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.referral-apply__message--success{color:var(--color-success);background:#2ecc711a}.referral-apply__message--error{color:var(--color-error);background:#e74c3c1a}.referral-list{background:var(--bg-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.referral-list__title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.referral-list__items{display:flex;flex-direction:column}.referral-list__item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.referral-list__item:last-child{border-bottom:none}.referral-list__info{display:flex;flex-direction:column;gap:2px}.referral-list__name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.referral-list__date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.referral-list__right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.referral-list__status{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--border-radius-full);font-weight:500}.status--pending{background:#f1c40f26;color:#f39c12}.status--completed{background:#3498db26;color:#2980b9}.status--rewarded{background:#2ecc7126;color:#27ae60}.referral-list__reward{font-size:var(--font-size-xs);color:var(--color-success);font-weight:600}.referral-list__empty{text-align:center;color:var(--text-tertiary);padding:var(--spacing-lg)}.referral-skeleton{padding:var(--spacing-md)}.admin-broadcast__segments{margin-bottom:var(--spacing-xl)}.admin-broadcast__section-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.admin-broadcast__loading{color:var(--text-secondary);font-size:.875rem}.admin-broadcast__segment-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.admin-broadcast__segment-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.admin-broadcast__segment-card:hover{border-color:var(--color-primary);background:var(--color-primary-50)}.admin-broadcast__segment-card.active{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:0 0 0 1px var(--color-primary)}.admin-broadcast__segment-count{font-size:1.75rem;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-xs)}.admin-broadcast__segment-label{font-size:.8125rem;color:var(--text-secondary)}.admin-broadcast__main{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start}@media(max-width:900px){.admin-broadcast__main{grid-template-columns:1fr}}.admin-broadcast__composer,.admin-broadcast__preview-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.admin-broadcast__field{margin-bottom:var(--spacing-md)}.admin-broadcast__label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.admin-broadcast__select,.admin-broadcast__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary)}.admin-broadcast__select:focus,.admin-broadcast__input:focus,.admin-broadcast__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100)}.admin-broadcast__textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;resize:vertical;font-family:inherit;background:var(--bg-primary);color:var(--text-primary)}.admin-broadcast__textarea--large{min-height:120px}.admin-broadcast__textarea--code{font-family:Consolas,Monaco,Courier New,monospace;font-size:.8125rem;line-height:1.5}.admin-broadcast__char-count{display:block;text-align:right;font-size:.75rem;color:var(--text-tertiary);margin-top:var(--spacing-xs)}.admin-broadcast__radio-group{display:flex;gap:var(--spacing-lg)}.admin-broadcast__radio{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;cursor:pointer;color:var(--text-primary)}.admin-broadcast__radio input{accent-color:var(--color-primary)}.admin-broadcast__actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.admin-broadcast__btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.admin-broadcast__btn:disabled{opacity:.5;cursor:not-allowed}.admin-broadcast__btn--preview{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-broadcast__btn--preview:hover:not(:disabled){background:var(--bg-tertiary)}.admin-broadcast__btn--send{background:var(--color-primary);color:#fff}.admin-broadcast__btn--send:hover:not(:disabled){opacity:.9}.admin-broadcast__btn--cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-broadcast__btn--confirm{background:var(--color-danger, #dc2626);color:#fff}.admin-broadcast__btn--confirm:hover:not(:disabled){opacity:.9}.admin-broadcast__alert{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:.875rem;margin-bottom:var(--spacing-md)}.admin-broadcast__alert--error{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.admin-broadcast__alert--success{background:#dcfce7;color:#16a34a;border:1px solid #86efac}.admin-broadcast__preview-meta{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.admin-broadcast__preview-bubble{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-md)}.admin-broadcast__preview-text{font-size:.875rem;white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.admin-broadcast__preview-json{margin-top:var(--spacing-md);background:var(--bg-tertiary, #f3f4f6);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;overflow-x:auto;max-height:300px;overflow-y:auto;font-family:Consolas,Monaco,Courier New,monospace}.admin-broadcast__preview-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:.875rem}.admin-broadcast__preview-hint{margin-top:var(--spacing-sm);font-size:.8125rem;color:var(--text-tertiary)}.admin-broadcast__overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-broadcast__dialog{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);max-width:420px;width:90%;box-shadow:0 20px 60px #00000026}.admin-broadcast__dialog-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.admin-broadcast__dialog-text{font-size:.875rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.admin-broadcast__dialog-warning{font-size:.8125rem;color:var(--color-danger, #dc2626);margin-bottom:var(--spacing-lg)}.admin-broadcast__dialog-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}:root{--color-primary: #f97316;--color-primary-light: #fb923c;--color-primary-dark: #ea580c;--color-primary-50: #fff7ed;--color-primary-100: #ffedd5;--color-secondary: #22c55e;--color-secondary-light: #4ade80;--color-secondary-dark: #16a34a;--color-accent: #ef4444;--color-accent-light: #f87171;--color-accent-dark: #dc2626;--color-gray-50: #fafafa;--color-gray-100: #f4f4f5;--color-gray-200: #e4e4e7;--color-gray-300: #d4d4d8;--color-gray-400: #a1a1aa;--color-gray-500: #71717a;--color-gray-600: #52525b;--color-gray-700: #3f3f46;--color-gray-800: #27272a;--color-gray-900: #18181b;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f4f4f5;--bg-tertiary: #e4e4e7;--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #a1a1aa;--text-inverse: #ffffff;--border-color: #e4e4e7;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);min-height:100vh;min-height:100dvh}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;height:auto;display:block}input,textarea,select{font-family:inherit;font-size:inherit}h1,.h1{font-size:var(--font-size-3xl);font-weight:700;line-height:1.2}h2,.h2{font-size:var(--font-size-2xl);font-weight:600;line-height:1.3}h3,.h3{font-size:var(--font-size-xl);font-weight:600;line-height:1.4}h4,.h4{font-size:var(--font-size-lg);font-weight:500;line-height:1.4}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.container{width:100%;max-width:480px;margin:0 auto;padding:0 var(--spacing-md)}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.page-content{flex:1;padding-bottom:calc(70px + env(safe-area-inset-bottom))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition-normal) forwards}.animate-slideUp{animation:slideUp var(--transition-normal) forwards}.animate-scaleIn{animation:scaleIn var(--transition-normal) forwards}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--border-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:500;border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;outline:none;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);border-radius:var(--border-radius-lg)}.btn-full{width:100%}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverse);box-shadow:0 4px 14px #f9731666}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);box-shadow:0 6px 20px #f9731680;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #f9731666}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--color-gray-300)}.btn-success{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:var(--text-inverse);box-shadow:0 4px 14px #22c55e66}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #22c55e80;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--text-inverse);box-shadow:0 4px 14px #ef444466}.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #ef444480;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-50)}.btn-link{background:transparent;color:var(--color-primary);padding:0}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-icon{padding:var(--spacing-sm);border-radius:var(--border-radius-full)}.btn-icon.btn-sm{padding:var(--spacing-xs)}.btn-icon.btn-lg{padding:var(--spacing-md)}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-body{padding:var(--spacing-md)}.card-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.product-card{display:flex;flex-direction:column;background:var(--bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card__image{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-gray-100) 100%)}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--border-radius-sm)}.product-card__soldout{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:600;font-size:var(--font-size-lg)}.product-card__content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.product-card__name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);line-height:1.3}.product-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-sm)}.product-card__price{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.product-card__price:before{content:"$";font-size:var(--font-size-md)}.product-card__add-btn{width:40px;height:40px;border-radius:var(--border-radius-full);background:var(--color-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);transition:all var(--transition-fast);box-shadow:0 2px 8px #f973164d}.product-card__add-btn:hover{background:var(--color-primary-dark);transform:scale(1.1);box-shadow:0 4px 12px #f9731666}.product-card__add-btn:disabled{background:var(--color-gray-300);box-shadow:none;cursor:not-allowed}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.input-label.required:after{content:" *";color:var(--color-error)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast);outline:none}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.input:disabled{background:var(--bg-secondary);cursor:not-allowed}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #ef444433}.input-helper{font-size:var(--font-size-xs);color:var(--text-secondary)}.input-error-message{font-size:var(--font-size-xs);color:var(--color-error)}.textarea{min-height:100px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:var(--spacing-xl)}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);appearance:none;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox:checked:after{content:"✓";color:var(--text-inverse);font-size:12px;font-weight:700}.checkbox:focus{box-shadow:0 0 0 3px var(--color-primary-100)}.checkbox-label{font-size:var(--font-size-sm);color:var(--text-primary)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.radio-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.radio{width:20px;height:20px;border:2px solid var(--border-color);border-radius:var(--border-radius-full);appearance:none;cursor:pointer;transition:all var(--transition-fast)}.radio:checked{border-color:var(--color-primary);border-width:6px}.radio:focus{box-shadow:0 0 0 3px var(--color-primary-100)}.radio-label{font-size:var(--font-size-sm);color:var(--text-primary)}.toggle{position:relative;width:48px;height:28px;background:var(--color-gray-300);border-radius:var(--border-radius-full);cursor:pointer;transition:background var(--transition-fast)}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;background:var(--bg-primary);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle.active{background:var(--color-primary)}.toggle.active:after{transform:translate(20px)}.quantity-selector{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-full);padding:var(--spacing-xs)}.quantity-selector__btn{width:32px;height:32px;border-radius:var(--border-radius-full);background:var(--bg-primary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--text-primary);transition:all var(--transition-fast)}.quantity-selector__btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.quantity-selector__btn:disabled{opacity:.5;cursor:not-allowed}.quantity-selector__value{min-width:32px;text-align:center;font-weight:600;font-size:var(--font-size-md)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:inherit;text-decoration:none}ul,ol{list-style:none}