@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--border);color:var(--text);transition:background var(--transition),border-color var(--transition)}.theme-toggle:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header__inner{position:relative;height:var(--header-h);display:flex;align-items:center;gap:var(--sp-5)}.header__lead{display:flex;align-items:center;gap:var(--sp-3)}.header__brand{display:flex;align-items:center;gap:var(--sp-2);margin-right:var(--sp-2)}.header__logo{height:46px;width:auto;object-fit:contain}[data-theme=dark] .header__logo{filter:invert(1)}.header__brand-name{font-weight:var(--fw-black);font-size:var(--fs-md);letter-spacing:.02em}.header__nav{display:flex;align-items:center;gap:var(--sp-5);margin-right:auto}.header__link{font-size:var(--fs-sm);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);transition:color var(--transition);background:none;border:none}.header__link:hover,.header__link.active{color:var(--text)}.header__actions{display:flex;align-items:center;gap:var(--sp-3)}.header__user{display:flex;align-items:center;gap:var(--sp-2)}.header__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text);transition:border-color var(--transition),background var(--transition)}.header__icon-btn:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.header__logout{background:none;border:none;color:var(--text-muted);font-size:var(--fs-sm)}.header__logout:hover{color:var(--text)}.header__fav{position:relative}.header__cart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-contrast);transition:background var(--transition)}.header__cart:hover{background:var(--accent-hover)}.header__cart-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.header__burger{display:none;background:none;border:none;color:var(--text);padding:4px}.header__mobile{display:none;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);background:var(--bg)}.header__mobile .header__link{font-size:var(--fs-base);padding:var(--sp-2) 0;text-align:left}@media(max-width:720px){.header__nav,.header__brand-name{display:none}.header__burger{display:inline-flex}.header__brand{position:absolute;left:50%;transform:translate(-50%);margin:0}.header__logo{height:58px}.header__logout{display:none}.header__icon-btn:not(.header__fav){display:none}.header__actions{margin-left:auto;gap:var(--sp-2)}.header__mobile{display:flex}}.footer{border-top:1px solid var(--border);background:var(--bg-subtle);margin-top:var(--sp-16)}.footer__inner{display:flex;flex-wrap:wrap;gap:var(--sp-10);justify-content:space-between;padding:var(--sp-16) clamp(20px,4vw,48px) var(--sp-12)}.footer__brand{max-width:320px}.footer__logo{font-weight:var(--fw-black);font-size:var(--fs-lg);letter-spacing:.04em}.footer__tagline{margin-top:var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm)}.footer__cols{display:flex;gap:var(--sp-12)}.footer__col{display:flex;flex-direction:column;gap:var(--sp-2)}.footer__col h4{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--sp-1)}.footer__col a{font-size:var(--fs-sm);color:var(--text)}.footer__col a:hover{text-decoration:underline}.footer__bottom{display:flex;justify-content:space-between;padding:var(--sp-5) clamp(20px,4vw,48px);border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-muted)}@media(max-width:600px){.footer__cols{gap:var(--sp-8)}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__main{flex:1}.admin{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--bg-subtle)}.admin__sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:var(--sp-6);padding:var(--sp-6) var(--sp-4);background:var(--bg-elevated);border-right:1px solid var(--border)}.admin__brand{font-weight:var(--fw-black);font-size:var(--fs-lg);letter-spacing:.03em}.admin__brand span{color:var(--text-muted);font-weight:var(--fw-medium)}.admin__nav{display:flex;flex-direction:column;gap:4px}.admin__link{padding:10px 14px;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);transition:background var(--transition),color var(--transition)}.admin__link:hover{background:var(--bg-subtle);color:var(--text)}.admin__link--active{background:var(--accent);color:var(--accent-contrast)}.admin__foot{margin-top:auto}.admin__back{font-size:var(--fs-sm);color:var(--text-muted)}.admin__back:hover{color:var(--text)}.admin__content{display:flex;flex-direction:column;min-width:0}.admin__topbar{height:var(--header-h);display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-4);padding:0 var(--sp-6);background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.admin__user{font-size:var(--fs-sm);color:var(--text-muted)}.admin__page{padding:var(--sp-8) var(--sp-6);min-width:0}.admin-page__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap}.admin-filters{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-5)}.cell-product{display:flex;align-items:center;gap:var(--sp-3)}.cell-product__img{width:40px;height:46px;border-radius:var(--radius-sm);background:var(--bg-subtle);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.cell-product__img img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}[data-theme=dark] .cell-product__img img{mix-blend-mode:normal}.cell-product__title{font-weight:var(--fw-semibold);text-transform:uppercase;font-size:var(--fs-sm)}.cell-mono{font-family:ui-monospace,monospace;font-size:var(--fs-sm)}.cell-actions{display:inline-flex;gap:var(--sp-1);justify-content:flex-end}.cell-actions button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius-md);transition:border-color var(--transition),color var(--transition)}.cell-actions button:hover{border-color:var(--border-strong)}.cell-actions button.danger:hover{color:var(--danger);border-color:var(--danger)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.form-error{color:var(--danger);font-size:var(--fs-sm)}@media(max-width:800px){.admin{grid-template-columns:1fr}.admin__sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--sp-3)}.admin__nav{flex-direction:row;flex-wrap:wrap}.admin__foot{margin:0}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-12);color:var(--text-muted)}.loader--inline{flex-direction:row;padding:var(--sp-3)}.loader__spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:loader-spin .7s linear infinite}.loader--inline .loader__spinner{width:18px;height:18px;border-width:2px}.loader__label{font-size:var(--fs-sm)}@keyframes loader-spin{to{transform:rotate(360deg)}}.product-card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.product-card:hover{box-shadow:var(--shadow-md)}.product-card__media{position:relative;aspect-ratio:1 / 1;background:var(--bg-subtle)}.product-card__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.product-card:hover .product-card__media img{transform:scale(1.03)}.product-card__placeholder{font-weight:var(--fw-black);letter-spacing:.12em;color:var(--text-muted);opacity:.35}.product-card__badge{position:absolute;left:var(--sp-3);top:var(--sp-3);background:var(--accent);color:var(--accent-contrast);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:4px 10px;border-radius:var(--radius-pill)}.product-card__fav{position:absolute;right:12px;top:12px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm);transition:color var(--transition),border-color var(--transition)}.product-card__fav.is-active{color:var(--text);border-color:var(--text)}.product-card__body{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4)}.product-card__text{display:flex;flex-direction:column;gap:6px;min-width:0}.product-card__title{font-size:var(--fs-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.01em;line-height:1.2;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__title:hover{text-decoration:underline}.product-card__price{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text)}.product-card__add{flex-shrink:0;width:46px;height:46px;border-radius:var(--radius-pill);border:none;background:var(--accent);color:var(--accent-contrast);font-size:24px;font-weight:300;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition),transform var(--transition)}.product-card__add:hover:not(:disabled){background:var(--accent-hover)}.product-card__add:active:not(:disabled){transform:scale(.94)}.product-card__add:disabled{opacity:.35;cursor:not-allowed}@media(max-width:520px){.product-card__body{padding:var(--sp-3);gap:var(--sp-2)}.product-card__title{font-size:var(--fs-xs);gap:4px}.product-card__price{font-size:var(--fs-sm)}.product-card__add{width:38px;height:38px;font-size:20px}.product-card__fav{width:32px;height:32px;right:8px;top:8px}}.home{padding-top:var(--sp-8);padding-bottom:var(--sp-16)}.home__section{margin-bottom:var(--sp-12);margin-top:var(--sp-12)}.home__section:first-child{margin-top:0}.home__heading{font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:var(--sp-5)}.home__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}.home__head .home__heading{margin-bottom:0}.home__all{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);white-space:nowrap}.home__all:hover{color:var(--text)}.home__categories{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.category-tile{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);min-height:132px;padding:var(--sp-5);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition),background var(--transition)}.category-tile:hover{border-color:var(--border-strong)}.category-tile__label{font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:.01em;font-size:var(--fs-md)}.category-tile__arrow{font-size:var(--fs-lg);color:var(--text-muted);transition:transform var(--transition)}.category-tile:hover .category-tile__arrow{transform:translate(3px)}@media(max-width:720px){.home{padding-top:var(--sp-5)}.home__section{margin-top:var(--sp-8);margin-bottom:var(--sp-8)}.home__heading{font-size:var(--fs-lg);margin-bottom:var(--sp-4)}.home__head{margin-bottom:var(--sp-4)}.home__categories{grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.category-tile{min-height:84px;padding:var(--sp-4)}.category-tile__label{font-size:var(--fs-base)}}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--sp-10)}.pagination__btn{min-width:40px;height:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-weight:var(--fw-medium);transition:border-color var(--transition),background var(--transition)}.pagination__btn:hover:not(:disabled){border-color:var(--border-strong)}.pagination__btn--active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__ellipsis{color:var(--text-muted);padding:0 4px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-16) var(--sp-4);color:var(--text-muted)}.empty__icon{color:var(--text-muted);opacity:.6}.empty__icon svg{width:46px;height:46px}.empty__title{font-size:var(--fs-lg);color:var(--text);text-transform:uppercase;letter-spacing:-.01em}.empty__desc{max-width:380px}.empty__action{margin-top:var(--sp-2)}.field{display:flex;flex-direction:column;gap:6px;width:100%}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted)}.field__control{width:100%;padding:12px 14px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.field__control::placeholder{color:var(--text-muted)}.field__control:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-strong) 12%,transparent)}.field__control--area{min-height:110px;resize:vertical}.field__control--error{border-color:var(--danger)}.field__error{font-size:var(--fs-xs);color:var(--danger)}.field__hint{font-size:var(--fs-xs);color:var(--text-muted)}.catalog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-8);flex-wrap:wrap}.catalog__search{display:flex;align-items:center;gap:var(--sp-2);padding:10px 16px;min-width:280px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted)}.catalog__search input{border:none;background:transparent;color:var(--text);outline:none;width:100%}.catalog__body{display:grid;grid-template-columns:220px 1fr;gap:var(--sp-8);align-items:start}.catalog__filters{display:flex;flex-direction:column;gap:var(--sp-6);position:sticky;top:calc(var(--header-h) + var(--sp-4))}.filter-group__title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--sp-3)}.filter-chip{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 14px;margin-bottom:6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--fs-sm);text-align:left;transition:border-color var(--transition),background var(--transition)}.filter-chip:hover{border-color:var(--border-strong)}.filter-chip.is-active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.filter-chip__count{font-size:var(--fs-xs);opacity:.6}.catalog__count{margin-bottom:var(--sp-4);font-size:var(--fs-sm)}@media(max-width:760px){.catalog__body{grid-template-columns:1fr}.catalog__filters{position:static;flex-direction:row;flex-wrap:wrap;gap:var(--sp-4)}.filter-group{flex:1;min-width:160px}.catalog__search{flex:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid transparent;border-radius:var(--radius-pill);font-weight:var(--fw-semibold);letter-spacing:.01em;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition),opacity var(--transition);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{padding:8px 14px;font-size:var(--fs-sm)}.btn--md{padding:12px 22px;font-size:var(--fs-base)}.btn--lg{padding:16px 30px;font-size:var(--fs-md)}.btn--full{width:100%}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg-subtle);color:var(--text);border-color:var(--border)}.btn--secondary:hover:not(:disabled){border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--bg-subtle)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(.94)}.btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);animation:lightbox-fade .15s ease}.lightbox__stage{max-width:92vw;max-height:88vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.lightbox__img{max-width:92vw;max-height:88vh;object-fit:contain;transition:transform .08s ease-out;-webkit-user-select:none;user-select:none}.lightbox__close,.lightbox__nav{position:fixed;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-pill);background:#ffffff1f;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s ease}.lightbox__close:hover,.lightbox__nav:hover{background:#ffffff40}.lightbox__close{top:18px;right:18px;width:46px;height:46px}.lightbox__nav{top:50%;transform:translateY(-50%);width:50px;height:50px}.lightbox__nav--prev{left:14px}.lightbox__nav--next{right:14px}.lightbox__counter{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#fffc;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}@keyframes lightbox-fade{0%{opacity:0}}@media(max-width:600px){.lightbox__nav{width:42px;height:42px}}.product__crumbs{font-size:var(--fs-sm);margin-bottom:var(--sp-6)}.product__crumbs a:hover{color:var(--text);text-decoration:underline}.product__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);align-items:start}.product__image{position:relative;aspect-ratio:1 / 1;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.product__image img{width:100%;height:100%;object-fit:cover}.product__image--zoomable{cursor:zoom-in}.product__zoom-hint{position:absolute;bottom:var(--sp-3);left:50%;transform:translate(-50%);padding:6px 12px;border-radius:var(--radius-pill);background:#0000008c;color:#fff;font-size:var(--fs-xs);opacity:0;transition:opacity var(--transition);pointer-events:none;white-space:nowrap}.product__image--zoomable:hover .product__zoom-hint{opacity:1}.product__placeholder{font-weight:var(--fw-black);letter-spacing:.1em;color:var(--text-muted);opacity:.35}.product__thumbs{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.product__thumb{width:64px;height:64px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-subtle);overflow:hidden;padding:0}.product__thumb.is-active{border-color:var(--border-strong)}.product__thumb img{width:100%;height:100%;object-fit:cover}.product__info{position:sticky;top:calc(var(--header-h) + var(--sp-5));display:flex;flex-direction:column;gap:var(--sp-4)}.product__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.product__title{font-size:var(--fs-xl);font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:-.01em;line-height:1.05}.product__fav{flex-shrink:0;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg);color:var(--text);transition:border-color var(--transition),color var(--transition)}.product__fav:hover,.product__fav.is-active{border-color:var(--text);color:var(--text)}.product__price{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.product__stock{font-size:var(--fs-sm)}.product__stock--in{color:var(--success)}.product__stock--out{color:var(--danger)}.product__label{display:block;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--sp-2)}.product__size-row{display:flex;gap:var(--sp-2)}.size-chip{min-width:48px;height:44px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--chip-bg);color:var(--text);font-weight:var(--fw-semibold);transition:all var(--transition)}.size-chip:hover{border-color:var(--border-strong)}.size-chip.is-active{background:var(--chip-active-bg);color:var(--chip-active-text);border-color:var(--chip-active-bg)}.product__desc{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.7}.product__actions{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-2)}@media(max-width:820px){.product__grid{grid-template-columns:1fr;gap:var(--sp-6)}.product__info{position:static}.product__title{font-size:var(--fs-xl)}}.cart__title{margin-bottom:var(--sp-8)}.cart__layout{display:grid;grid-template-columns:1fr 340px;gap:var(--sp-8);align-items:start}.cart__items{display:flex;flex-direction:column;gap:var(--sp-3)}.cart-line{display:grid;grid-template-columns:90px 1fr auto auto auto;align-items:center;gap:var(--sp-4);padding:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.cart-line__media{width:90px;height:100px;border-radius:var(--radius-md);background:var(--bg-subtle);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);color:var(--text-muted)}.cart-line__media img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}[data-theme=dark] .cart-line__media img{mix-blend-mode:normal}.cart-line__info{display:flex;flex-direction:column;gap:4px;min-width:0}.cart-line__title{font-weight:var(--fw-bold);text-transform:uppercase;font-size:var(--fs-sm)}.cart-line__title:hover{text-decoration:underline}.cart-line__size{font-size:var(--fs-xs);color:var(--text-muted)}.cart-line__price{font-size:var(--fs-sm);color:var(--text-muted)}.cart-line__qty{display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px}.cart-line__qty button{width:30px;height:30px;border:none;background:transparent;color:var(--text);border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center}.cart-line__qty button:hover{background:var(--bg-subtle)}.cart-line__qty span{min-width:20px;text-align:center;font-weight:var(--fw-semibold)}.cart-line__total{font-weight:var(--fw-bold);white-space:nowrap}.cart-line__remove{background:transparent;border:none;color:var(--text-muted);padding:6px;border-radius:var(--radius-sm)}.cart-line__remove:hover{color:var(--danger);background:var(--bg-subtle)}.cart__summary{position:sticky;top:calc(var(--header-h) + var(--sp-5));display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-6);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.cart__summary-title{font-size:var(--fs-lg);text-transform:uppercase}.cart__summary-row{display:flex;justify-content:space-between;font-size:var(--fs-sm)}.cart__summary-total{display:flex;justify-content:space-between;font-weight:var(--fw-bold);font-size:var(--fs-md);padding-top:var(--sp-3);margin-top:var(--sp-1);border-top:1px solid var(--border)}.cart__continue{text-align:center;font-size:var(--fs-sm);color:var(--text-muted)}.cart__continue:hover{color:var(--text)}@media(max-width:820px){.cart__layout{grid-template-columns:1fr}.cart__summary{position:static}}@media(max-width:560px){.cart-line{grid-template-columns:70px 1fr auto;grid-template-areas:"media info remove" "media qty total";row-gap:var(--sp-2)}.cart-line__media{grid-area:media;width:70px;height:84px}.cart-line__info{grid-area:info}.cart-line__qty{grid-area:qty}.cart-line__total{grid-area:total;text-align:right;align-self:center}.cart-line__remove{grid-area:remove;justify-self:end}}.favorites__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.favorites__clear{background:none;border:none;color:var(--text-muted);font-size:var(--fs-sm)}.favorites__clear:hover{color:var(--danger)}.checkout__title{margin-bottom:var(--sp-8)}.checkout__layout{display:grid;grid-template-columns:1fr 360px;gap:var(--sp-8);align-items:start}.checkout__form{display:flex;flex-direction:column;gap:var(--sp-6)}.checkout__block{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.checkout__block-title{font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.01em}.checkout__methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.method-btn{padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font-weight:var(--fw-semibold);transition:border-color var(--transition),background var(--transition)}.method-btn:hover{border-color:var(--border-strong)}.method-btn.is-active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.checkout__pickup-note{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.6}.checkout__carriers{display:flex;flex-direction:column;gap:var(--sp-2)}.carrier{display:flex;align-items:center;gap:var(--sp-3);padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.carrier:hover{border-color:var(--border-strong)}.carrier.is-active{border-color:var(--accent);background:var(--bg-subtle)}.carrier input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.carrier__label{font-weight:var(--fw-medium)}.carrier__note{margin-left:auto;font-size:var(--fs-xs);color:var(--text-muted);text-align:right}.checkout__contact{display:grid;grid-template-columns:160px 1fr;gap:var(--sp-3);align-items:start}.checkout__success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-4);max-width:460px;margin:var(--sp-12) auto 0}.checkout__success-badge{width:72px;height:72px;border-radius:var(--radius-pill);background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:38px}.checkout__success-title{font-size:var(--fs-2xl);font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:-.02em}.checkout__success-text{color:var(--text-muted);font-size:var(--fs-md)}.checkout__success-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center;margin-top:var(--sp-2)}.checkout__promo{display:flex;gap:var(--sp-2);align-items:flex-start}@media(max-width:480px){.checkout__contact{grid-template-columns:1fr}}.checkout__promo .field{flex:1}.checkout__promo .btn{margin-top:0;height:46px}.checkout__promo-ok{font-size:var(--fs-sm);color:var(--success)}.checkout__summary{position:sticky;top:calc(var(--header-h) + var(--sp-5));display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-6);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.checkout__list{display:flex;flex-direction:column;gap:var(--sp-2);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.checkout__list li{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm)}.checkout__row{display:flex;justify-content:space-between;font-size:var(--fs-sm)}.checkout__row--discount{color:var(--success)}.checkout__total{display:flex;justify-content:space-between;font-weight:var(--fw-bold);font-size:var(--fs-md);padding-top:var(--sp-3);border-top:1px solid var(--border)}.checkout__error{color:var(--danger);font-size:var(--fs-sm)}@media(max-width:820px){.checkout__layout{grid-template-columns:1fr}.checkout__summary{position:static}}.auth{display:flex;justify-content:center}.auth__card{width:100%;max-width:420px;margin-top:var(--sp-8);padding:var(--sp-8);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.auth__title{font-size:var(--fs-2xl);font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:-.02em}.auth__sub{margin:var(--sp-1) 0 var(--sp-6)}.auth__form{display:flex;flex-direction:column;gap:var(--sp-4)}.auth__error{color:var(--danger);font-size:var(--fs-sm)}.auth__switch{margin-top:var(--sp-5);font-size:var(--fs-sm);text-align:center}.auth__switch a{color:var(--text);font-weight:var(--fw-semibold);text-decoration:underline}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border:1px solid transparent}.badge--neutral{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border)}.badge--success{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.badge--danger{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.badge--warning{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.badge--info{background:color-mix(in srgb,var(--info) 16%,transparent);color:var(--info)}.account__head{margin-bottom:var(--sp-6)}.account__banner{padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-6);background:color-mix(in srgb,var(--success) 14%,transparent);border:1px solid color-mix(in srgb,var(--success) 40%,transparent);border-radius:var(--radius-md);color:var(--success);font-weight:var(--fw-medium)}.account__tabs{display:flex;gap:var(--sp-2);border-bottom:1px solid var(--border);margin-bottom:var(--sp-6)}.account__tab{padding:var(--sp-3) var(--sp-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:var(--fw-semibold);text-transform:uppercase;font-size:var(--fs-sm);letter-spacing:.02em}.account__tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.account__orders{display:flex;flex-direction:column;gap:var(--sp-4)}.order-card{padding:var(--sp-5);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.order-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.order-card__id{font-weight:var(--fw-bold);margin-right:var(--sp-3)}.order-card__date{font-size:var(--fs-sm)}.order-card__items{display:flex;flex-direction:column;gap:var(--sp-2);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.order-card__items li{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm)}.order-card__foot{display:flex;justify-content:flex-end;align-items:center;gap:var(--sp-4);margin-top:var(--sp-3)}.order-card__delivery{margin-right:auto;font-size:var(--fs-sm)}.order-card__discount{color:var(--success);font-size:var(--fs-sm)}.order-card__total{font-weight:var(--fw-bold)}.account__profile{display:flex;flex-direction:column;gap:var(--sp-4);max-width:440px}.account__ok{color:var(--success);font-size:var(--fs-sm)}.account__err{color:var(--danger);font-size:var(--fs-sm)}.notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-4);min-height:60vh}.notfound__code{font-size:clamp(80px,20vw,180px);font-weight:var(--fw-black);letter-spacing:-.04em;line-height:1}.notfound__text{font-size:var(--fs-lg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.dashboard__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6);gap:var(--sp-4)}.dashboard__period{width:150px}.dashboard__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.kpi-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.kpi-card__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.kpi-card__value{font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:-.02em}.dashboard__charts{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--sp-5)}.chart-card{padding:var(--sp-5);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0}.chart-card__title{font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.01em;margin-bottom:var(--sp-4)}@media(max-width:900px){.dashboard__charts{grid-template-columns:1fr}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:100;animation:modal-fade .15s ease}.modal__box{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;animation:modal-pop .16s ease}.modal__box--sm{max-width:420px}.modal__box--md{max-width:560px}.modal__box--lg{max-width:760px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.modal__title{font-size:var(--fs-lg);text-transform:uppercase;letter-spacing:-.01em}.modal__close{background:transparent;border:none;color:var(--text-muted);display:flex;padding:4px;border-radius:var(--radius-sm)}.modal__close:hover{color:var(--text);background:var(--bg-subtle)}.modal__body{padding:var(--sp-6);overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border)}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated)}.table{width:100%;border-collapse:collapse;min-width:560px}.table thead th{text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.table tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);font-size:var(--fs-sm);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg-subtle)}.table__empty{text-align:center;padding:var(--sp-10)!important;color:var(--text-muted)}.uploader{display:flex;flex-direction:column;gap:var(--sp-3)}.uploader__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--sp-3)}.uploader__thumb{position:relative;aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-subtle)}.uploader__thumb img{width:100%;height:100%;object-fit:contain}.uploader__remove{position:absolute;top:4px;right:4px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-pill);background:var(--overlay);color:#fff}.uploader__remove:hover{background:var(--danger)}.uploader__add{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text-muted);font-size:var(--fs-xs);transition:border-color var(--transition),color var(--transition)}.uploader__add:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.uploader__add:disabled{opacity:.6;cursor:default}.uploader__spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:uploader-spin .7s linear infinite}@keyframes uploader-spin{to{transform:rotate(360deg)}}.uploader__error{color:var(--danger);font-size:var(--fs-sm)}.uploader__url{display:flex;gap:var(--sp-2)}.uploader__url input{flex:1;padding:10px 12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);outline:none}.uploader__url input:focus{border-color:var(--border-strong)}.uploader__url button{padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text);font-size:var(--fs-sm)}.uploader__url button:hover{border-color:var(--border-strong)}.taginput{display:flex;flex-direction:column;gap:var(--sp-2)}.taginput__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.taginput__tag{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;background:var(--chip-active-bg);color:var(--chip-active-text);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.taginput__tag button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--chip-active-text) 22%,transparent);color:var(--chip-active-text)}.taginput__row{display:flex;gap:var(--sp-2)}.taginput__row input{flex:1;padding:10px 12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);outline:none}.taginput__row input:focus{border-color:var(--border-strong)}.taginput__row button{padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text);font-size:var(--fs-sm)}.taginput__row button:hover{border-color:var(--border-strong)}.taginput__presets{display:flex;flex-wrap:wrap;gap:6px}.taginput__preset{padding:5px 10px;border:1px dashed var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-size:var(--fs-xs)}.taginput__preset:hover{border-color:var(--border-strong);color:var(--text)}.product-form{display:flex;flex-direction:column;gap:var(--sp-4)}.product-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.product-form__error{color:var(--danger);font-size:var(--fs-sm)}@media(max-width:520px){.product-form__row{grid-template-columns:1fr}}.category-form{display:flex;flex-direction:column;gap:var(--sp-4)}.status-select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font-size:var(--fs-sm);cursor:pointer}.orders__detail-btn{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font-size:var(--fs-sm);white-space:nowrap}.orders__detail-btn:hover{border-color:var(--border-strong)}.order-detail{display:flex;flex-direction:column;gap:var(--sp-5)}.order-detail__meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.order-detail__meta>div{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm)}.order-detail__meta .muted{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}.order-detail__addr{grid-column:1 / -1}.order-detail__items{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.order-detail__items li{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm)}.order-detail__totals{display:flex;flex-direction:column;gap:var(--sp-2)}.order-detail__totals>div{display:flex;justify-content:space-between;font-size:var(--fs-sm)}.order-detail__discount{color:var(--success)}.order-detail__grand{font-weight:var(--fw-bold);font-size:var(--fs-md)!important;padding-top:var(--sp-2);border-top:1px solid var(--border)}.order-detail__actions{display:flex;gap:var(--sp-2)}@media(max-width:520px){.order-detail__meta{grid-template-columns:1fr}}.user-cell{display:flex;flex-direction:column;gap:2px}.user-cell__name{font-weight:var(--fw-semibold);display:inline-flex;align-items:center;gap:var(--sp-2)}.user-actions{display:inline-flex;gap:var(--sp-2);align-items:center;justify-content:flex-end}.user-ban{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font-size:var(--fs-sm);white-space:nowrap}.user-ban:hover{border-color:var(--danger);color:var(--danger)}.user-ban.is-banned:hover{border-color:var(--success);color:var(--success)}.user-del{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);border-radius:var(--radius-md)}.user-del:hover{color:var(--danger);border-color:var(--danger)}.user-cell__email{font-size:var(--fs-xs)}.role-select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font-size:var(--fs-sm);font-family:ui-monospace,monospace;cursor:pointer}.promo-form{display:flex;flex-direction:column;gap:var(--sp-4)}.promo-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.promo-form__toggle{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);cursor:pointer}.promo-form__toggle input{width:18px;height:18px;accent-color:var(--accent)}@media(max-width:520px){.promo-form__row{grid-template-columns:1fr}}:root{--font-sans: "Inter", "Helvetica Neue", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 22px;--fs-xl: 30px;--fs-2xl: 42px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 6px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .14);--container: 1200px;--header-h: 68px;--transition: .16s ease}:root,[data-theme=light]{--bg: #ffffff;--bg-subtle: #f2f2f2;--bg-elevated: #ffffff;--surface: #f7f7f7;--border: #e6e6e6;--border-strong: #111111;--text: #0a0a0a;--text-muted: #6b6b6b;--text-inverse: #ffffff;--accent: #0a0a0a;--accent-hover: #262626;--accent-contrast: #ffffff;--success: #1f9d55;--danger: #d32f2f;--warning: #c77700;--info: #2563eb;--chip-bg: #ffffff;--chip-active-bg: #0a0a0a;--chip-active-text: #ffffff;--overlay: rgba(0, 0, 0, .45)}[data-theme=dark]{--bg: #0e0e0f;--bg-subtle: #191a1c;--bg-elevated: #171719;--surface: #1d1d20;--border: #2c2c30;--border-strong: #f5f5f5;--text: #f4f4f5;--text-muted: #9a9aa2;--text-inverse: #0a0a0a;--accent: #f5f5f5;--accent-hover: #d9d9d9;--accent-contrast: #0a0a0a;--success: #43c17a;--danger: #ef5350;--warning: #e0a53d;--info: #5b8def;--chip-bg: #1d1d20;--chip-active-bg: #f5f5f5;--chip-active-text: #0a0a0a;--overlay: rgba(0, 0, 0, .65)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4{line-height:1.15;font-weight:var(--fw-bold)}ul{list-style:none;padding:0}.container{width:100%;max-width:var(--container);margin:0 auto;padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px)}.page{min-height:calc(100vh - var(--header-h));padding-top:var(--sp-8);padding-bottom:var(--sp-16)}.section-title{font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:-.02em;text-transform:uppercase}.muted{color:var(--text-muted)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--sp-5)}@media(max-width:520px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}