:root{--color-violet:#7c3aed;--color-violet-dark:#5b21b6;--color-violet-light:#a78bfa;--color-violet-50:#f5f0ff;--color-violet-100:#ede5ff;--color-violet-200:#ddd6fe;--color-lilac:#c9a9e8;--color-lilac-light:#e8d5f5;--color-lilac-dark:#9b72cf;--color-gold:#d4af37;--color-gold-dark:#b8960f;--color-gold-light:#f0d060;--color-gold-50:#fffbeb;--color-gold-100:#fef3c7;--color-black:#0f0a1a;--color-primary:var(--color-violet);--color-primary-dark:var(--color-violet-dark);--color-primary-light:var(--color-violet-light);--color-accent:var(--color-gold);--color-accent-dark:var(--color-gold-dark);--color-accent-light:var(--color-gold-light);--color-bg:#fafafa;--color-surface:#fff;--color-surface-alt:#f5f0fa;--color-surface-hover:#ede5ff;--color-text:#0f0a1a;--color-text-muted:#6b5b8a;--color-text-light:#9b8fbf;--color-border:#e8e0f0;--color-border-light:#f0ebf5;--color-success:#10b981;--color-success-light:#ecfdf5;--color-warning:#f59e0b;--color-warning-light:#fffbeb;--color-danger:#ef4444;--color-danger-light:#fef2f2;--color-info:#3b82f6;--color-info-light:#eff6ff;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Poppins", var(--font-primary);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0f0a1a0a;--shadow-sm:0 1px 3px #0f0a1a0f, 0 1px 2px #0f0a1a0a;--shadow-md:0 4px 6px -1px #0f0a1a0f, 0 2px 4px -2px #0f0a1a0a;--shadow-lg:0 10px 15px -3px #0f0a1a14, 0 4px 6px -4px #0f0a1a0a;--shadow-xl:0 20px 25px -5px #0f0a1a14, 0 8px 10px -6px #0f0a1a0a;--shadow-violet:0 4px 14px #7c3aed33;--shadow-gold:0 4px 14px #d4af3733;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--gradient-primary:linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--gradient-gold:linear-gradient(135deg, #d4af37 0%, #f0d060 100%);--gradient-hero:linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c9a9e8 100%);--gradient-surface:linear-gradient(180deg, #fff 0%, #fafafa 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;height:auto;display:block}a{color:var(--color-violet);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-violet-dark)}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}small{font-size:var(--text-sm)}strong{font-weight:var(--weight-bold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-primary{font-family:var(--font-primary)}.font-display{font-family:var(--font-display)}.weight-regular{font-weight:var(--weight-regular)}.weight-medium{font-weight:var(--weight-medium)}.weight-semibold{font-weight:var(--weight-semibold)}.weight-bold{font-weight:var(--weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-gold{color:var(--color-gold)}.text-violet{color:var(--color-violet)}.text-lilac{color:var(--color-lilac)}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-white{color:#fff}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}[x-cloak]{display:none!important}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-2{flex:2}.flex-3{flex:3}.min-w-0{min-width:0}.min-w-80{min-width:320px}.min-w-60{min-width:240px}.text-line-through{text-decoration:line-through}.text-underline{text-decoration:underline}.text-nowrap{white-space:nowrap}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-dashed{border-style:dashed}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-gold{background-color:var(--color-gold)}.bg-violet{background-color:var(--color-violet)}.bg-lilac{background-color:var(--color-lilac)}.bg-white{background-color:#fff}.bg-light{background-color:var(--color-surface)}.bg-muted{background-color:var(--color-surface-alt)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-danger{background-color:var(--color-danger)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.visible{visibility:visible}.invisible{visibility:hidden}@media (width>=640px){.sm\:d-none{display:none}.sm\:d-block{display:block}.sm\:d-flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:text-left{text-align:left}}@media (width>=768px){.md\:d-none{display:none}.md\:d-block{display:block}.md\:d-flex{display:flex}.md\:flex-row{flex-direction:row}.md\:text-left{text-align:left}}@media (width>=1024px){.lg\:d-none{display:none}.lg\:d-block{display:block}.lg\:d-flex{display:flex}.lg\:flex-row{flex-direction:row}.lg\:text-left{text-align:left}}.business-review-avatar{border-radius:var(--radius-full);background:var(--color-primary);width:40px;height:40px;color:var(--text-on-primary,var(--text-color));font-weight:600;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-order-row{padding:var(--space-3) var(--space-6);color:inherit;transition:background-color var(--transition-fast);cursor:pointer;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.dashboard-order-row:hover{background-color:var(--color-surface-alt)}.dashboard-order-row:active{background-color:var(--color-border)}.dashboard-order-row:last-child{border-bottom:none!important}.order-item-qty{border-radius:var(--radius-md);background:var(--color-surface-alt);width:32px;height:32px;font-weight:600;font-size:var(--text-sm);color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card--order-item{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.card--order-item .card--product{border-bottom:none}.card--order-item .card--product .card__image-wrap{border-radius:0}.item-review{padding:var(--space-2) var(--space-4);background:var(--color-surface-alt);border-top:1px solid var(--color-border)}.bg-danger-light{background-color:color-mix(in srgb, var(--color-danger) 8%, transparent)}.text-danger{color:var(--color-danger)}.order-timeline{flex-direction:column;gap:0;display:flex}.order-timeline__item{align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-4);opacity:.4;display:flex;position:relative}.order-timeline__item--done,.order-timeline__item--current{opacity:1}.order-timeline__item--danger{opacity:1;padding-bottom:0}.order-timeline__dot{border-radius:var(--radius-full);background:var(--color-border);border:2px solid var(--color-surface);z-index:1;flex-shrink:0;width:12px;height:12px;margin-top:3px;position:relative}.order-timeline__item--done .order-timeline__dot{background:var(--color-success)}.order-timeline__item--current .order-timeline__dot{background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 20%, transparent)}.order-timeline__item--danger .order-timeline__dot{background:var(--color-danger)}.order-timeline__line{background:var(--color-border);width:2px;position:absolute;top:15px;bottom:0;left:5px}.order-timeline__item--done .order-timeline__line{background:var(--color-success)}.order-timeline__content{flex:1;min-width:0}.review-product-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.review-product-card__img--placeholder{border-radius:var(--radius-md);background:var(--color-surface-alt);width:56px;height:56px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border:none;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-violet)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed4d}.btn--secondary{background-color:var(--color-violet-100);color:var(--color-violet-dark)}.btn--secondary:hover:not(:disabled){background-color:var(--color-violet-200)}.btn--accent{background:var(--gradient-gold);color:var(--color-black);font-weight:var(--weight-semibold);box-shadow:var(--shadow-gold)}.btn--accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #d4af374d}.btn--outline{border:2px solid var(--color-border);color:var(--color-text);background-color:#0000}.btn--outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-violet-50)}.btn--ghost{color:var(--color-text-muted);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface-alt);color:var(--color-text)}.btn--danger{background-color:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background-color:#dc2626}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn--full{width:100%}.btn--icon{padding:var(--space-3)}.btn--icon.btn--sm{padding:var(--space-2)}.btn-group{gap:var(--space-2);display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.btn-group .btn:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:all var(--transition-fast);overflow:hidden}.card:hover{border-color:var(--color-violet-200);box-shadow:var(--shadow-md)}.card__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.card__body{padding:var(--space-6)}.card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-surface-alt)}.card__image{aspect-ratio:16/9;object-fit:cover;width:100%}.card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--color-text)}.card__text{color:var(--color-text-muted);font-size:var(--text-sm)}.card--flat{border:1px solid var(--color-border)}.card--flat:hover{border-color:var(--color-primary)}.card--featured{border:2px solid var(--color-gold);box-shadow:var(--shadow-gold)}.card--clickable{cursor:pointer}.card--horizontal{flex-direction:row;display:flex}.card--horizontal .card__image{aspect-ratio:1;flex-shrink:0;width:120px;height:120px}.card--horizontal .card__body{flex-direction:column;flex:1;justify-content:center;display:flex}.card--compact .card__body{padding:var(--space-3) var(--space-4)}.card-grid{gap:var(--space-4);display:grid}.card-grid--2{grid-template-columns:repeat(2,1fr)}.card-grid--3{grid-template-columns:repeat(3,1fr)}.card-grid--4{grid-template-columns:repeat(4,1fr)}@media (width>=768px){.card-grid--responsive{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.card-grid--responsive{grid-template-columns:repeat(3,1fr)}}.card--product{flex-direction:row;display:flex;position:relative}.card--product-reverse{flex-direction:row-reverse;display:flex;position:relative}.card--product .card__image-wrap,.card--product-reverse .card__image-wrap{flex-shrink:0;width:124px;height:124px;position:relative;overflow:hidden}.card--product .card__image-wrap img,.card--product-reverse .card__image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.card__image-placeholder{background-color:var(--color-surface-alt);justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.card__add-btn{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:28px;height:28px;font-size:var(--text-lg);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);z-index:2;border:2px solid #fff;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;bottom:6px;right:6px}.card__add-btn:hover{background:var(--color-primary-dark,#6d28d9);transform:scale(1.1)}.card__badges{z-index:2;flex-direction:column;gap:4px;display:flex;position:absolute;top:6px;left:6px}.card__rating-badge{border-radius:var(--radius-full);color:#fff;font-size:11px;font-weight:var(--weight-bold);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;align-items:center;gap:3px;padding:2px 6px;display:flex;position:absolute;top:6px;right:6px}.card__rating-badge svg{width:12px;height:12px;color:var(--color-gold)}.card__badge{border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);white-space:nowrap;align-items:center;padding:2px 8px;line-height:1.4;display:inline-flex}.card__badge--promo{background:var(--color-primary);color:#fff}.card__badge--shipping{background:var(--color-success,#10b981);color:#fff}.card__badge--discount{background:var(--color-danger,#ef4444);color:#fff}.card--product .card__body,.card--product-reverse .card__body{padding:var(--space-3) var(--space-4);flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.card__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-1);line-clamp:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card__desc{font-size:var(--text-xs);color:var(--color-text-muted);line-clamp:2;-webkit-line-clamp:2;margin-bottom:var(--space-2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card__tags{align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.card__tag{border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;padding:1px 6px;display:inline-flex}.card__tag--promo{background:var(--color-violet-100,#ede9fe);color:var(--color-primary)}.card__tag--shipping{background:var(--color-success-light,#d1fae5);color:var(--color-success,#059669)}.card__tag--discount{background:var(--color-danger-light,#fee2e2);color:var(--color-danger,#dc2626)}.product-tag{border-radius:var(--radius-full);font-size:.7rem;font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;line-height:1.4;display:inline-flex}.product-tag__remove{cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;font-size:.65rem;line-height:1}.product-tag__remove:hover{opacity:1}.product-tag-color{cursor:pointer;width:20px;height:20px;transition:transform var(--transition-fast), border-color var(--transition-fast);border:2px solid #0000;border-radius:50%}.product-tag-color:hover{transform:scale(1.15)}.product-tag-color--active{border-color:var(--color-text);transform:scale(1.15)}.card__bottom{justify-content:space-between;align-items:center;display:flex}.card__price{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary)}.card__price--old{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-1);font-weight:var(--weight-regular);text-decoration:line-through}.card__time{font-size:var(--text-xs);color:var(--color-text-muted)}.card-grid--menu{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=768px){.card-grid--menu{grid-template-columns:repeat(2,1fr)}}.card--cart-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:row;display:flex}.card--cart-item:last-child{border-bottom:none}.card--cart-item .card__cart-image{border-radius:var(--radius-lg);object-fit:cover;background-color:var(--color-surface-alt);flex-shrink:0;width:64px;height:64px}.card--cart-item .card__cart-image-placeholder{border-radius:var(--radius-lg);background-color:var(--color-surface-alt);width:64px;height:64px;color:var(--color-text-light);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.card--cart-item .card__cart-info{flex:1;min-width:0}.card--cart-item .card__cart-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);line-clamp:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card--cart-item .card__cart-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.card--cart-item .card__cart-meta-row{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.card--cart-item .card__cart-rating{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text);align-items:center;gap:3px;display:inline-flex}.card--cart-item .card__cart-time{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:3px;display:inline-flex}.card--cart-item .card__cart-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.card--cart-item .card__cart-tags{align-items:center;gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.card--cart-item .card__cart-tag{border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-semibold);white-space:nowrap;background:var(--color-violet-100,#ede9fe);color:var(--color-primary);align-items:center;padding:1px 6px;display:inline-flex}.card--cart-item .card__cart-tag--shipping{background:var(--color-success-light,#d1fae5);color:var(--color-success,#059669)}.card--cart-item .card__cart-tag--discount{background:var(--color-danger-light,#fee2e2);color:var(--color-danger,#dc2626)}.card--cart-item .card__cart-price{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary);margin-top:var(--space-1)}.card--cart-item .card__cart-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.card--cart-item .card__cart-remove{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.card--cart-item .card__cart-remove:hover{background:var(--color-danger-light,#fee2e2);color:var(--color-danger)}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-2);display:block}.form-label--required:after{content:" *";color:var(--color-danger)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #7c3aed1f}.form-input::placeholder{color:var(--color-text-light)}.form-input:disabled{background-color:var(--color-surface-alt);cursor:not-allowed}.form-input--error{border-color:var(--color-danger)}.form-input--error:focus{box-shadow:0 0 0 3px #ef44441f}.form-input--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.form-input--lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.form-input-icon__icon{left:var(--space-3);color:var(--color-text-light);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-textarea{width:100%;min-height:100px;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #7c3aed1f}.form-textarea::placeholder{color:var(--color-text-light)}.form-select{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B5B8A' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);appearance:none;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #7c3aed1f}.form-check{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.form-check__input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.form-check__label{font-size:var(--text-base);color:var(--color-text);cursor:pointer}.form-radio{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.form-radio__input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.form-radio__label{font-size:var(--text-base);color:var(--color-text);cursor:pointer}.form-error{font-size:var(--text-sm);color:var(--color-danger);margin-top:var(--space-1)}.form-help{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.bottom-nav{border-top:1px solid var(--color-border);height:64px;z-index:var(--z-fixed);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);background-color:#ffffffeb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{justify-content:center;align-items:center;gap:var(--space-1);height:100%;color:var(--color-text-light);transition:color var(--transition-fast);flex-direction:column;flex:1;text-decoration:none;display:flex;position:relative}.bottom-nav__item:hover,.bottom-nav__item--active{color:var(--color-violet)}.bottom-nav__icon{font-size:24px;line-height:1}.bottom-nav__label{font-size:var(--text-xs);font-weight:var(--weight-medium)}.bottom-nav__badge{background:var(--color-danger);color:#fff;font-size:10px;font-weight:var(--weight-bold);border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;line-height:1;display:flex;position:absolute;top:2px;right:calc(50% - 20px)}.top-nav{height:56px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);background-color:#ffffffeb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.top-nav__back{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text);transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.top-nav__back:hover{background-color:var(--color-surface-alt)}.top-nav__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);text-align:center;color:var(--color-text);flex:1}.top-nav__actions{align-items:center;gap:var(--space-2);display:flex}.sidebar-nav{background:var(--color-surface);border-right:1px solid var(--color-border);width:260px;height:100vh;padding:var(--space-6);position:fixed;top:0;left:0;overflow-y:auto}.sidebar-nav__logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.sidebar-nav__logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-nav__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-muted);transition:all var(--transition-fast);margin-bottom:var(--space-1);text-decoration:none;display:flex}.sidebar-nav__item:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.sidebar-nav__item--active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-violet)}.sidebar-nav__item--active:hover{background:var(--gradient-primary);color:#fff;opacity:.9}.sidebar-nav__icon{text-align:center;width:24px;font-size:20px}.sidebar-nav__label{font-size:var(--text-base);font-weight:var(--weight-medium)}.sidebar-nav__section{margin-top:var(--space-6);margin-bottom:var(--space-3)}.sidebar-nav__section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-4)}.header{height:64px;padding:0 var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.header__logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;text-decoration:none}.header__nav{align-items:center;gap:var(--space-4);display:flex}.header__nav-link{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.header__nav-link:hover,.header__nav-link--active{color:var(--color-violet)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);white-space:nowrap;display:inline-flex}.badge--primary{background-color:var(--color-violet-100);color:var(--color-violet-dark)}.badge--secondary{background-color:var(--color-lilac-light);color:var(--color-lilac-dark)}.badge--accent{background-color:var(--color-gold-100);color:var(--color-gold-dark)}.badge--success{background-color:var(--color-success-light);color:#065f46}.badge--warning{background-color:var(--color-warning-light);color:#92400e}.badge--danger{background-color:var(--color-danger-light);color:#991b1b}.badge--info{background-color:var(--color-info-light);color:#1e40af}.badge--light{background-color:var(--color-surface-alt);color:var(--color-text)}.badge--outline{background-color:#0000;border:1px solid}.badge--outline.badge--primary{color:var(--color-primary)}.badge--outline.badge--success{color:var(--color-success)}.badge--outline.badge--danger{color:var(--color-danger)}.badge--sm{padding:2px var(--space-2);font-size:10px}.badge--lg{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.badge--dot:before{content:"";background-color:currentColor;border-radius:50%;width:6px;height:6px}.status-badge{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-flex}.status-badge__dot{border-radius:50%;width:8px;height:8px}.status-badge--online .status-badge__dot{background-color:var(--color-success);box-shadow:0 0 6px #10b98166}.status-badge--offline .status-badge__dot{background-color:var(--color-text-light)}.status-badge--busy .status-badge__dot{background-color:var(--color-warning);box-shadow:0 0 6px #f59e0b66}.notification-badge{min-width:18px;height:18px;font-size:11px;font-weight:var(--weight-bold);color:#fff;background-color:var(--color-danger);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 5px;display:flex;position:absolute;top:-4px;right:-4px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:opacity var(--transition-normal), visibility var(--transition-normal);background-color:#0f0a1a66;position:fixed;inset:0}.modal-backdrop--active{opacity:1;visibility:visible}.modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-xl);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-normal), visibility var(--transition-normal), transform var(--transition-normal);position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.95)}.modal--active{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.modal__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.modal__close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-muted);transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal__close:hover{background-color:var(--color-surface-alt)}.modal__body{padding:var(--space-6);overflow-y:auto}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex}.modal--sm{max-width:400px}.modal--lg{max-width:700px}.modal--xl{max-width:900px}.bottom-sheet{background-color:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:var(--z-modal);transition:transform var(--transition-normal);border-top:1px solid var(--color-border);max-height:90vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -10px 40px #0f0a1a1a}.bottom-sheet--active{transform:translateY(0)}.bottom-sheet__handle{background-color:var(--color-border);border-radius:var(--radius-full);width:40px;height:4px;margin:var(--space-3) auto}.bottom-sheet__header{padding:0 var(--space-4) var(--space-4);justify-content:space-between;align-items:center;display:flex}.bottom-sheet__body{padding:0 var(--space-4) var(--space-6)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex}.alert__icon{flex-shrink:0;width:20px;height:20px}.alert__content{flex:1}.alert__title{font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.alert__message{font-size:var(--text-sm)}.alert__close{padding:var(--space-1);color:inherit;opacity:.5;transition:opacity var(--transition-fast);flex-shrink:0}.alert__close:hover{opacity:1}.alert--success{background-color:var(--color-success-light);color:#065f46;border:1px solid #a7f3d0}.alert--warning{background-color:var(--color-warning-light);color:#92400e;border:1px solid #fde68a}.alert--danger{background-color:var(--color-danger-light);color:#991b1b;border:1px solid #fecaca}.alert--info{background-color:var(--color-info-light);color:#1e40af;border:1px solid #bfdbfe}.toast-container{top:var(--space-4);right:var(--space-4);z-index:var(--z-tooltip);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);min-width:300px;animation:slideInRight var(--transition-normal);display:flex}.toast--success{background-color:var(--color-success);color:#fff}.toast--error{background-color:var(--color-danger);color:#fff}.toast--warning{background-color:var(--color-warning);color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.business-header{width:100%;position:relative;overflow:hidden}.business-header__image{object-fit:cover;width:100%;height:200px;display:block}.business-header__overlay{padding:var(--space-4);color:#fff;background:linear-gradient(#0000 0%,#0f0a1ad9 100%);position:absolute;bottom:0;left:0;right:0}.business-status{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-flex}.business-status__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.business-status--open .business-status__dot{background-color:var(--color-success);box-shadow:0 0 6px #10b98166}.business-status--open{color:var(--color-success)}.business-status--closed .business-status__dot{background-color:var(--color-danger);box-shadow:0 0 6px #ef444466}.business-status--closed{color:var(--color-danger)}.business-status--closed-hours .business-status__dot{background-color:var(--color-text-light)}.business-status--closed-hours{color:var(--color-text-muted)}.business-info{gap:var(--space-2);padding:var(--space-4);background-color:var(--color-surface);flex-direction:column;display:flex}.business-info__name{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text)}.business-info__rating{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent-dark);display:inline-flex}.business-info__category{font-size:var(--text-sm);color:var(--color-text-muted)}.business-info__meta{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.business-info__meta-item{align-items:center;gap:var(--space-1);display:inline-flex}.business-info__meta-icon{color:var(--color-primary);font-size:16px}.menu-category{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.menu-category__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.menu-category__count{font-size:var(--text-sm);color:var(--color-text-light)}.menu-category--first{border-top:none}.business-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.business-card:hover{border-color:var(--color-violet-200);box-shadow:var(--shadow-md)}.business-card__image-wrapper{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.business-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.business-card:hover .business-card__image{transform:scale(1.03)}.business-card__promo{top:var(--space-3);left:var(--space-3);align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--gradient-gold);color:var(--color-black);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-full);box-shadow:var(--shadow-gold);display:inline-flex;position:absolute}.business-card__body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.business-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.business-card__meta{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.business-card__rating{align-items:center;gap:var(--space-1);font-weight:var(--weight-medium);color:var(--color-accent-dark);display:inline-flex}.business-card__delivery{align-items:center;gap:var(--space-1);display:inline-flex}.business-card__delivery:before{content:"·";margin-right:var(--space-1)}.business-card__description{font-size:var(--text-sm);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.business-card__address{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);display:flex}.business-card__address svg{flex-shrink:0}.business-hero{width:100%;height:220px;position:relative;overflow:hidden}.business-hero__cover{object-fit:cover;width:100%;height:100%;display:block}.business-hero__cover--placeholder{background:linear-gradient(135deg, var(--color-violet-100), var(--color-violet-200));justify-content:center;align-items:center;font-size:4rem;display:flex}.business-hero__overlay{background:linear-gradient(#0000 0%,#0f0a1a1a 50%,#0f0a1ab3 100%);position:absolute;inset:0}.business-hero__back{top:var(--space-3);left:var(--space-3);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text);z-index:2;box-shadow:var(--shadow-sm);transition:background var(--transition-fast);background:#ffffffe6;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute}.business-hero__back:hover{background:#fff}.business-hero__info{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);align-items:flex-end;gap:var(--space-3);z-index:2;display:flex;position:absolute}.business-hero__logo{border-radius:var(--radius-lg);object-fit:cover;width:56px;height:56px;box-shadow:var(--shadow-md);border:2px solid #fff;flex-shrink:0}.business-hero__logo--placeholder{background:var(--gradient-primary);color:#fff;font-size:var(--text-lg);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:flex}.business-hero__name{font-size:var(--text-xl);font-weight:var(--weight-bold);color:#fff;text-shadow:0 1px 4px #0000004d;margin:0}.business-hero__meta{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffe6;flex-wrap:wrap;display:flex}.business-hero__rating{font-weight:var(--weight-semibold)}.business-hero__dot{opacity:.6}.business-info-bar{padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-around;align-items:center;display:flex}.business-info-bar__item{align-items:center;gap:var(--space-2);text-align:left;display:flex}.business-info-bar__icon{font-size:18px}.business-info-bar__value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.business-info-bar__label{font-size:var(--text-xs);color:var(--color-text-muted)}.business-info-bar__divider{background:var(--color-border);width:1px;height:28px}.business-promo-scroll{gap:var(--space-3);padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.business-promo-scroll::-webkit-scrollbar{display:none}.business-promo-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg, var(--color-violet-50), var(--color-violet-100));border:1px solid var(--color-violet-200);border-radius:var(--radius-lg);flex-shrink:0;min-width:260px;display:flex}.business-promo-card__badge{padding:var(--space-2) var(--space-3);background:var(--gradient-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--shadow-violet);justify-content:center;align-items:center;display:flex}.business-promo-card__info{flex:1;min-width:0}.business-promo-card__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.business-promo-card__desc{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.business-chips{gap:var(--space-2);padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.business-chips::-webkit-scrollbar{display:none}.business-most-ordered{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.business-most-ordered__item{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.business-most-ordered__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.business-most-ordered__img-wrap{aspect-ratio:1;border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden}.business-most-ordered__img{object-fit:cover;width:100%;height:100%}.business-most-ordered__img--placeholder{background:var(--color-surface-alt);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.business-most-ordered__rank{top:var(--space-1);left:var(--space-1);border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:22px;height:22px;font-size:var(--text-xs);font-weight:var(--weight-bold);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:absolute}.business-most-ordered__name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);line-height:1.3}.business-most-ordered__price{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary)}.business-reviews-stats{gap:var(--space-6);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex}.business-reviews-stats__avg{flex-direction:column;justify-content:center;align-items:center;min-width:100px;display:flex}.business-reviews-stats__number{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text);line-height:1}.business-reviews-stats__stars{font-size:var(--text-sm);margin-top:var(--space-1)}.business-reviews-stats__count{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.business-reviews-stats__bars{gap:var(--space-2);flex-direction:column;flex:1;justify-content:center;display:flex}.business-reviews-stats__bar-row{align-items:center;gap:var(--space-2);display:flex}.business-reviews-stats__bar-label{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;min-width:12px}.business-reviews-stats__bar-track{background:var(--color-surface-alt);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.business-reviews-stats__bar-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width .5s}.business-reviews-stats__bar-pct{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;min-width:30px}.business-review-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.business-payment-icon{font-size:20px}.category-cards{gap:var(--space-3);padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.category-cards::-webkit-scrollbar{display:none}.category-card{align-items:center;gap:var(--space-2);min-width:80px;padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;flex-shrink:0;text-decoration:none;display:flex}.category-card:hover{border-color:var(--color-primary-light);background:var(--color-surface-hover)}.category-card--active{border-color:var(--color-primary);background:var(--gradient-primary);box-shadow:var(--shadow-violet)}.category-card--active:hover{background:var(--gradient-primary);border-color:var(--color-primary)}.category-card__icon{border-radius:var(--radius-full);background:var(--color-surface-alt);width:48px;height:48px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:24px;display:flex}.category-card--active .category-card__icon{background:#ffffff40}.category-card__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);text-align:center;white-space:nowrap;transition:color var(--transition-fast)}.category-card--active .category-card__label{color:#fff}.business-map-container{border-radius:var(--radius-xl);border:1px solid var(--color-border);width:100%;height:260px;position:relative;overflow:hidden}.business-map-iframe{border:0;width:100%;height:100%}.business-map-marker{z-index:5;pointer-events:none;filter:drop-shadow(0 3px 6px #0000004d);position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.business-map-marker__icon{background:var(--gradient-primary);border-radius:var(--radius-full);width:48px;height:48px;box-shadow:var(--shadow-lg);border:3px solid #fff;justify-content:center;align-items:center;font-size:24px;display:flex;position:relative}.business-map-marker__icon:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--color-primary);width:0;height:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.business-map-directions{bottom:var(--space-3);right:var(--space-3);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:all var(--transition-fast);z-index:5;background:#fff;text-decoration:none;display:inline-flex;position:absolute}.business-map-directions:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.checkout-step{gap:var(--space-4);padding:var(--space-4) 0;flex-direction:column;display:flex}.checkout-step__header{align-items:center;gap:var(--space-3);display:flex}.checkout-step__number{border-radius:var(--radius-full);background-color:var(--color-surface-alt);width:32px;height:32px;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);border:2px solid var(--color-border);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkout-step--active .checkout-step__number{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-violet)}.checkout-step--completed .checkout-step__number{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.checkout-step__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.checkout-step--inactive .checkout-step__title{color:var(--color-text-muted)}.checkout-step__content{padding-left:calc(32px + var(--space-3))}.address-card__radio{border:2px solid var(--color-border-light);border-radius:var(--radius-full);width:20px;height:20px;transition:all var(--transition-fast);flex-shrink:0;margin-top:2px;position:relative}.address-card--active .address-card__radio{border-color:var(--color-primary);background:var(--color-primary)}.address-card--active .address-card__radio:after{content:"";background-color:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.address-card__content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.address-card__label{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.address-card__detail{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.address-card__tag{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);background-color:var(--color-violet-100);color:var(--color-violet-dark);align-self:flex-start;display:inline-flex}.payment-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);display:flex}.payment-card:hover{border-color:var(--color-primary-light)}.payment-card--active{border-color:var(--color-primary);box-shadow:var(--shadow-violet);background:#7c3aed14}.payment-card__icon{border-radius:var(--radius-sm);background-color:var(--color-surface-alt);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:32px;font-size:18px;display:flex}.payment-card__info{flex-direction:column;flex:1;gap:2px;display:flex}.payment-card__name{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text)}.payment-card__detail{font-size:var(--text-sm);color:var(--color-text-muted)}.payment-card__check{border-radius:var(--radius-full);border:2px solid var(--color-border-light);width:22px;height:22px;transition:all var(--transition-fast);flex-shrink:0;position:relative}.payment-card--active .payment-card__check{border-color:var(--color-primary);background:var(--color-primary)}.payment-card--active .payment-card__check:after{content:"";background-color:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.order-summary{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.order-summary__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.order-summary__item{font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.order-summary__item-label{align-items:center;gap:var(--space-2);flex:1;display:flex}.order-summary__item-qty{font-weight:var(--weight-semibold);color:var(--color-text)}.order-summary__item-price{font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;margin-left:var(--space-4)}.order-summary__divider{background-color:var(--color-border);height:1px;margin:var(--space-1) 0}.order-summary__subtotal{font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;display:flex}.order-summary__total{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);padding-top:var(--space-2);border-top:1px solid var(--color-border);justify-content:space-between;display:flex}.promo-input{align-items:center;gap:var(--space-2);display:flex}.promo-input__field{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1}.promo-input__field:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #7c3aed1f}.promo-input__field::placeholder{color:var(--color-text-light);text-transform:none;letter-spacing:normal}.promo-input__btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary);background-color:var(--color-violet-100);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none}.promo-input__btn:hover{background-color:var(--color-violet-200)}.promo-input__btn:disabled{opacity:.5;cursor:not-allowed}.tip-selector{gap:var(--space-2);display:flex}.tip-selector__option{padding:var(--space-3) var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.tip-selector__option:hover{border-color:var(--color-primary-light)}.tip-selector__option--active{border-color:var(--color-primary);box-shadow:var(--shadow-violet);background:#7c3aed14}.tip-selector__percent{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text)}.tip-selector__amount{font-size:var(--text-xs);color:var(--color-text-muted)}.tip-selector__option--active .tip-selector__percent,.tip-selector__option--active .tip-selector__amount{color:var(--color-primary)}.checkout-total-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-top:1px solid var(--color-border);z-index:var(--z-fixed);-webkit-backdrop-filter:blur(12px);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background-color:#fffffff2;display:flex;position:fixed;bottom:0;left:0;right:0}.checkout-total-bar__info{flex-direction:column;gap:2px;display:flex}.checkout-total-bar__label{font-size:var(--text-xs);color:var(--color-text-muted)}.checkout-total-bar__amount{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text)}.checkout-total-bar__cta{padding:var(--space-3) var(--space-8);font-size:var(--text-base);font-weight:var(--weight-semibold);color:#fff;background:var(--gradient-primary);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-violet);transition:all var(--transition-fast);border:none}.checkout-total-bar__cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed4d}.checkout-total-bar__cta:disabled{opacity:.5;cursor:not-allowed}.profile-header{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);background:var(--gradient-surface);flex-direction:column;display:flex}.profile-header__avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:80px;height:80px;font-size:var(--text-3xl);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:flex}.profile-header__name{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);text-align:center}.profile-header__email{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.profile-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--color-text);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast);text-decoration:none;display:flex}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover{background-color:var(--color-surface-alt)}.profile-menu-item__icon{border-radius:var(--radius-lg);background-color:var(--color-surface-alt);width:40px;height:40px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.profile-menu-item__label{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);flex:1}.profile-menu-item__badge{padding:2px var(--space-2);font-size:11px;font-weight:var(--weight-bold);color:#fff;background-color:var(--color-danger);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:20px;height:20px;display:flex}.profile-menu-item__arrow{color:var(--color-text-light);flex-shrink:0;font-size:16px}.profile-section{margin-bottom:var(--space-6)}.profile-section__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-4);margin-bottom:var(--space-2)}.profile-section__content{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}.profile-info-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.profile-info-row:last-child{border-bottom:none}.profile-info-row__label{font-size:var(--text-sm);color:var(--color-text-muted)}.profile-info-row__value{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);text-align:right}.profile-edit-avatar{width:80px;height:80px;display:inline-block;position:relative}.profile-edit-avatar__image{border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-surface);width:100%;height:100%;box-shadow:var(--shadow-md)}.profile-edit-avatar__overlay{border-radius:var(--radius-full);opacity:0;cursor:pointer;transition:opacity var(--transition-fast);background-color:#0f0a1a66;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.profile-edit-avatar:hover .profile-edit-avatar__overlay{opacity:1}.profile-edit-avatar__icon{color:#fff;font-size:20px}.profile-edit-avatar__input{opacity:0;cursor:pointer;border-radius:var(--radius-full);position:absolute;inset:0}.order-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);gap:var(--space-3);transition:border-color var(--transition-fast);flex-direction:column;display:flex}.order-card:hover{border-color:var(--color-violet-200)}.order-card__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.order-card__number{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text)}.order-card__time{font-size:var(--text-xs);color:var(--color-text-light)}.order-card__body{justify-content:space-between;align-items:center;display:flex}.order-card__items-count{font-size:var(--text-sm);color:var(--color-text-muted)}.order-card__total{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text)}.order-card__footer{justify-content:space-between;align-items:center;display:flex}.order-card--expandable{cursor:pointer}.order-card--expandable .order-card__toggle{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-primary);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;display:flex}.order-card--expandable .order-card__toggle:hover{opacity:.7}.order-card--expandable .order-card__toggle-icon{transition:transform var(--transition-fast);font-size:14px}.order-card--expanded .order-card__toggle-icon{transform:rotate(180deg)}.order-card--expanded .order-card__details{display:flex}.order-card__details{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;display:none}.order-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.order-item__qty{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary);flex-shrink:0;min-width:28px}.order-item__name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);flex:1}.order-item__variant{font-size:var(--text-xs);color:var(--color-text-light);margin-left:var(--space-1)}.order-item__price{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;margin-left:var(--space-2)}.order-totals{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.order-totals__row{font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;display:flex}.order-totals__row--fee{color:var(--color-text-muted)}.order-totals__row--total{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.order-note{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface-alt);border-radius:var(--radius-lg);margin-top:var(--space-2);display:flex}.order-note__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.order-note__text{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.order-status-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);white-space:nowrap;display:inline-flex}.order-status-badge--pending{background-color:var(--color-warning-light);color:#92400e}.order-status-badge--confirmed{background-color:var(--color-info-light);color:#1e40af}.order-status-badge--preparing{background-color:var(--color-violet-100);color:var(--color-violet-dark)}.order-status-badge--ready{background-color:var(--color-gold-100);color:var(--color-gold-dark)}.order-status-badge--delivering{background-color:var(--color-info-light);color:#1e40af}.order-status-badge--delivered{background-color:var(--color-success-light);color:#065f46}.order-status-badge--cancelled{background-color:var(--color-danger-light);color:#991b1b}.order-timeline{padding:var(--space-4);flex-direction:column;display:flex}.order-timeline__item{align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-4);display:flex;position:relative}.order-timeline__item:last-child{padding-bottom:0}.order-timeline__item:not(:last-child):after{content:"";background-color:var(--color-border);width:2px;position:absolute;top:28px;bottom:0;left:11px}.order-timeline__item--completed:not(:last-child):after{background-color:var(--color-success)}.order-timeline__dot{border-radius:var(--radius-full);background-color:var(--color-surface-alt);border:2px solid var(--color-border);z-index:1;width:24px;height:24px;color:var(--color-text-light);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.order-timeline__item--completed .order-timeline__dot{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.order-timeline__item--active .order-timeline__dot{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-violet)}.order-timeline__content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.order-timeline__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.order-timeline__item--pending .order-timeline__label{color:var(--color-text-light)}.order-timeline__time{font-size:var(--text-xs);color:var(--color-text-light)}.skeleton{background:linear-gradient(110deg, var(--color-surface-alt) 30%, var(--color-surface) 50%, var(--color-surface-alt) 70%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton--image{width:100%;height:160px}.skeleton--title{width:60%;height:20px}.skeleton--text{width:80%;height:14px}.skeleton--short{width:40%;height:14px}.skeleton--avatar{border-radius:var(--radius-full);width:48px;height:48px}.skeleton--button{width:120px;height:40px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:32px;height:32px;animation:.8s linear infinite spinner-rotate;display:inline-block}.spinner--sm{border-width:2px;width:20px;height:20px}.spinner--lg{border-width:4px;width:48px;height:48px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.progress-steps{align-items:center;gap:0;display:flex}.progress-step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.progress-step:not(:last-child):after{content:"";background:var(--color-border);height:2px;position:absolute;top:14px;left:calc(50% + 16px);right:calc(16px - 50%)}.progress-step--completed:not(:last-child):after{background:var(--color-success)}.progress-step__dot{border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--weight-semibold);z-index:1;transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex;position:relative}.progress-step--completed .progress-step__dot{background:var(--color-success);color:#fff}.progress-step--active .progress-step__dot{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-violet);animation:2s ease-in-out infinite progress-step-pulse}.progress-step--pending .progress-step__dot{background:var(--color-surface-alt);color:var(--color-text-light);border:2px solid var(--color-border)}.progress-step__label{margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);text-align:center}.progress-step--active .progress-step__label{color:var(--color-text);font-weight:var(--weight-semibold)}.progress-step--completed .progress-step__label{color:var(--color-success)}@keyframes progress-step-pulse{0%,to{box-shadow:var(--shadow-violet)}50%{box-shadow:0 4px 20px #7c3aed59}}.progress-bar{background:var(--color-surface-alt);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar__fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-bar--sm{height:4px}.progress-bar--lg{height:12px}.avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:40px;height:40px;font-weight:var(--weight-bold);font-size:var(--text-base);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.avatar--xs{width:24px;height:24px;font-size:var(--text-xs)}.avatar--sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar--xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar img{object-fit:cover;width:100%;height:100%}.avatar__status{border-radius:var(--radius-full);border:2px solid var(--color-surface);width:12px;height:12px;position:absolute;bottom:0;right:0}.avatar--xs .avatar__status,.avatar--sm .avatar__status{width:8px;height:8px}.avatar__status--online{background:var(--color-success);box-shadow:0 0 6px #10b98166}.avatar__status--offline{background:var(--color-text-light)}.avatar__status--busy{background:var(--color-warning);box-shadow:0 0 6px #f59e0b66}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid var(--color-surface);margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.filter-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-alt);cursor:pointer;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);transition:all var(--transition-fast);display:inline-flex}.category-chip{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface-alt);cursor:pointer;white-space:nowrap;color:var(--color-text-muted);transition:all var(--transition-fast);display:flex}.chip--closable{padding-right:var(--space-2)}.chip__close{border-radius:var(--radius-full);width:20px;height:20px;color:inherit;cursor:pointer;font-size:var(--text-sm);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.chip__close:hover{background:#0000001a}.filter-chip--active .chip__close:hover,.category-chip--active .chip__close:hover{background:#fff3}.tabs{border-bottom:2px solid var(--color-border);gap:0;display:flex}.tabs--scrollable{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tabs--scrollable::-webkit-scrollbar{display:none}.tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;display:inline-flex}.tab__icon{font-size:var(--text-lg)}.tab__badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-alt);color:var(--color-text-muted)}.tab--active .tab__badge{color:var(--color-primary);background:#7c3aed1a}.tab--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.tab--lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg)}.tab-panel{padding:var(--space-4) 0}.tab-panel--hidden{display:none}.toggle{align-items:center;gap:var(--space-3);cursor:pointer;display:inline-flex}.toggle__track{background:var(--color-border);border-radius:var(--radius-full);width:44px;height:24px;transition:background var(--transition-fast);flex-shrink:0;position:relative}.toggle__thumb{border-radius:var(--radius-full);width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px}.toggle__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toggle__input:checked+.toggle__track{background:var(--color-primary)}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(20px)}.toggle__input:disabled+.toggle__track{opacity:.5;cursor:not-allowed}.toggle--on .toggle__track{background:var(--color-primary)}.toggle--on .toggle__thumb{transform:translate(20px)}.toggle__label{font-size:var(--text-base);color:var(--color-text);-webkit-user-select:none;user-select:none}.toggle__label--muted{color:var(--color-text-muted)}.list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.list-item{align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);cursor:pointer;text-decoration:none;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--color-surface-alt)}.list-item--active{background:var(--color-surface-alt);border-left:3px solid var(--color-primary)}.list-item--selectable{cursor:pointer}.list-item--selected{border-left:3px solid var(--color-primary);background:#7c3aed14}.list-item__icon{border-radius:var(--radius-lg);background:var(--color-surface-alt);width:40px;height:40px;color:var(--color-text-muted);font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.list-item__content{flex:1;min-width:0}.list-item__title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-item__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-item__action{color:var(--color-text-light);flex-shrink:0;align-items:center;display:flex}.list-item__action--arrow{font-size:var(--text-lg)}.pagination{align-items:center;gap:var(--space-1);display:flex}.pagination__item{min-width:36px;height:36px;padding:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.pagination__item:hover:not(.pagination__item--active):not(:disabled){background-color:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text)}.pagination__item--active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-violet);border-color:#0000}.pagination__item--active:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed4d}.pagination__item:disabled{opacity:.5;cursor:not-allowed}.pagination__arrow{width:36px;height:36px;color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.pagination__arrow:hover:not(:disabled){background-color:var(--color-surface-alt);border-color:var(--color-primary);color:var(--color-primary)}.pagination__arrow:disabled{opacity:.5;cursor:not-allowed}.pagination__arrow--prev{margin-right:var(--space-1)}.pagination__arrow--next{margin-left:var(--space-1)}.pagination__ellipsis{min-width:36px;height:36px;font-size:var(--text-sm);color:var(--color-text-light);pointer-events:none;justify-content:center;align-items:center;display:flex}.pagination__info{font-size:var(--text-sm);color:var(--color-text-muted);margin-left:var(--space-4);white-space:nowrap}.pagination--sm .pagination__item,.pagination--sm .pagination__arrow,.pagination--sm .pagination__ellipsis{min-width:28px;height:28px;font-size:var(--text-xs)}.pagination--lg .pagination__item,.pagination--lg .pagination__arrow,.pagination--lg .pagination__ellipsis{min-width:44px;height:44px;font-size:var(--text-base)}.rating{align-items:center;gap:var(--space-2);display:inline-flex}.rating__stars{gap:2px;display:flex}.rating__star{width:16px;height:16px;color:var(--color-border);transition:color var(--transition-fast)}.rating__star--filled{color:var(--color-accent)}.rating__star--half{color:var(--color-border);position:relative}.rating__star--half:before{content:"";width:50%;position:absolute;inset:0;overflow:hidden}.rating__value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.rating__count{font-size:var(--text-sm);color:var(--color-text-muted)}.rating--sm .rating__star{width:14px;height:14px}.rating--sm .rating__value,.rating--sm .rating__count{font-size:var(--text-xs)}.rating--lg .rating__star{width:24px;height:24px}.rating--lg .rating__stars{gap:var(--space-1)}.rating--lg .rating__value{font-size:var(--text-lg)}.rating--lg .rating__count{font-size:var(--text-base)}.rating--interactive,.rating--interactive .rating__star{cursor:pointer}.rating--interactive .rating__star:hover{color:var(--color-accent-dark);transform:scale(1.15)}.rating--interactive .rating__star--filled:hover{color:var(--color-accent-dark)}.rating--compact{gap:var(--space-1)}.rating--compact .rating__star{width:12px;height:12px}.rating--compact .rating__value{font-size:var(--text-xs);font-weight:var(--weight-medium)}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--line-height-normal);color:#fff;background-color:var(--color-text);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:var(--z-tooltip);transition:opacity var(--transition-fast), visibility var(--transition-fast);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--color-text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible}.tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip--top:after{border:5px solid #0000;border-top-color:var(--color-text);top:100%;left:50%;transform:translate(-50%)}.tooltip--bottom{top:calc(100% + 8px);bottom:auto;left:50%;transform:translate(-50%)}.tooltip--bottom:after{border:5px solid #0000;border-bottom-color:var(--color-text);top:auto;bottom:100%;left:50%;transform:translate(-50%)}.tooltip--left{inset:50% calc(100% + 8px) auto auto;transform:translateY(-50%)}.tooltip--left:after{border:5px solid #0000;border-left-color:var(--color-text);inset:50% auto auto 100%;transform:translateY(-50%)}.tooltip--right{top:50%;bottom:auto;left:calc(100% + 8px);transform:translateY(-50%)}.tooltip--right:after{border:5px solid #0000;border-right-color:var(--color-text);inset:50% 100% auto auto;transform:translateY(-50%)}.popover{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-lg);z-index:var(--z-popover);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.popover:after{content:"";border:6px solid #0000;border-top-color:var(--color-surface);position:absolute;top:100%;left:50%;transform:translate(-50%)}.popover-wrapper:hover .popover{opacity:1;visibility:visible;pointer-events:auto}.popover__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.popover__body{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.popover__footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-2);display:flex}.divider--dashed{border:none;border-top:2px dashed var(--color-border);margin:var(--space-6) 0}.divider--dotted{border:none;border-top:2px dotted var(--color-border);margin:var(--space-6) 0}.divider-text{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-light);font-size:var(--text-sm);display:flex}.divider-text:before,.divider-text:after{content:"";background-color:var(--color-border);flex:1;height:1px}.divider-text__label{white-space:nowrap;font-weight:var(--weight-medium)}.divider-section{align-items:center;gap:var(--space-4);margin:var(--space-8) 0 var(--space-6);display:flex}.divider-section__line{background-color:var(--color-border);flex:1;height:1px}.divider-section__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);white-space:nowrap}.divider-vertical{background-color:var(--color-border);width:1px;height:24px;margin:0 var(--space-3);vertical-align:middle;align-items:center;display:inline-flex}.divider-vertical--sm{height:16px}.divider-vertical--lg{height:32px}.search{width:100%;position:relative}.search__icon{left:var(--space-4);color:var(--color-text-light);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search__input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.search__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #7c3aed1f}.search__input::placeholder{color:var(--color-text-light)}.search__clear{right:var(--space-3);width:28px;height:28px;color:var(--color-text-light);background-color:var(--color-surface-alt);border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search__input:not(:placeholder-shown)~.search__clear{opacity:1}.search__clear:hover{color:var(--color-text);background-color:var(--color-border)}.search-dropdown{top:calc(100% + var(--space-2));background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:320px;position:absolute;left:0;right:0;overflow-y:auto}.search-dropdown__section{padding:var(--space-2) 0}.search-dropdown__label{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light)}.search-dropdown__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.search-dropdown__item:hover,.search-dropdown__item--active{background-color:var(--color-surface-alt)}.search-dropdown__item-icon{width:36px;height:36px;color:var(--color-text-muted);background-color:var(--color-surface-alt);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-dropdown__item--active .search-dropdown__item-icon{color:var(--color-primary);background-color:var(--color-violet-50)}.search-dropdown__item-content{flex:1;min-width:0}.search-dropdown__item-text{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-dropdown__item-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;overflow:hidden}.search-dropdown__empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.search-dropdown__footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background-color:var(--color-surface-alt)}.search-panel{align-items:center;gap:var(--space-3);display:flex}.search-panel .search{flex:1}.search-panel .search__input{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);font-size:var(--text-sm);border-radius:var(--radius-lg)}.search-panel__filter{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:flex}.search-panel__filter:hover,.search-panel__filter--active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-violet-50)}.tracking{padding-left:var(--space-8);position:relative}.tracking__step{padding-bottom:var(--space-8);position:relative}.tracking__step:last-child{padding-bottom:0}.tracking__step:last-child .tracking__line{display:none}.tracking__dot{left:calc(-1 * var(--space-8));background-color:var(--color-border);border:3px solid var(--color-surface);z-index:1;border-radius:50%;width:16px;height:16px;position:absolute;top:2px}.tracking__line{left:calc(-1 * var(--space-8) + 6px);background-color:var(--color-border);width:2px;height:calc(100% - 16px);position:absolute;top:20px}.tracking__step--completed .tracking__dot,.tracking__step--completed .tracking__line{background-color:var(--color-success)}.tracking__step--completed .tracking__icon{display:flex}.tracking__step--active .tracking__dot{background-color:var(--color-primary);animation:2s ease-in-out infinite trackingPulse;box-shadow:0 0 0 4px #7c3aed33}.tracking__step--active .tracking__line{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-border) 100%)}.tracking__step--pending .tracking__dot{background-color:var(--color-border)}@keyframes trackingPulse{0%,to{box-shadow:0 0 0 4px #7c3aed33}50%{box-shadow:0 0 0 8px #7c3aed1a}}.tracking__content{padding-left:var(--space-2)}.tracking__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.tracking__step--pending .tracking__title{color:var(--color-text-muted)}.tracking__description{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.tracking__time{font-size:var(--text-xs);color:var(--color-text-light)}.tracking__icon{color:#fff;justify-content:center;align-items:center;width:16px;height:16px;display:none}.tracking-progress{width:100%;margin-bottom:var(--space-4)}.tracking-progress__bar{background-color:var(--color-surface-alt);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.tracking-progress__fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.tracking-progress__info{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.tracking-progress__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.tracking-progress__percentage{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary)}.empty-state{padding:var(--space-16) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{width:80px;height:80px;margin-bottom:var(--space-6);color:var(--color-text-light);background-color:var(--color-surface-alt);border-radius:var(--radius-2xl);justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--text-base);color:var(--color-text-muted);max-width:360px;line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.empty-state__action{display:inline-flex}.empty-state--sm{padding:var(--space-10) var(--space-4)}.empty-state--sm .empty-state__icon{width:56px;height:56px;margin-bottom:var(--space-4)}.empty-state--sm .empty-state__title{font-size:var(--text-lg)}.empty-state--sm .empty-state__description{font-size:var(--text-sm);max-width:280px;margin-bottom:var(--space-4)}.empty-state--lg{padding:var(--space-24) var(--space-8)}.empty-state--lg .empty-state__icon{width:100px;height:100px;margin-bottom:var(--space-8)}.empty-state--lg .empty-state__title{font-size:var(--text-2xl)}.empty-state--lg .empty-state__description{font-size:var(--text-lg);max-width:440px}.empty-state--no-orders .empty-state__icon{color:var(--color-primary-light);background-color:var(--color-violet-50)}.empty-state--no-products .empty-state__icon{color:var(--color-accent);background-color:var(--color-gold-50)}.empty-state--no-results .empty-state__icon{color:var(--color-text-light);background-color:var(--color-surface-alt)}.empty-state--no-connection .empty-state__icon{color:var(--color-danger);background-color:var(--color-danger-light)}.empty-state--empty-cart .empty-state__icon,.empty-state--no-reviews .empty-state__icon{color:var(--color-accent);background-color:var(--color-gold-50)}.empty-state--no-addresses .empty-state__icon{color:var(--color-info);background-color:var(--color-info-light)}.empty-state--no-business .empty-state__icon{color:var(--color-primary-light);background-color:var(--color-violet-50)}.empty-state--inline{padding:var(--space-8) var(--space-4)}.empty-state--inline .empty-state__icon{width:48px;height:48px;margin-bottom:var(--space-4);border-radius:var(--radius-xl)}.empty-state--inline .empty-state__title{font-size:var(--text-base)}.empty-state--inline .empty-state__description{font-size:var(--text-sm);max-width:240px;margin-bottom:var(--space-4)}.container{width:100%;max-width:var(--container-xl);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}@media (width>=640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (width>=1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.layout{background-color:var(--color-bg);min-height:100vh;display:flex}.layout__sidebar{flex-shrink:0}.layout__content{flex-direction:column;flex:1;min-width:0;margin-left:260px;display:flex}.layout__main{padding:var(--space-6);background-color:var(--color-bg);flex:1}.header-layout__header{flex-shrink:0}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.page-header__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text)}.page-header__subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-top:var(--space-1)}.page-header__actions{align-items:center;gap:var(--space-3);display:flex}.divider{background-color:var(--color-border);height:1px;margin:var(--space-6) 0}.spacer{height:var(--space-8)}.footer{padding:var(--space-8) var(--space-4);background-color:var(--color-surface);border-top:1px solid var(--color-border)}.footer__content{max-width:var(--container-xl);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px){.footer__content{flex-direction:row;justify-content:space-between;align-items:center}}.footer__text{font-size:var(--text-sm);color:var(--color-text-muted)}.footer__links{gap:var(--space-4);display:flex}.footer__link{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.footer__link:hover{color:var(--color-violet)}.panel-body{background-color:var(--color-bg);margin:0}.panel-nav{padding:var(--space-3) var(--space-6);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.panel-nav__left{align-items:center;gap:var(--space-3);display:flex}.panel-nav__logo{font-size:var(--text-lg);font-weight:var(--weight-bold);font-family:var(--font-display);color:var(--color-text)}.panel-nav__role{font-size:var(--text-xs)}.panel-nav__right{align-items:center;gap:var(--space-4);display:flex}.panel-nav__user{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.panel-layout{min-height:calc(100vh - 53px);display:flex}.panel-sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);width:220px;padding:var(--space-4) 0;flex-shrink:0;height:calc(100vh - 53px);position:sticky;top:53px;overflow-y:auto}.panel-sidebar__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast);border-left:3px solid #0000;text-decoration:none;display:flex}.panel-sidebar__item:hover{color:var(--color-text);background-color:var(--color-surface-alt)}.panel-sidebar__item--active{color:var(--color-primary);background-color:var(--color-violet-50);border-left-color:var(--color-primary)}.panel-sidebar__icon{text-align:center;width:24px;font-size:18px}.panel-layout .sidebar-nav{border-right:1px solid var(--color-border);width:220px;height:calc(100vh - 53px);padding:var(--space-6) var(--space-3);background-color:var(--color-surface);flex-shrink:0;position:sticky;top:53px}.panel-layout .sidebar-nav .sidebar-nav__logo{padding:0 var(--space-3) var(--space-4);margin-bottom:var(--space-2)}.panel-layout .sidebar-nav .sidebar-nav__item{padding:var(--space-3) var(--space-4)}.panel-layout .sidebar-nav .sidebar-nav__section-title{padding:0 var(--space-3)}.panel-main{padding:var(--space-6);flex:1;min-width:0}@media (width<=768px){.panel-sidebar,.panel-layout .sidebar-nav,.panel-nav__user{display:none}}.header-layout{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.header-layout__content{flex:1;padding-bottom:72px}.top-nav{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;min-height:56px;display:flex;position:sticky;top:0}.top-nav__back{font-size:var(--text-xl);color:var(--color-text);padding:var(--space-1);text-decoration:none}.top-nav__title{font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text)}.top-nav__actions{gap:var(--space-2);display:flex}.home-topbar{gap:var(--space-3) var(--space-4);min-height:auto;padding:var(--space-3) var(--space-4);background:#fffffff7;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand location account""search search search";display:grid}.home-topbar__brand{grid-area:brand;align-items:center;display:flex}.home-topbar__brand img{width:106px;height:auto;display:block}.home-topbar__location,.home-topbar__profile{min-height:44px;color:var(--color-text);border-radius:var(--radius-lg);transition:background-color var(--transition-fast), color var(--transition-fast);text-decoration:none}.home-topbar__location:hover,.home-topbar__profile:hover{color:var(--color-primary);background:var(--color-violet-50)}.home-topbar__location{align-items:center;gap:var(--space-2);padding:0 var(--space-2);grid-area:location;display:flex}.home-topbar__location-copy{flex-direction:column;line-height:1.25;display:flex}.home-topbar__location-label{font-size:var(--text-xs);color:var(--color-text-muted)}.home-topbar__location-value{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.home-topbar__chevron{flex:none}.home-topbar__search{grid-area:search;width:100%;max-width:560px;margin-inline:auto;display:block;position:relative}.home-topbar__search input{width:100%;height:44px;padding:0 54px 0 var(--space-4);color:var(--color-text);font:inherit;font-size:var(--text-sm);border-radius:var(--radius-full);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#f3f1f5;border:1px solid #0000;outline:none}.home-topbar__search input::placeholder{color:var(--color-text-muted)}.home-topbar__search input:focus{background:var(--color-surface);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #7c3aed1f}.home-topbar__search-button{color:#fff;background:var(--gradient-primary);border-radius:var(--radius-full);width:36px;height:36px;box-shadow:var(--shadow-violet);pointer-events:none;place-items:center;display:grid;position:absolute;top:4px;right:4px}.home-topbar__account{grid-area:account}.home-topbar__profile{align-items:center;gap:var(--space-2);padding:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;display:flex}.home-topbar__profile .home-topbar__chevron{display:none}@media (width>=768px){.home-topbar{gap:var(--space-5);min-height:72px;padding:0 clamp(var(--space-4), 3vw, var(--space-10));grid-template-columns:116px minmax(160px,210px) minmax(280px,560px) minmax(110px,1fr);grid-template-areas:"brand location search account"}.home-topbar__account{justify-content:flex-end}.home-topbar__profile .home-topbar__chevron{margin-left:clamp(0px, 2vw, var(--space-8));display:block}}@media (width<=430px){.home-topbar__location>svg:first-child,.home-topbar__profile>svg:first-child{display:none}.home-topbar__brand img{width:92px}}.category-card__media{width:64px;height:56px;color:var(--color-primary);background:0 0;justify-content:center;align-items:center;display:flex}.category-card__image{object-fit:contain;filter:drop-shadow(0 5px 8px #0f0a1a24);width:100%;height:100%;transition:transform var(--transition-fast)}.category-card:hover .category-card__image{transform:translateY(-2px)scale(1.04)}.category-card__placeholder,.category-card__media--all{color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold)}.category-card--active .category-card__placeholder,.category-card--active .category-card__media--all{color:#fff}.category-admin-thumb{flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.category-admin-thumb--sm{flex-basis:36px;width:36px;height:36px}.category-admin-thumb__image{object-fit:contain;filter:drop-shadow(0 3px 5px #0f0a1a24);width:100%;height:100%}.category-admin-thumb__placeholder{width:100%;height:100%;color:var(--color-primary);font-family:var(--font-display);font-weight:var(--weight-bold);background:var(--color-surface-alt);border-radius:var(--radius-full);place-items:center;display:grid}.category-image-upload{border:2px dashed var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), background-color var(--transition-fast);position:relative}.category-image-upload:hover,.category-image-upload:focus-within{border-color:var(--color-primary);background:var(--color-surface-alt)}.category-image-upload--has-image{border-style:solid}.category-image-upload__input{opacity:0;width:1px;height:1px;position:absolute}.category-image-upload__label{align-items:center;gap:var(--space-4);min-height:116px;padding:var(--space-4);color:var(--color-text-muted);cursor:pointer;display:flex}.category-image-upload__preview{object-fit:contain;filter:drop-shadow(0 5px 8px #0f0a1a24);flex:0 0 96px;width:96px;height:84px}.category-image-upload__copy{gap:var(--space-1);color:var(--color-text);flex-direction:column;display:flex}.category-image-upload__copy small{color:var(--color-text-muted)}.category-image-upload__loading{align-items:center;gap:var(--space-2);padding:0 var(--space-4) var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs)}.category-image-upload__remove{margin-top:var(--space-2);color:var(--color-danger)}.bottom-nav{border-top:1px solid var(--color-border);padding:var(--space-2) 0;z-index:var(--z-fixed);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--color-text-light);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav__item--active{color:var(--color-violet)}.bottom-nav__icon{font-size:20px}.bottom-nav__label{font-weight:var(--weight-medium)}.content-section{margin-bottom:var(--space-6)}.content-section__title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-4);color:var(--color-text)}.card--horizontal{flex-direction:row;align-items:stretch;display:flex}.card--horizontal .card__image{object-fit:cover;border-radius:var(--radius-lg) 0 0 var(--radius-lg);flex-shrink:0;width:120px;height:auto;min-height:100px}.card--clickable{color:inherit;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);text-decoration:none}.card--clickable:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-2px)}.form-input-icon{position:relative}.form-input-icon__icon{left:var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-input-icon .form-input{padding-left:var(--space-10)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width>=768px){.card-grid--responsive{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}}@media (width>=1024px){.card-grid--responsive{grid-template-columns:repeat(3,1fr)}}.order-cancelled-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-danger-light,#fee2e2);padding:var(--space-8) var(--space-6);text-align:center}.order-cancelled-card__icon{margin-bottom:var(--space-3);font-size:3rem}.order-cancelled-card__title{font-weight:var(--weight-bold);font-size:var(--text-lg);margin-bottom:var(--space-2)}.order-cancelled-card__desc{color:var(--color-text-muted);font-size:var(--text-sm)}.order-status-banner{background:var(--color-primary);color:#fff;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);display:flex}.order-status-banner__icon{flex-shrink:0;font-size:2rem}.order-status-banner__label{font-weight:var(--weight-bold);font-size:var(--text-lg)}.order-status-banner__desc{font-size:var(--text-sm);opacity:.85}.status-timeline{flex-direction:column;align-items:flex-start;display:flex}.status-step{column-gap:var(--space-3);grid-template-rows:auto auto;grid-template-columns:28px 1fr;width:100%;display:grid}.status-step__line--top{background:var(--color-border);border-radius:1px;grid-area:1/1;justify-self:center;width:2px;height:12px}.status-step:first-child .status-step__line--top{background:0 0}.status-step__circle{background:var(--color-surface-alt,#f3f4f6);border:2px solid var(--color-border);z-index:1;width:28px;height:28px;transition:all var(--transition-normal);border-radius:50%;grid-area:2/1;justify-content:center;align-items:center;font-size:.75rem;display:flex}.status-step__content{padding:var(--space-1) 0 var(--space-2) 0;grid-area:2/2}.status-step__label{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-text-light);transition:color var(--transition-normal)}.status-step__desc{font-size:var(--text-xs);color:var(--color-text-light);margin-top:2px}.status-step__line--bottom{background:var(--color-border);border-radius:1px;grid-area:3/1;justify-self:center;width:2px;height:16px}.status-step:last-child .status-step__line--bottom{background:0 0}.status-step--completed .status-step__circle{background:var(--color-success);border-color:var(--color-success);color:#fff}.status-step--completed .status-step__label{color:var(--color-text)}.status-step--completed .status-step__line--top,.status-step--completed .status-step__line--bottom{background:var(--color-success)}.status-step--current .status-step__circle{background:var(--color-primary);border-color:var(--color-primary);color:#fff;animation:2s infinite status-pulse;box-shadow:0 0 0 4px #7c3aed33}.status-step--current .status-step__label{color:var(--color-primary);font-weight:var(--weight-bold)}.status-step--current .status-step__desc{color:var(--color-text-muted)}@keyframes status-pulse{0%,to{box-shadow:0 0 0 4px #7c3aed33}50%{box-shadow:0 0 0 8px #7c3aed14}}.order-info-row{padding:var(--space-2) 0;justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.order-info-row+.order-info-row{border-top:1px solid var(--color-border)}.order-info-row__label{font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.order-info-row__value{font-size:var(--text-sm);text-align:right}.order-item-row{padding:var(--space-3) 0;justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.order-item-row__left{align-items:flex-start;gap:var(--space-3);flex:1;min-width:0;display:flex}.order-item-row__qty{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-primary);flex-shrink:0;min-width:24px}.order-item-row__name{font-weight:var(--weight-medium);font-size:var(--text-sm)}.order-item-row__variant{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-1)}.order-item-row__addons{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.order-item-row__notes{font-size:var(--text-xs);color:var(--color-text-light);margin-top:2px;font-style:italic}.order-item-row__price{font-weight:var(--weight-medium);font-size:var(--text-sm);flex-shrink:0}.order-totals__row{padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;display:flex}.order-totals__row--discount{color:var(--color-success)}.order-totals__row--total{padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--text-base)}.order-timeline-toggle{cursor:pointer;width:100%;padding:var(--space-4) var(--space-6);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.order-timeline-toggle:hover{background:var(--color-surface-alt,#f9fafb)}.review-already-done{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-success-light,#d1fae5);border-radius:var(--radius-lg);display:flex}.review-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;padding:0;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.review-modal{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;width:100%;max-width:480px;max-height:85vh;animation:.2s slideUp;display:flex}.review-modal__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.review-modal__title{font-weight:var(--weight-bold);font-size:var(--text-base)}.review-modal__close{cursor:pointer;color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;font-size:1.25rem}.review-modal__close:hover{background:var(--color-surface-alt,#f3f4f6)}.review-modal__body{padding:var(--space-5);flex:1;overflow-y:auto}.review-modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.review-product-card{background:var(--color-surface-alt,#f9fafb);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border)}.review-product-card__header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.review-product-card__img{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:48px;height:48px}.review-product-card__img--placeholder{background:var(--color-surface);border:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.review-product-card__name{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.review-product-card__price{font-size:var(--text-xs);color:var(--color-text-muted)}.review-stars{margin-bottom:var(--space-3);align-items:center;gap:2px;display:flex}.review-star{cursor:pointer;background:0 0;border:none;padding:2px;line-height:0;transition:transform .1s}.review-star:hover{transform:scale(1.2)}.review-stars__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-2)}.card__rating-row{margin-bottom:var(--space-2);align-items:center;gap:4px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.auth-page{min-height:100vh;padding:var(--space-4);background:linear-gradient(135deg, var(--color-violet-50) 0%, var(--color-lilac-light) 50%, var(--color-gold-50) 100%);justify-content:center;align-items:center;display:flex}.auth-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);padding:var(--space-8)}.auth-card__header{text-align:center;margin-bottom:var(--space-8)}.auth-card__title{font-size:var(--text-3xl);font-weight:var(--weight-bold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);-webkit-background-clip:text;background-clip:text}.auth-card__subtitle{font-size:var(--text-base);color:var(--color-text-muted)}.auth-card__footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-card__footer a{color:var(--color-violet);font-weight:var(--weight-medium)}.auth-card__footer a:hover{color:var(--color-violet-dark)}.role-selector{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.role-option{align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-surface);text-align:center;flex-direction:column;display:flex;position:relative}.role-option:hover{border-color:var(--color-violet-200);background-color:var(--color-violet-50);transform:translateY(-1px)}.role-option--active{border-color:var(--color-primary);background:var(--color-violet-50);box-shadow:var(--shadow-violet);transform:translateY(-2px)}.role-option--active:after{content:"✓";background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);width:20px;height:20px;font-size:11px;font-weight:var(--weight-bold);justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;right:-6px}.role-option__icon{font-size:28px;line-height:1}.role-option__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);line-height:1.2}.role-option__desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.2}.role-option--active .role-option__label{color:var(--color-primary-dark)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000}.tab:hover{color:var(--color-text)}.tab--active{color:var(--color-gold);border-bottom-color:var(--color-gold)}.category-chip{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-surface-alt);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);color:var(--color-text-muted);display:flex}.category-chip:hover{border-color:var(--color-primary-light);color:var(--color-text)}.category-chip--active{border-color:var(--color-primary);background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-violet)}.category-chip__icon{font-size:20px}.category-chip__label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.filter-chip{padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-alt);cursor:pointer;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast);color:var(--color-text-muted)}.filter-chip:hover{border-color:var(--color-primary-light);color:var(--color-text)}.filter-chip--active{border-color:var(--color-primary);background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-violet)}.product-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);background:#0f0a1a66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.product-modal__content{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--color-border);width:100%;max-width:480px;max-height:85vh;position:relative;overflow-y:auto}.product-modal__close{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-alt);border:1px solid var(--color-border);cursor:pointer;z-index:1;width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.product-modal__close:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.product-modal__image{object-fit:cover;width:100%;height:200px}.product-modal__body{padding:var(--space-4)}.product-modal__footer{padding:var(--space-4);border-top:1px solid var(--color-border)}.product-carousel{width:100%;position:relative;overflow:hidden}.product-carousel__track{transition:transform .3s;display:flex}.product-carousel__slide{flex-shrink:0;min-width:100%}.product-carousel__image{object-fit:cover;width:100%;height:220px}.product-carousel__image--placeholder{background-color:var(--color-surface-alt);justify-content:center;align-items:center;width:100%;height:220px;font-size:3rem;display:flex}.product-carousel__btn{border-radius:var(--radius-full);border:1px solid var(--color-border);cursor:pointer;z-index:2;width:36px;height:36px;font-size:var(--text-lg);color:var(--color-text);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.product-carousel__btn:hover{box-shadow:var(--shadow-md);background:#fff}.product-carousel__btn--prev{left:var(--space-3)}.product-carousel__btn--next{right:var(--space-3)}.product-carousel__dots{justify-content:center;gap:var(--space-2);padding:var(--space-3) 0 0;display:flex}.product-carousel__dot{border-radius:var(--radius-full);background:var(--color-border);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);border:none}.product-carousel__dot--active{background:var(--color-primary);width:20px}.variant-option{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface-alt);flex-direction:column;min-width:80px;display:flex}.variant-option:hover{border-color:var(--color-primary-light)}.variant-option--active{border-color:var(--color-primary);box-shadow:var(--shadow-violet);background:#7c3aed1a}.addon-option{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex}.addon-option__check{border:2px solid var(--color-border-light);border-radius:var(--radius-sm);width:20px;height:20px;transition:all var(--transition-fast);flex-shrink:0}.addon-option input:checked+.addon-option__check{background:var(--gradient-primary);border-color:var(--color-primary)}.addon-option__info{color:var(--color-text);flex:1;justify-content:space-between;align-items:center;display:flex}.quantity-selector{align-items:center;gap:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);display:flex}.quantity-selector--sm{gap:var(--space-1);padding:var(--space-1)}.quantity-selector__btn{border-radius:var(--radius-full);background:var(--color-surface-alt);cursor:pointer;width:32px;height:32px;font-size:var(--text-lg);color:var(--color-text);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.quantity-selector__btn:hover{background:var(--color-primary);color:#fff}.quantity-selector__value{font-weight:var(--weight-bold);text-align:center;min-width:24px;color:var(--color-text)}.quantity-selector--sm .quantity-selector__btn{width:28px;height:28px;font-size:var(--text-sm)}.quantity-selector--sm .quantity-selector__value{min-width:20px;font-size:var(--text-sm)}.avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:64px;height:64px;font-size:var(--text-2xl);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:flex}.avatar--lg{width:80px;height:80px;font-size:var(--text-3xl)}.menu-item{align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);text-decoration:none;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--color-surface-alt)}.menu-item__icon{font-size:20px}.menu-item__label{font-weight:var(--weight-medium);flex:1}.menu-item__arrow{color:var(--color-text-light)}.address-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);display:flex}.address-card:hover{border-color:var(--color-primary-light)}.address-card--active{border-color:var(--color-primary);box-shadow:var(--shadow-violet);background:#7c3aed14}.address-card__content{flex:1}.address-card__check{border:2px solid var(--color-border-light);border-radius:var(--radius-full);width:20px;height:20px;transition:all var(--transition-fast);flex-shrink:0}.address-card--active .address-card__check{background:var(--gradient-primary);border-color:var(--color-primary)}.payment-option{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);flex-direction:column;flex:1;display:flex}.payment-option:hover{border-color:var(--color-primary-light)}.payment-option--active{border-color:var(--color-primary);box-shadow:var(--shadow-violet);background:#7c3aed14}.payment-option__icon{font-size:24px}.payment-option__label{font-weight:var(--weight-medium);color:var(--color-text)}.status-timeline{flex-direction:column;gap:0;display:flex}.status-step{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;display:flex;position:relative}.status-step:not(:last-child):after{content:"";background:var(--color-border);width:2px;position:absolute;top:36px;bottom:-4px;left:15px}.status-step--completed:after{background:var(--color-success)}.status-step__icon{border-radius:var(--radius-full);background:var(--color-surface-alt);width:32px;height:32px;font-size:var(--text-sm);z-index:1;color:var(--color-text-muted);border:2px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.status-step--active .status-step__icon{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-violet)}.status-step--completed .status-step__icon{background:var(--color-success);color:#0f0a1a;border-color:var(--color-success)}.status-step__info{color:var(--color-text);flex-direction:column;display:flex}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.product-image-upload{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color .2s,background .2s;position:relative;overflow:hidden}.product-image-upload:hover{border-color:var(--color-primary);background:var(--color-surface-alt)}.product-image-upload--has-file{border-style:solid;border-color:var(--color-primary)}.product-image-upload__input{opacity:0;cursor:pointer;z-index:2;position:absolute;inset:0}.product-image-upload__label{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.product-image-upload__icon{opacity:.5;font-size:2rem}.product-image-upload__preview{object-fit:cover;border-radius:var(--radius-md);width:120px;height:120px}.product-image-upload__text{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.product-image-upload__hint{font-size:var(--text-xs);color:var(--color-muted)}.product-image-preview{display:inline-block;position:relative}.product-image-preview__img{object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--color-border);width:100px;height:100px}.product-image-preview__remove{background:var(--color-danger);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:10px;display:flex;position:absolute;top:-8px;right:-8px}.product-card-image{background:var(--color-surface-alt);width:100%;height:160px;overflow:hidden}.product-card-image__img{object-fit:cover;width:100%;height:100%}.product-card-image__skeleton{background:linear-gradient(110deg, var(--color-surface-alt) 30%, var(--color-surface) 50%, var(--color-surface-alt) 70%);background-size:200% 100%;justify-content:center;align-items:center;width:100%;height:100%;animation:1.5s ease-in-out infinite skeleton-shimmer;display:flex}.product-card-image__icon{opacity:.3;font-size:2.5rem}