.header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-surface);border-bottom:1px solid var(--color-surface-variant);box-shadow:var(--shadow-sm)}.header__container{max-width:1280px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.header__logo{text-decoration:none;display:flex;align-items:center;transition:transform var(--transition-fast)}.header__logo:hover{transform:scale(1.05)}.header__logo-img{height:40px;width:auto;object-fit:contain}@media (max-width: 768px){.header__logo-img{height:32px}}.header__nav{display:flex;align-items:center;gap:var(--spacing-lg)}.header__theme-toggle{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__theme-toggle:hover{background-color:var(--color-surface-variant);transform:rotate(20deg)}.header__cart{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-on-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.header__cart:hover{background-color:var(--color-surface-variant);animation:pulse .3s ease-in-out}.header__cart-icon{font-size:var(--font-size-xl)}.header__cart-badge{position:absolute;top:0;right:0;background-color:var(--color-error);color:var(--color-on-error);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.header__cart-text{font-weight:var(--font-weight-medium)}.header__login{text-decoration:none;color:var(--color-on-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.header__login:hover{background-color:var(--color-surface-variant)}@media (max-width: 768px){.header__cart-text{display:none}.header__nav{gap:var(--spacing-sm)}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-surface-variant);margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) var(--spacing-lg)}.footer__container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.footer__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.footer__text{color:var(--color-on-surface);opacity:.8}.footer__social{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__link{color:var(--color-on-surface);text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary)}.footer__credits{color:var(--color-on-surface);opacity:.6;font-size:var(--font-size-sm)}@media (max-width: 768px){.footer__container{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn--md{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled){animation:pulse .3s ease-in-out;box-shadow:var(--shadow-md)}.btn--primary:active:not(:disabled){animation:press .2s ease-in-out}.btn--secondary{background-color:var(--color-secondary);color:var(--color-on-secondary)}.btn--secondary:hover:not(:disabled){animation:pulse .3s ease-in-out;box-shadow:var(--shadow-md)}.btn--secondary:active:not(:disabled){animation:press .2s ease-in-out}.btn--ghost{background-color:transparent;color:var(--color-on-surface);border:1px solid var(--color-surface-variant)}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface-variant);animation:pulse .3s ease-in-out}.btn--ghost:active:not(:disabled){animation:press .2s ease-in-out}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.card--default{border:1px solid var(--color-surface-variant)}.card--elevated{box-shadow:var(--shadow-md)}.card--elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.promo-banner{display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-lg);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:transform .2s ease}.promo-banner:hover{transform:translateY(-2px)}.promo-banner__image-container{flex-shrink:0;width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden}.promo-banner__image{width:100%;height:100%;object-fit:cover}.promo-banner__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.promo-banner__title{font-size:var(--font-size-lg);font-weight:600;margin:0;line-height:1.3}.promo-banner__subtitle{font-size:var(--font-size-sm);opacity:.9;margin:0;line-height:1.4}@media (max-width: 768px){.promo-banner{flex-direction:column;text-align:center;padding:var(--spacing-md)}.promo-banner__image-container{width:100%;height:160px}.promo-banner__content{align-items:center}}.home{max-width:1280px;margin:0 auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-3xl)}.home__hero{animation:fadeIn .5s ease-in-out}.hero__card{text-align:center;padding:var(--spacing-3xl)}.hero__eyebrow{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.hero__headline{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin-bottom:var(--spacing-md);line-height:1.2}.hero__subline{font-size:var(--font-size-lg);color:var(--color-on-surface);opacity:.8;margin-bottom:var(--spacing-xl)}.hero__product{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin:var(--spacing-xl) 0}.hero__product-image{width:100%;max-width:400px;height:250px;object-fit:cover;border-radius:var(--radius-lg)}.hero__product-info{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;justify-content:center}.hero__badge{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));color:var(--color-on-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.hero__platform{background-color:var(--color-surface-variant);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.hero__price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.hero__actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-md);flex-wrap:wrap}.hero__reinforcement{font-size:var(--font-size-sm);color:var(--color-on-surface);opacity:.7}.home__social-proof{text-align:center;animation:slideUp .5s ease-in-out}.social-proof__items{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-lg) auto;max-width:600px}.social-proof__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);animation:fadeIn .5s ease-in-out}.social-proof__avatar{font-size:var(--font-size-2xl)}.social-proof__text{font-size:var(--font-size-sm);color:var(--color-on-surface);opacity:.8;text-align:left}.social-proof__counter{font-size:var(--font-size-lg);color:var(--color-secondary);font-weight:var(--font-weight-medium);margin-top:var(--spacing-md)}.home__moments{margin:var(--spacing-2xl) 0;padding:var(--spacing-xl) 0;animation:slideUp .6s ease-in-out}.moments__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.moment-card{text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-surface),var(--color-surface-variant))}.moment-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.moment-card__sub{font-size:var(--font-size-sm);color:var(--color-on-surface);opacity:.8;margin-bottom:var(--spacing-md)}.home__top-moment{animation:slideUp .6s ease-in-out}.top-moment__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.home__benefits{animation:slideUp .7s ease-in-out}.section__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.hero__headline{font-size:var(--font-size-3xl)}.hero__actions{flex-direction:column}.benefits__grid{grid-template-columns:1fr}}.product-card{display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all var(--transition-base)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.product-card__image{width:100%;height:200px;object-fit:cover}.product-card__content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.product-card__platform{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);background-color:var(--color-surface-variant);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);width:fit-content;text-transform:uppercase;letter-spacing:.05em}.product-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.product-card__price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-card__actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.loading-state,.error-state{text-align:center;padding:var(--spacing-3xl);animation:fadeIn .3s ease-in-out}.loading-state p{font-size:var(--font-size-lg);color:var(--color-on-surface);opacity:.7}.error-state p{font-size:var(--font-size-lg);color:var(--color-error);margin-bottom:var(--spacing-md)}.home__discover{animation:slideUp .7s ease-in-out}.discover__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg)}.discover-card{text-align:center;padding:var(--spacing-xl);transition:all var(--transition-base)}.discover-card:hover{transform:translateY(-4px)}.discover-card__icon{font-size:3rem;display:block;margin-bottom:var(--spacing-md)}.discover-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin-bottom:var(--spacing-md)}.home__upcoming{animation:slideUp .8s ease-in-out}.upcoming__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.upcoming-card{position:relative;padding:var(--spacing-xl);text-align:center}.upcoming-card__badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-accent);color:var(--color-on-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.upcoming-card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin-bottom:var(--spacing-sm)}.upcoming-card__date{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.upcoming-card__notification{font-size:var(--font-size-sm);color:var(--color-on-surface);opacity:.7;margin-bottom:var(--spacing-md)}.home__benefits{animation:slideUp .9s ease-in-out}.benefits__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.benefit{text-align:center;padding:var(--spacing-lg)}.benefit__icon{font-size:3rem;display:block;margin-bottom:var(--spacing-md)}.benefit__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.benefit__text{color:var(--color-on-surface);opacity:.8}.product-card__description{font-size:var(--font-size-sm);color:var(--color-on-surface);opacity:.7;line-height:1.4;margin:var(--spacing-sm) 0}.product-detail{max-width:1280px;margin:0 auto;padding:var(--spacing-lg);animation:fadeIn .3s ease-in-out}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);font-size:var(--font-size-sm)}.breadcrumb__link{color:var(--color-primary);text-decoration:none;transition:opacity var(--transition-fast)}.breadcrumb__link:hover{opacity:.8}.breadcrumb__separator{color:var(--color-on-surface);opacity:.5}.breadcrumb__current{color:var(--color-on-surface);opacity:.7}.product-main{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.product-gallery{position:sticky;top:var(--spacing-xl);height:fit-content}.product-gallery__main{width:100%;height:auto;max-height:600px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.product-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-info__badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.product-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.product-badge--platform{background-color:var(--color-primary);color:var(--color-on-primary)}.product-badge--featured{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));color:var(--color-on-primary)}.product-badge--type{background-color:var(--color-surface-variant);color:var(--color-on-surface)}.product-info__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface);line-height:1.2}.product-info__category{font-size:var(--font-size-lg);color:var(--color-on-surface);opacity:.7}.product-info__price-section{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-primary)}.product-info__price{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-info__price-label{font-size:var(--font-size-sm);color:var(--color-on-surface);opacity:.7}.product-trust{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg)}.trust-item{display:flex;align-items:center;gap:var(--spacing-sm)}.trust-item__icon{font-size:var(--font-size-xl)}.trust-item__text{font-size:var(--font-size-base);color:var(--color-on-surface)}.product-info__stock{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);width:fit-content}.product-info__stock--available{background-color:#2ed5731a;color:var(--color-success)}.product-info__stock--unavailable{background-color:#ff47571a;color:var(--color-error)}.product-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.product-description{padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg)}.product-description__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin-bottom:var(--spacing-md)}.product-description__text{font-size:var(--font-size-base);color:var(--color-on-surface);opacity:.8;line-height:1.6}.product-related{margin-top:var(--spacing-3xl)}.product-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.related-card{padding:0;overflow:hidden;transition:all var(--transition-base)}.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.related-card a{text-decoration:none;color:inherit}.related-card__image{width:100%;height:200px;object-fit:cover}.related-card__content{padding:var(--spacing-lg)}.related-card__platform{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);background-color:var(--color-surface-variant);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;margin-bottom:var(--spacing-sm)}.related-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin-bottom:var(--spacing-sm)}.related-card__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.loading-state,.error-state{text-align:center;padding:var(--spacing-3xl);min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 968px){.product-main{grid-template-columns:1fr;gap:var(--spacing-xl)}.product-gallery{position:static}.product-info__title,.product-info__price{font-size:var(--font-size-3xl)}.product-actions{flex-direction:column}.product-actions button{width:100%}}.recommendations{margin:var(--spacing-2xl) 0}.recommendations__header{margin-bottom:var(--spacing-lg)}.recommendations__title{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--color-on-surface)}.recommendations__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.recommendations__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-secondary)}.recommendations__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.recommendation-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.recommendation-card:hover{transform:translateY(-4px)}.recommendation-card__image{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.recommendation-card:hover .recommendation-card__image{transform:scale(1.05)}.recommendation-card__content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.recommendation-card__platform{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.recommendation-card__title{font-size:var(--font-size-md);font-weight:600;color:var(--color-on-surface);text-decoration:none;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.recommendation-card__title:hover{color:var(--color-primary)}.recommendation-card__price{font-size:var(--font-size-lg);font-weight:700;color:var(--color-secondary);margin:var(--spacing-xs) 0}.recommendation-card__actions{display:flex;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-sm)}@media (max-width: 768px){.recommendations__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.recommendation-card__image{height:150px}.recommendation-card__content{padding:var(--spacing-sm)}.recommendation-card__actions{flex-direction:column}}.cart{max-width:1280px;margin:0 auto;padding:var(--spacing-lg);min-height:60vh;animation:fadeIn .3s ease-in-out}.cart--empty{display:flex;align-items:center;justify-content:center;min-height:60vh}.cart-empty{text-align:center;padding:var(--spacing-3xl);max-width:500px}.cart-empty__icon{font-size:5rem;display:block;margin-bottom:var(--spacing-lg)}.cart-empty__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin-bottom:var(--spacing-md)}.cart-empty__text{font-size:var(--font-size-lg);color:var(--color-on-surface);opacity:.7;margin-bottom:var(--spacing-xl)}.cart__container{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-xl);align-items:start}.cart__items{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.cart__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.cart__clear{background:none;border:none;color:var(--color-error);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm);transition:opacity var(--transition-fast)}.cart__clear:hover{opacity:.7}.cart__message{font-size:var(--font-size-lg);color:var(--color-on-surface);opacity:.8;margin-bottom:var(--spacing-md)}.cart-item{padding:var(--spacing-lg)}.cart-item__content{display:grid;grid-template-columns:120px 1fr auto;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-md)}.cart-item__image{width:120px;height:80px;object-fit:cover;border-radius:var(--radius-md)}.cart-item__info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-item__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);text-decoration:none;transition:color var(--transition-fast)}.cart-item__name:hover{color:var(--color-primary)}.cart-item__platform{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.cart-item__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.cart-item__actions{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-end}.cart-item__quantity{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--color-surface-variant);border-radius:var(--radius-md);padding:var(--spacing-xs)}.quantity-btn{width:32px;height:32px;border:none;background-color:var(--color-surface);color:var(--color-on-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.quantity-btn:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-on-primary)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-value{min-width:30px;text-align:center;font-weight:var(--font-weight-medium);color:var(--color-on-surface)}.cart-item__remove{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-xs);transition:transform var(--transition-fast)}.cart-item__remove:hover{transform:scale(1.1)}.cart-item__subtotal{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-surface-variant)}.cart-item__subtotal-label{font-size:var(--font-size-sm);color:var(--color-on-surface);opacity:.7}.cart-item__subtotal-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.cart__summary{position:sticky;top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.cart-summary{padding:var(--spacing-xl)}.cart-summary__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin-bottom:var(--spacing-lg)}.cart-summary__row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.cart-summary__row--total{padding-top:var(--spacing-md);border-top:2px solid var(--color-surface-variant);margin-top:var(--spacing-sm)}.cart-summary__label{font-size:var(--font-size-base);color:var(--color-on-surface)}.cart-summary__row--total .cart-summary__label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.cart-summary__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.cart-summary__row--total .cart-summary__value{font-size:var(--font-size-2xl);color:var(--color-primary)}.cart-summary__cta{width:100%;margin-top:var(--spacing-lg)}.cart-summary__note{text-align:center;font-size:var(--font-size-sm);color:var(--color-on-surface);opacity:.7;margin-top:var(--spacing-sm)}.cart-summary__continue{text-align:center;color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);margin-top:var(--spacing-md);transition:opacity var(--transition-fast)}.cart-summary__continue:hover{opacity:.8}.cart-upsell{padding:var(--spacing-lg);text-align:center}.cart-upsell__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin-bottom:var(--spacing-sm)}.cart-upsell__text{font-size:var(--font-size-sm);color:var(--color-on-surface);opacity:.7;margin-bottom:var(--spacing-md)}@media (max-width: 968px){.cart__container{grid-template-columns:1fr}.cart__summary{position:static}.cart-item__content{grid-template-columns:80px 1fr;gap:var(--spacing-md)}.cart-item__image{width:80px;height:60px}.cart-item__actions{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-surface-variant);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #bb86fc1a}.input--error{border-color:var(--color-error)}.input--error:focus{box-shadow:0 0 0 3px #cf66791a}.input:disabled{opacity:.5;cursor:not-allowed}.input-helper{font-size:var(--font-size-xs);color:var(--color-on-surface);opacity:.7}.input-error{font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-medium);animation:shake .3s ease-in-out}.copy-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--outline);border-radius:8px;background:var(--surface);color:var(--on-surface);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.copy-button:hover{background:var(--surface-variant);border-color:var(--primary);transform:translateY(-1px)}.copy-button:active{transform:translateY(0) scale(.98)}.copy-button--primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.copy-button--primary:hover{background:var(--primary);opacity:.9}.copy-button.copied{background:var(--primary);color:var(--on-primary);border-color:var(--primary);animation:copySuccess .3s ease}.copy-icon{font-size:1rem;transition:transform .3s ease}.copy-button:hover .copy-icon{transform:scale(1.1)}.copy-button.copied .copy-icon{animation:checkmark .5s ease}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.copy-button{padding:.4rem .8rem;font-size:.85rem}}.checkout-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 200px)}.checkout-header{text-align:center;margin-bottom:3rem}.checkout-header h1{color:var(--primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.checkout-subtitle{color:var(--on-surface-variant);font-size:1rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.step-indicator{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.step-dot{width:40px;height:40px;border-radius:50%;background:var(--surface-variant);color:var(--on-surface-variant);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease;position:relative}.step-dot.active{background:var(--primary);color:var(--on-primary);transform:scale(1.1);box-shadow:0 0 0 4px #00d9ff33}.step-dot.current{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px #00d9ff33}50%{box-shadow:0 0 0 8px #00d9ff1a}}.step-dot:not(:last-child):after{content:"";position:absolute;left:100%;top:50%;width:1rem;height:2px;background:var(--outline);transform:translateY(-50%)}.step-dot.active:not(:last-child):after{background:var(--primary)}.checkout-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:3rem}.checkout-main{background:var(--surface);border-radius:16px;padding:2rem;border:1px solid var(--outline-variant)}.checkout-sidebar{position:sticky;top:2rem;height:fit-content}.checkout-step h2{color:var(--primary);margin-bottom:.5rem;font-size:1.75rem}.step-description{color:var(--on-surface-variant);margin-bottom:2rem;font-size:1.1rem}.form-group{margin-bottom:1.5rem}.trust-signals{display:flex;gap:2rem;margin-top:2rem;padding:1rem;background:var(--surface-variant);border-radius:12px}.trust-item{display:flex;align-items:center;gap:.5rem;color:var(--on-surface-variant);font-size:.9rem}.trust-icon{font-size:1.2rem}.payment-methods{display:flex;flex-direction:column;gap:1rem}.payment-method{border:2px solid var(--outline-variant);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;background:var(--surface)}.payment-method:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00d9ff1a}.payment-method:active{transform:translateY(0) scale(.98)}.payment-method.selected{border-color:var(--primary);background:#00d9ff0d;animation:selectPulse .3s ease}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.payment-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.payment-icon{font-size:1.5rem}.payment-name{font-weight:600;color:var(--on-surface)}.payment-badge{background:var(--secondary);color:var(--on-secondary);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-left:auto}.payment-description{color:var(--on-surface-variant);margin:0;font-size:.9rem}.payment-info{margin-top:2rem}.bank-info,.mobile-info,.crypto-info{display:flex;flex-direction:column;gap:.5rem}.bank-info p,.mobile-info p,.crypto-info p{margin:0;padding:.5rem 0;border-bottom:1px solid var(--outline-variant)}.bank-info p:last-child,.mobile-info p:last-child,.crypto-info p:last-child{border-bottom:none;font-weight:600;color:var(--primary)}.file-label{display:block;padding:1rem;border:2px dashed var(--outline-variant);border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--surface)}.file-label:hover{border-color:var(--primary);background:#00d9ff0d}.file-input{display:none}.file-name{display:block;margin-top:.5rem;color:var(--primary);font-weight:500}.order-summary{margin-bottom:1.5rem}.summary-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--outline-variant)}.summary-total{display:flex;justify-content:space-between;padding:1rem 0;font-size:1.2rem;color:var(--primary)}.customer-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--outline-variant)}.customer-info h4{margin-bottom:1rem;color:var(--on-surface)}.customer-info p{margin:.5rem 0;color:var(--on-surface-variant)}.order-items{margin-bottom:1.5rem}.order-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--outline-variant)}.order-item:last-child{border-bottom:none}.order-item img{width:50px;height:50px;object-fit:cover;border-radius:8px}.item-name{font-weight:500;color:var(--on-surface);font-size:.9rem}.item-quantity{color:var(--on-surface-variant);font-size:.8rem}.item-price{font-weight:600;color:var(--primary)}.coupon-section{margin:1.5rem 0;padding:1rem 0;border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant)}.coupon-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.coupon-section-title{font-size:.9rem;font-weight:600;color:var(--on-surface)}.coupon-helper{font-size:.8rem;color:var(--on-surface-variant);margin-bottom:.75rem}.coupon-input-wrapper{display:flex;gap:.5rem;align-items:flex-start}.coupon-input-wrapper .input-wrapper{flex:1}.coupon-input-wrapper button{margin-top:1.5rem;white-space:nowrap}.coupon-applied{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#00d9ff1a;border:1px solid var(--primary);border-radius:8px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.coupon-info{display:flex;align-items:center;gap:.75rem}.coupon-check{color:var(--primary);font-size:1.5rem;font-weight:700}.coupon-details{display:flex;flex-direction:column;gap:.25rem}.coupon-code{font-weight:600;color:var(--on-surface);font-size:.95rem}.coupon-description{font-size:.8rem;color:var(--on-surface-variant)}.coupon-remove{background:none;border:none;color:var(--on-surface-variant);font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.coupon-remove:hover{background:#ff006e1a;color:var(--error)}.order-summary-prices{margin-top:1rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;color:var(--on-surface-variant);font-size:.95rem}.summary-row.discount-row{color:var(--primary);font-weight:500}.discount-amount{color:var(--primary);font-weight:600}.order-total{padding-top:1rem;margin-top:1rem;border-top:2px solid var(--primary);text-align:center;font-size:1.2rem;color:var(--primary)}.checkout-actions{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid var(--outline-variant)}.error-message{background:#ff006e1a;color:var(--error);padding:1rem;border-radius:8px;margin-top:1rem;text-align:center}.error-text{color:var(--error);font-size:.9rem;margin-top:.5rem;display:block}@media (max-width: 768px){.checkout-container{padding:1rem}.checkout-header h1{font-size:2rem}.checkout-content{grid-template-columns:1fr;gap:2rem}.checkout-sidebar{position:static;order:-1}.step-indicator{gap:.5rem}.step-dot{width:35px;height:35px}.trust-signals{flex-direction:column;gap:1rem}.checkout-actions{flex-direction:column}.payment-header{flex-wrap:wrap}.payment-badge{margin-left:0;margin-top:.5rem}}.checkout-step{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-data-header{margin-bottom:1.5rem}.payment-instruction{color:var(--on-surface-variant);font-size:.95rem;margin-top:.5rem}.payment-data-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--outline-variant)}.payment-data-row:last-child{border-bottom:none}.payment-data-row.highlight{background:#00d9ff0d;padding:1rem;border-radius:8px;margin-top:1rem;border:1px solid var(--primary)}.data-label{font-weight:600;color:var(--on-surface)}.data-value{color:var(--on-surface-variant);font-family:Courier New,monospace;word-break:break-all}.data-value.crypto-address{font-size:.85rem}.payment-warning{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#ffc1071a;border-radius:8px;margin-top:1.5rem;color:var(--on-surface);font-weight:500}.warning-icon{font-size:1.2rem}.file-label{display:block;padding:1.5rem;border:2px dashed var(--outline-variant);border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--surface)}.file-label:hover{border-color:var(--primary);background:#00d9ff0d;transform:translateY(-2px)}.file-label-text{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;color:var(--on-surface);margin-bottom:.5rem}.file-icon{font-size:1.5rem}.file-helper{display:block;font-size:.9rem;color:var(--on-surface-variant);margin-top:.5rem}.file-selected{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:#00d9ff1a;border-radius:8px;animation:fadeIn .3s ease}.file-check{color:var(--primary);font-size:1.2rem;font-weight:700}.input-helper{display:block;font-size:.85rem;color:var(--on-surface-variant);margin-top:.25rem;font-style:italic}.confirmation-message{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--outline-variant);text-align:center}.confirmation-message p{color:var(--on-surface-variant);margin:.5rem 0}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.upload-progress{position:fixed;bottom:0;left:0;right:0;height:4px;background:var(--surface-variant);z-index:1000}.progress-bar{height:100%;background:var(--primary);transition:width .3s ease;animation:progressGlow 1.5s infinite}@keyframes progressGlow{0%,to{opacity:1}50%{opacity:.7}}.shake{animation:shake .5s ease}button:active{transform:scale(.98);transition:transform .1s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.payment-data-row{grid-template-columns:1fr;gap:.5rem}.payment-data-row .copy-button{justify-self:start;margin-top:.5rem}.file-label{padding:1rem}.checkout-subtitle{font-size:.9rem}}.chat-overlay{position:fixed;bottom:20px;right:20px;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.chat-container{width:380px;max-width:calc(100vw - 40px);height:600px;max-height:calc(100vh - 100px);background-color:var(--md-sys-color-surface);border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-bottom:1px solid var(--md-sys-color-outline-variant)}.chat-header-info h3{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.chat-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--md-sys-color-error);color:#fff;border-radius:10px;font-size:.75rem;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-status{font-size:.75rem;display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.chat-status.connected{color:var(--md-sys-color-on-primary)}.chat-status.disconnected{color:#ffffffb3}.chat-close-button{background:none;border:none;color:var(--md-sys-color-on-primary);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:opacity .2s ease}.chat-close-button:hover{opacity:.7}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background-color:var(--md-sys-color-surface-container-low)}.chat-welcome{text-align:center;padding:2rem 1rem;color:var(--md-sys-color-on-surface-variant);font-size:.875rem}.chat-message{display:flex;flex-direction:column;max-width:80%;animation:messageIn .2s ease}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.own-message{align-self:flex-end}.chat-message.other-message{align-self:flex-start}.chat-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;gap:.5rem}.chat-message-author{font-size:.75rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.chat-message-time{font-size:.625rem;color:var(--md-sys-color-on-surface-variant)}.chat-message-content{padding:.75rem;border-radius:12px;font-size:.875rem;line-height:1.4;word-wrap:break-word}.own-message .chat-message-content{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-bottom-right-radius:4px}.other-message .chat-message-content{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);border-bottom-left-radius:4px}.chat-typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--md-sys-color-surface-container-highest);border-radius:12px;max-width:80px;align-self:flex-start}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:var(--md-sys-color-on-surface-variant);animation:typingBounce 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.typing-text{font-size:.75rem;color:var(--md-sys-color-on-surface-variant);margin-left:.25rem}.chat-error{padding:.75rem;background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);font-size:.75rem;text-align:center;border-top:1px solid var(--md-sys-color-outline-variant)}.chat-input-form{display:flex;gap:.5rem;padding:1rem;background-color:var(--md-sys-color-surface);border-top:1px solid var(--md-sys-color-outline-variant);flex-wrap:wrap}.chat-attach-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--md-sys-color-outline);background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease;flex-shrink:0}.chat-attach-button:hover:not(:disabled){background-color:var(--md-sys-color-surface-container-highest);transform:scale(1.05)}.chat-attach-button:disabled{opacity:.5;cursor:not-allowed}.chat-file-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--md-sys-color-surface-container);border-radius:8px;font-size:.75rem;flex:1 1 100%}.chat-file-preview button{background:none;border:none;color:var(--md-sys-color-error);cursor:pointer;font-size:1rem;padding:0;line-height:1}.chat-input{flex:1;padding:.75rem;border:1px solid var(--md-sys-color-outline);border-radius:24px;background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font-family:inherit;font-size:.875rem;resize:none;max-height:100px;transition:border-color .2s ease}.chat-input:focus{outline:none;border-color:var(--md-sys-color-primary)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-button{width:40px;height:40px;border-radius:50%;border:none;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chat-send-button:hover:not(:disabled){background-color:var(--md-sys-color-primary);transform:scale(1.05)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}.chat-quick-buttons{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem 1rem;background-color:var(--md-sys-color-surface)}.chat-quick-button{padding:.75rem;border:1px solid var(--md-sys-color-outline);border-radius:20px;background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font-size:.75rem;cursor:pointer;transition:all .2s ease;text-align:left}.chat-quick-button:hover{background-color:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-primary)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:var(--md-sys-color-outline)}@media (max-width: 768px){.chat-overlay{bottom:0;right:0;left:0}.chat-container{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.chat-message{max-width:85%}}.order-confirmation-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 200px)}.confirmation-header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#00d9ff1a,#ff006e1a);border-radius:20px;border:1px solid var(--outline-variant)}.success-icon{font-size:4rem;margin-bottom:1rem;animation:bounceIn .6s ease-out}.confirmation-header h1{color:var(--primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.order-number{font-size:1.2rem;color:var(--on-surface-variant);margin-bottom:1rem;font-family:Courier New,monospace;background:var(--surface-variant);padding:.5rem 1rem;border-radius:8px;display:inline-block}.confirmation-message{font-size:1.1rem;color:var(--on-surface);max-width:600px;margin:0 auto;line-height:1.6}.confirmation-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:3rem}.main-content,.sidebar-content{display:flex;flex-direction:column;gap:2rem}.status-info{display:flex;flex-direction:column;gap:1rem}.status-badge{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--on-surface)}.status-indicator{width:12px;height:12px;border-radius:50%;background:var(--outline)}.status-indicator.received{background:var(--secondary)}.status-indicator.verifying{background:var(--accent);animation:pulse 2s infinite}.status-indicator.confirmed{background:var(--primary)}.status-indicator.processing{background:var(--primary);animation:pulse 2s infinite}.status-indicator.completed{background:#4caf50}.status-indicator.cancelled{background:var(--error)}.substatus{color:var(--on-surface-variant);font-style:italic;margin:0}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--outline-variant)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-2rem;top:.25rem;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid var(--surface);z-index:1}.timeline-content{background:var(--surface-variant);padding:1rem;border-radius:12px;border-left:3px solid var(--primary)}.timeline-status{font-weight:600;color:var(--on-surface);margin-bottom:.5rem}.timeline-message{color:var(--on-surface-variant);margin-bottom:.5rem}.timeline-date{font-size:.9rem;color:var(--on-surface-variant);opacity:.8}.payment-info{display:flex;flex-direction:column;gap:1rem}.payment-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--outline-variant)}.payment-row:last-child{border-bottom:none}.payment-row.total{font-size:1.2rem;font-weight:700;color:var(--primary);border-top:2px solid var(--primary);margin-top:1rem;padding-top:1rem}.order-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.order-item{display:flex;gap:1rem;padding:1rem;background:var(--surface-variant);border-radius:12px}.order-item img{width:60px;height:60px;object-fit:cover;border-radius:8px}.item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.item-name{font-weight:600;color:var(--on-surface)}.item-platform,.item-quantity{color:var(--on-surface-variant);font-size:.9rem}.item-price{font-weight:600;color:var(--primary);align-self:flex-start}.order-total{text-align:center;font-size:1.2rem;color:var(--primary);padding-top:1rem;border-top:2px solid var(--primary)}.next-steps{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;gap:1rem;align-items:flex-start}.step-number{width:30px;height:30px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content strong{display:block;color:var(--on-surface);margin-bottom:.25rem}.step-content p{color:var(--on-surface-variant);margin:0;font-size:.9rem;line-height:1.4}.confirmation-actions{display:flex;justify-content:center;gap:1rem;padding-top:2rem;border-top:1px solid var(--outline-variant)}.loading-state,.error-state{text-align:center;padding:3rem 2rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--outline-variant);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-icon{font-size:3rem;margin-bottom:1rem;display:block}.error-state h2{color:var(--error);margin-bottom:1rem}.error-state p{color:var(--on-surface-variant);margin-bottom:2rem}@media (max-width: 768px){.order-confirmation-container{padding:1rem}.confirmation-header{padding:1.5rem}.confirmation-header h1{font-size:2rem}.confirmation-content{grid-template-columns:1fr;gap:1.5rem}.sidebar-content{order:-1}.timeline{padding-left:1.5rem}.timeline-dot{left:-1.5rem}.confirmation-actions{flex-direction:column}.order-item{flex-direction:column;text-align:center}.order-item img{align-self:center}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{.confirmation-actions{display:none}.confirmation-header{background:none!important;border:1px solid #ccc}.order-confirmation-container{max-width:none;padding:1rem}.confirmation-content{grid-template-columns:1fr}}.login-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.login-card{max-width:450px;width:100%;padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:var(--primary);margin-bottom:.5rem;font-size:2rem}.login-header p{color:var(--on-surface-variant);font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.error-message{background:#ff006e1a;color:var(--error);padding:1rem;border-radius:8px;text-align:center;font-size:.9rem}.login-button{width:100%;margin-top:1rem}.login-footer{margin-top:2rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.login-footer p{color:var(--on-surface-variant);font-size:.9rem;margin:0}.login-footer a{color:var(--primary);text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}@media (max-width: 768px){.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}}.account-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 200px)}.account-header{margin-bottom:2rem}.account-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--md-sys-color-on-surface)}.account-header p{font-size:1rem;color:var(--md-sys-color-on-surface-variant)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--md-sys-color-surface-variant);border-top-color:var(--md-sys-color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:var(--md-sys-color-on-surface-variant);font-size:.875rem}.error-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;gap:1rem}.error-icon{font-size:3rem}.error-state h2{font-size:1.5rem;font-weight:600;color:var(--md-sys-color-error);margin:0}.error-state p{color:var(--md-sys-color-on-surface-variant);margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;gap:1rem}.empty-icon{font-size:4rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--md-sys-color-on-surface);margin:0}.empty-state p{color:var(--md-sys-color-on-surface-variant);margin-bottom:1rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{transition:transform .2s ease,box-shadow .2s ease}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--md-sys-color-outline-variant)}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-id{font-size:.875rem;font-weight:600;color:var(--md-sys-color-on-surface);font-family:Courier New,monospace}.order-date{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.order-status{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-verifying{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.status-confirmed,.status-processing{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.order-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.order-detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.detail-value{font-size:.875rem;font-weight:600;color:var(--md-sys-color-on-surface)}.order-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--md-sys-color-outline-variant)}.order-actions a{text-decoration:none;flex:1}@media (max-width: 768px){.account-container{padding:1rem .75rem}.account-header h1{font-size:1.5rem}.order-header{flex-direction:column;gap:.75rem}.order-status{align-self:flex-start}}.admin-container{min-height:100vh;background-color:var(--md-sys-color-surface)}.admin-header{background-color:var(--md-sys-color-surface-container);padding:1.5rem 2rem;border-bottom:1px solid var(--md-sys-color-outline-variant)}.admin-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--md-sys-color-on-surface)}.admin-header p{font-size:.875rem;color:var(--md-sys-color-on-surface-variant);margin:0}.admin-content{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 100px)}.admin-sidebar{background-color:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;overflow:hidden}.filter-tabs{display:flex;padding:1rem;gap:.5rem;border-bottom:1px solid var(--md-sys-color-outline-variant);flex-wrap:wrap}.filter-tabs button{padding:.5rem 1rem;border:1px solid var(--md-sys-color-outline);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:20px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-tabs button:hover{background-color:var(--md-sys-color-surface-container-highest)}.filter-tabs button.active{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary)}.orders-sidebar-list{overflow-y:auto;flex:1}.order-sidebar-item{padding:1rem;border-bottom:1px solid var(--md-sys-color-outline-variant);cursor:pointer;transition:background-color .2s ease}.order-sidebar-item:hover{background-color:var(--md-sys-color-surface-container)}.order-sidebar-item.active{background-color:var(--md-sys-color-primary-container);border-left:3px solid var(--md-sys-color-primary)}.order-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.order-sidebar-id{font-size:.875rem;font-weight:600;font-family:Courier New,monospace;color:var(--md-sys-color-on-surface)}.order-sidebar-status{padding:.25rem .5rem;border-radius:8px;font-size:.625rem;font-weight:700;text-transform:uppercase}.order-sidebar-info{display:flex;justify-content:space-between;align-items:center}.order-sidebar-amount{font-size:.875rem;font-weight:600;color:var(--md-sys-color-on-surface)}.order-sidebar-date{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.admin-main{overflow-y:auto;padding:2rem}.empty-selection{display:flex;align-items:center;justify-content:center;height:100%;color:var(--md-sys-color-on-surface-variant);font-size:1rem}.order-details-card{max-width:900px;margin:0 auto}.order-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--md-sys-color-outline-variant)}.order-details-header h2{font-size:1.5rem;font-weight:700;margin:0;color:var(--md-sys-color-on-surface)}.order-status-badge{padding:.5rem 1rem;border-radius:16px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-received{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.status-verifying{background-color:#ffa726;color:#fff}.status-confirmed{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.status-processing{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.status-completed{background-color:#4caf50;color:#fff}.status-cancelled{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.order-section{margin-bottom:2rem}.order-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--md-sys-color-on-surface)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.875rem;font-weight:600;color:var(--md-sys-color-on-surface)}.receipt-viewer{background-color:var(--md-sys-color-surface-container);border-radius:12px;padding:1rem;display:flex;justify-content:center}.receipt-image{max-width:100%;max-height:500px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background-color:var(--md-sys-color-outline-variant)}.timeline-item{position:relative;margin-bottom:1.5rem}.timeline-marker{position:absolute;left:-1.5rem;top:.25rem;width:12px;height:12px;border-radius:50%;background-color:var(--md-sys-color-primary);border:2px solid var(--md-sys-color-surface)}.timeline-content{display:flex;flex-direction:column;gap:.25rem}.timeline-status{font-size:.875rem;font-weight:600;color:var(--md-sys-color-on-surface)}.timeline-message{font-size:.875rem;color:var(--md-sys-color-on-surface-variant);margin:0}.timeline-date{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.order-actions-section{display:flex;gap:1rem;padding-top:1.5rem;border-top:2px solid var(--md-sys-color-outline-variant)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background-color:var(--md-sys-color-surface);border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal h3{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:var(--md-sys-color-on-surface)}.modal p{font-size:.875rem;color:var(--md-sys-color-on-surface-variant);margin:0 0 1rem}.modal-detail{font-size:.75rem;color:var(--md-sys-color-primary);font-weight:600}.modal-warning{font-size:.75rem;color:var(--md-sys-color-error);font-weight:600}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.quick-reasons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.reason-button{padding:.5rem 1rem;border:1px solid var(--md-sys-color-outline);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:20px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.reason-button:hover{background-color:var(--md-sys-color-surface-container-highest)}.reason-button.active{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary)}.reason-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid var(--md-sys-color-outline);border-radius:8px;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-family:inherit;font-size:.875rem;resize:vertical;margin-bottom:1rem}.reason-textarea:focus{outline:none;border-color:var(--md-sys-color-primary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--md-sys-color-surface-variant);border-top-color:var(--md-sys-color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.admin-content{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-main{padding:1rem}}@media (max-width: 768px){.admin-header{padding:1rem}.admin-header h1{font-size:1.5rem}.order-details-header{flex-direction:column;align-items:flex-start;gap:1rem}.info-grid{grid-template-columns:1fr}.order-actions-section{flex-direction:column}.modal{padding:1.5rem}.modal-actions{flex-direction:column}}.button-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background-color:var(--md-sys-color-error);color:#fff;border-radius:9px;font-size:.7rem;font-weight:700;margin-left:.5rem}.admin-nav{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.admin-nav-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-variant);color:var(--color-on-surface);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all .2s ease}.admin-nav-link:hover{background:var(--color-primary);color:var(--color-on-primary);transform:translateY(-1px)}.admin-banners{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.admin-banners__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.admin-banners__header h1{margin:0;font-size:var(--font-size-2xl)}.banners-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.banner-item{overflow:hidden}.banner-item__preview{display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-lg);border-radius:var(--radius-md);min-height:120px}.banner-item__image{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.banner-item__content{flex:1}.banner-item__content h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg)}.banner-item__content p{margin:0 0 var(--spacing-sm) 0;opacity:.9}.banner-item__cta{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#fff3;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500}.banner-item__info{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.banner-item__meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.banner-item__position{color:var(--color-text-secondary)}.banner-item__status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500;font-size:var(--font-size-xs)}.banner-item__status.active{background:var(--color-success-bg);color:var(--color-success)}.banner-item__status.inactive{background:var(--color-error-bg);color:var(--color-error)}.banner-item__actions{display:flex;gap:var(--spacing-sm)}.banner-form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:70vh;overflow-y:auto;padding-right:var(--spacing-sm)}.form-section-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);font-weight:600;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);align-items:end}.color-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.color-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-on-surface)}.color-input-wrapper{display:flex;gap:var(--spacing-sm);align-items:center}.color-picker{width:60px;height:40px;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s ease}.color-picker:hover{border-color:var(--color-primary)}.color-text{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-on-surface);font-family:monospace;font-size:var(--font-size-sm)}.banner-preview{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.preview-card{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;min-height:120px;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-sm);transition:all .3s ease}.preview-card h4{margin:0;font-size:var(--font-size-lg);font-weight:600}.preview-card p{margin:0;font-size:var(--font-size-sm);opacity:.9}.preview-button{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#fff3;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;margin-top:var(--spacing-xs)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md)}.checkbox-label span{font-size:var(--font-size-md)}.empty-state{text-align:center;padding:var(--spacing-2xl)}.empty-state p{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}@media (max-width: 768px){.admin-banners{padding:var(--spacing-md)}.admin-banners__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.banner-item__preview{flex-direction:column;text-align:center}.banner-item__image{width:100%;height:150px}.banner-item__actions{flex-wrap:wrap}.form-row{grid-template-columns:1fr}}.admin-products{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.admin-products__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.admin-products__header h1{margin:0;font-size:var(--font-size-2xl)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.product-item{display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease}.product-item:hover{transform:translateY(-2px)}.product-item__image{width:100%;height:200px;object-fit:cover}.product-item__content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.product-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.product-item__platform{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.product-item__badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-secondary-bg);color:var(--color-secondary);border-radius:var(--radius-sm);font-weight:500}.product-item__title{font-size:var(--font-size-md);font-weight:600;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-item__sku{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;font-family:monospace}.product-item__price{font-size:var(--font-size-lg);font-weight:700;color:var(--color-secondary);margin:var(--spacing-xs) 0}.product-item__stock{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.product-item__meta{margin:var(--spacing-sm) 0}.product-item__status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500;font-size:var(--font-size-xs)}.product-item__status.active{background:var(--color-success-bg);color:var(--color-success)}.product-item__status.inactive{background:var(--color-error-bg);color:var(--color-error)}.product-item__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto;padding-top:var(--spacing-sm)}.product-form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:70vh;overflow-y:auto;padding-right:var(--spacing-sm)}.image-preview{margin-top:var(--spacing-sm);border-radius:var(--radius-md);overflow:hidden;max-width:300px}.image-preview img{width:100%;height:auto;display:block}.modal--large{max-width:800px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.admin-products{padding:var(--spacing-md)}.admin-products__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.product-item__actions{flex-direction:column}.form-row{grid-template-columns:1fr}}.admin-coupons{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.admin-coupons__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.admin-coupons__header h1{margin:0;font-size:var(--font-size-2xl)}.coupons-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.coupon-item{padding:var(--spacing-lg)}.coupon-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.coupon-item__code-section{display:flex;align-items:center;gap:var(--spacing-md)}.coupon-item__code{font-size:var(--font-size-xl);font-weight:700;font-family:monospace;color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary-bg);border-radius:var(--radius-sm);border:2px dashed var(--color-primary)}.coupon-item__discount{font-size:var(--font-size-lg);font-weight:600;color:var(--color-secondary)}.coupon-item__status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500;font-size:var(--font-size-xs)}.coupon-item__status.active{background:var(--color-success-bg);color:var(--color-success)}.coupon-item__status.inactive{background:var(--color-error-bg);color:var(--color-error)}.coupon-item__description{margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.coupon-item__details{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-variant);border-radius:var(--radius-sm)}.coupon-item__detail{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:var(--font-size-md);font-weight:600;color:var(--color-on-surface)}.coupon-item__actions{display:flex;gap:var(--spacing-sm)}.coupon-form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:70vh;overflow-y:auto;padding-right:var(--spacing-sm)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface-variant);border-radius:var(--radius-md);border:1px solid var(--color-border)}.form-section-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);font-weight:600;color:var(--color-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.textarea-label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500}.textarea-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-on-surface);font-family:inherit;font-size:var(--font-size-sm);resize:vertical}.select-label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500}.select-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-on-surface);font-size:var(--font-size-sm);cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background .2s ease}.checkbox-label:hover{background:var(--color-surface-variant)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.modal--large{max-width:700px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.modal-header h2{margin:0;font-size:var(--font-size-xl)}.modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-on-surface);cursor:pointer;padding:var(--spacing-xs);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.modal-close:hover{background:var(--color-error-bg);color:var(--color-error)}@media (max-width: 768px){.admin-coupons{padding:var(--spacing-md)}.admin-coupons__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.coupon-item__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.coupon-item__details{flex-direction:column;gap:var(--spacing-md)}.coupon-item__actions{flex-wrap:wrap}.form-row{grid-template-columns:1fr}}:root{--color-primary: #00D9FF;--color-primary-variant: #0099CC;--color-secondary: #FF006E;--color-secondary-variant: #CC0058;--color-accent: #FFD60A;--color-background: #0A0E27;--color-surface: #151B3B;--color-surface-variant: #1F2847;--color-error: #FF4757;--color-success: #2ED573;--color-warning: #FFA502;--color-on-primary: #000000;--color-on-secondary: #000000;--color-on-background: #E1E1E1;--color-on-surface: #E1E1E1;--color-on-error: #000000;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=light]{--color-primary: #0099CC;--color-primary-variant: #007399;--color-secondary: #FF006E;--color-secondary-variant: #CC0058;--color-accent: #FFA502;--color-background: #F8F9FA;--color-surface: #FFFFFF;--color-surface-variant: #E9ECEF;--color-error: #FF4757;--color-success: #2ED573;--color-warning: #FFA502;--color-on-primary: #FFFFFF;--color-on-secondary: #000000;--color-on-background: #000000;--color-on-surface: #000000;--color-on-error: #FFFFFF;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--color-on-background);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--font-family-mono)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes press{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}