.pwa-main-content{min-height:calc(100vh - var(--pwa-header-height) - var(--pwa-bottom-nav-height));padding-bottom:calc(var(--pwa-bottom-nav-height) + var(--pwa-safe-area-bottom))}.pwa-touch-target{min-width:44px;min-height:44px;cursor:pointer;user-select:none;-webkit-user-select:none}.pwa-pressable{transition:transform .1s ease,opacity .1s ease}.pwa-pressable:active{transform:scale(.97);opacity:.9}.pwa-ripple{position:relative;overflow:hidden}.pwa-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#0000001a;transform:translate(-50%,-50%);opacity:0}.pwa-ripple:active:after{width:200%;height:200%;opacity:1;transition:width .3s ease,height .3s ease,opacity .3s ease}.pwa-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffffff2}.pwa-bottom-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffffff2;box-shadow:0 -1px 3px #0000000d}.pwa-nav-item{position:relative}.pwa-nav-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:40px;height:3px;background-color:#1a1a1a;border-radius:0 0 3px 3px;transition:transform .2s ease}.pwa-nav-item.text-gray-900:before{transform:translate(-50%) scaleX(1)}.pwa-card{background:var(--pwa-surface);border-radius:var(--pwa-radius-lg);box-shadow:var(--pwa-shadow);overflow:hidden}.pwa-card-elevated{box-shadow:var(--pwa-shadow-lg)}.pwa-card-interactive{transition:transform .2s ease,box-shadow .2s ease}.pwa-card-interactive:active{transform:scale(.98)}.pwa-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:var(--pwa-radius-xl);transition:all .2s ease;min-height:48px;padding:12px 24px}.pwa-btn-primary{background-color:var(--pwa-text-primary);color:#fff}.pwa-btn-primary:active{background-color:#333;transform:scale(.98)}.pwa-btn-secondary{background-color:var(--pwa-border);color:var(--pwa-text-primary)}.pwa-btn-secondary:active{background-color:#d1d5db;transform:scale(.98)}.pwa-btn-outline{border:2px solid var(--pwa-border);background:transparent;color:var(--pwa-text-primary)}.pwa-btn-outline:active{background-color:var(--pwa-border-light);transform:scale(.98)}.pwa-btn-ghost{background:transparent;color:var(--pwa-text-secondary)}.pwa-btn-ghost:active{background-color:var(--pwa-border-light)}.pwa-btn-full{width:100%}.pwa-btn-sm{min-height:36px;padding:8px 16px;font-size:14px}.pwa-btn-lg{min-height:56px;padding:16px 32px;font-size:18px}.pwa-input{width:100%;padding:14px 16px;border:1.5px solid var(--pwa-border);border-radius:var(--pwa-radius-md);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease;background:var(--pwa-surface)}.pwa-input:focus{outline:none;border-color:var(--pwa-text-primary);box-shadow:0 0 0 3px #0000001a}.pwa-input::placeholder{color:var(--pwa-text-tertiary)}.pwa-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:pwa-skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--pwa-radius-sm)}@keyframes pwa-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.pwa-skeleton-circle{border-radius:50%}.pwa-skeleton-text{height:16px;margin-bottom:8px}.pwa-skeleton-text-sm{height:12px}.pwa-skeleton-text-lg{height:24px}.pwa-overlay{position:fixed;inset:0;background-color:#00000080;z-index:50;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.pwa-overlay.active{opacity:1;visibility:visible}.pwa-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:var(--pwa-surface);border-radius:var(--pwa-radius-xl);max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow:auto;z-index:51;opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.pwa-modal.active{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}.pwa-sheet{position:fixed;bottom:0;left:0;right:0;max-width:var(--pwa-max-width);margin:0 auto;background:var(--pwa-surface);border-radius:var(--pwa-radius-xl) var(--pwa-radius-xl) 0 0;max-height:90vh;overflow:auto;z-index:51;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.pwa-sheet.active{transform:translateY(0)}.pwa-sheet-handle{width:36px;height:5px;background-color:var(--pwa-border);border-radius:3px;margin:8px auto 16px;cursor:grab}body.sheet-open{overflow:hidden;touch-action:none}body.sheet-open #pwa-content{pointer-events:none}.pwa-toast{background:var(--pwa-text-primary);color:#fff;padding:14px 20px;border-radius:var(--pwa-radius-lg);box-shadow:var(--pwa-shadow-lg);display:flex;align-items:center;gap:12px;animation:pwa-toast-in .3s ease forwards;pointer-events:auto}.pwa-toast.out{animation:pwa-toast-out .3s ease forwards}@keyframes pwa-toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pwa-toast-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.pwa-pull-indicator{position:fixed;top:calc(var(--pwa-header-height) + var(--pwa-safe-area-top) - 40px);left:50%;transform:translate(-50%);width:40px;height:40px;background:var(--pwa-surface);border-radius:50%;box-shadow:var(--pwa-shadow-lg);display:flex;align-items:center;justify-content:center;z-index:39;opacity:0;transition:opacity .2s ease,top .2s ease}.pwa-pull-indicator.visible{opacity:1;top:calc(var(--pwa-header-height) + var(--pwa-safe-area-top) + 16px)}.pwa-pull-indicator svg{animation:pwa-spin 1s linear infinite}@keyframes pwa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pwa-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;border-radius:10px}.pwa-badge-primary{background-color:var(--pwa-text-primary);color:#fff}.pwa-badge-success{background-color:var(--pwa-success);color:#fff}.pwa-badge-warning{background-color:var(--pwa-warning);color:#fff}.pwa-badge-error{background-color:var(--pwa-error);color:#fff}.pwa-badge-outline{border:1.5px solid var(--pwa-border);color:var(--pwa-text-secondary);background:transparent}.pwa-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--pwa-radius-xl);font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s ease}.pwa-chip-default{background-color:var(--pwa-border-light);color:var(--pwa-text-secondary)}.pwa-chip-active{background-color:var(--pwa-text-primary);color:#fff}.pwa-chip:active{transform:scale(.95)}.pwa-stepper{display:flex;align-items:center;justify-content:space-between}.pwa-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.pwa-step-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;z-index:1}.pwa-step-completed .pwa-step-icon{background-color:var(--pwa-success);color:#fff}.pwa-step-current .pwa-step-icon{background-color:var(--pwa-text-primary);color:#fff}.pwa-step-pending .pwa-step-icon{background-color:var(--pwa-border);color:var(--pwa-text-tertiary)}.pwa-step-line{position:absolute;top:16px;left:50%;width:100%;height:2px;background-color:var(--pwa-border)}.pwa-step-completed+.pwa-step .pwa-step-line,.pwa-step:first-child .pwa-step-line{background-color:var(--pwa-success)}.pwa-step:first-child .pwa-step-line{display:none}.pwa-step-label{margin-top:8px;font-size:12px;color:var(--pwa-text-secondary);text-align:center}.pwa-list-item{display:flex;align-items:center;padding:16px;gap:12px;background:var(--pwa-surface);transition:background-color .2s ease}.pwa-list-item:active{background-color:var(--pwa-border-light)}.pwa-list-item-bordered{border-bottom:1px solid var(--pwa-border-light)}.pwa-list-item-bordered:last-child{border-bottom:none}.pwa-qty-selector{display:inline-flex;align-items:center;gap:4px;background:var(--pwa-border-light);border-radius:var(--pwa-radius-xl);padding:4px}.pwa-qty-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pwa-surface);color:var(--pwa-text-primary);font-weight:600;transition:background-color .2s ease}.pwa-qty-btn:active{background-color:var(--pwa-border)}.pwa-qty-value{min-width:32px;text-align:center;font-weight:600}.pwa-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px}.pwa-section-title{font-size:18px;font-weight:700;color:var(--pwa-text-primary)}.pwa-section-link{font-size:14px;font-weight:600;color:var(--pwa-text-secondary)}.pwa-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.pwa-empty-icon{width:80px;height:80px;background:var(--pwa-border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.pwa-empty-title{font-size:18px;font-weight:600;color:var(--pwa-text-primary);margin-bottom:8px}.pwa-empty-text{font-size:14px;color:var(--pwa-text-secondary);max-width:280px}.pwa-h-scroll{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:16px;scroll-padding-right:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding-left:16px!important;padding-right:16px!important;padding-bottom:16px}.pwa-h-scroll::-webkit-scrollbar{display:none}.pwa-h-scroll>*{scroll-snap-align:start;flex-shrink:0}.overflow-x-auto::-webkit-scrollbar{display:none}.overflow-x-auto{scrollbar-width:none;-ms-overflow-style:none}.pwa-page-enter{animation:pwa-page-in .3s ease forwards}.pwa-page-exit{animation:pwa-page-out .3s ease forwards}@keyframes pwa-page-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pwa-page-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.pwa-swipe-card{touch-action:pan-y;position:relative}.pwa-swipe-actions{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:stretch}.pwa-swipe-action{display:flex;align-items:center;justify-content:center;padding:0 20px;color:#fff;font-weight:600}.pwa-swipe-action-delete{background-color:var(--pwa-error)}.pwa-rating{display:inline-flex;gap:2px}.pwa-star{width:16px;height:16px;color:#fbbf24}.pwa-star-empty{color:var(--pwa-border)}.pwa-img-placeholder{background:var(--pwa-border-light);display:flex;align-items:center;justify-content:center}.pwa-img-placeholder svg{width:40%;height:40%;color:var(--pwa-border)}