@font-face{font-family:Vazirmatn;src:url(/projects/ecommerce-store/assets/Vazirmatn-Variable-BeciDpKm.woff2)format("woff2-variations"),url(/projects/ecommerce-store/assets/Vazirmatn-Variable-BeciDpKm.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn Static;src:url(/projects/ecommerce-store/assets/Vazirmatn-Regular-CtGL0YI-.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn Static;src:url(/projects/ecommerce-store/assets/Vazirmatn-Bold-_OhAJEdh.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-accent:#e8562f;--color-accent-dark:#c8431f;--color-accent-light:#fde8e0;--color-accent-soft:#fbeae4;--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-text-faint:#9a9a9a;--color-bg:#fff;--color-bg-cream:#faf9f7;--color-bg-alt:#f4f2ef;--color-border:#e7e4e0;--color-border-strong:#d7d3cd;--color-success:#1e8e5a;--color-success-bg:#e5f6ee;--color-warning:#b6790a;--color-warning-bg:#fbf1dc;--color-danger:#d43b3b;--color-danger-bg:#fbe7e7;--color-info:#2f6fe8;--color-info-bg:#e7effd;--color-purple:#7c4fd1;--color-purple-bg:#efe7fb;--color-gray:#6b6b6b;--color-gray-bg:#ececea;--admin-bg:#f4f5f7;--admin-surface:#fff;--admin-border:#e2e4e9;--admin-sidebar-bg:#191b20;--admin-sidebar-text:#c9cbd3;--admin-sidebar-text-active:#fff;--admin-sidebar-hover:#24272e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 2px #1412100f;--shadow-md:0 4px 16px #14121014;--shadow-lg:0 12px 32px #1412101f;--shadow-card-hover:0 16px 32px #e8562f24;--font-sans:"Vazirmatn", "Vazirmatn Static", Tahoma, Arial, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--z-header:100;--z-modal:1000;--z-toast:1100;--container-max:1240px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg-cream);color:var(--color-text);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select,button{font-family:inherit;font-size:inherit}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}::selection{background:var(--color-accent-light);color:var(--color-accent-dark)}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-5);margin-inline:auto}@media (width<=640px){.container{padding-inline:var(--space-4)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.toast-stack{top:var(--space-5);gap:var(--space-2);z-index:var(--z-toast);flex-direction:column;width:min(92vw,420px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);background:var(--color-text);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:.2s toast-slide-in;display:flex}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast__icon{flex-shrink:0;display:flex}.toast--success .toast__icon{color:#7be0ab}.toast--error .toast__icon{color:#f39a9a}.toast--info .toast__icon{color:#9dc0f7}.toast__message{font-size:var(--fs-sm);flex:1;line-height:1.7}.toast__close{color:#ffffffb3;background:0 0;border:none;flex-shrink:0;display:flex}.toast__close:hover{color:#fff}.spinner-wrap{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);color:var(--color-text-muted);flex-direction:column;display:flex}.spinner-wrap--full{width:100%}.spinner-icon{color:var(--color-accent);animation:.9s linear infinite spinner-rotate}.spinner-label{font-size:var(--fs-sm)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.site-header{z-index:var(--z-header);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background:#ffffffeb;position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--space-6);height:72px;display:flex}.site-header__logo{font-size:var(--fs-xl);color:var(--color-accent);letter-spacing:.5px;flex-shrink:0;font-weight:800}.site-header__nav{align-items:center;gap:var(--space-6);flex:1;display:flex}.site-header__link{color:var(--color-text);white-space:nowrap;padding:var(--space-2) 0;transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:2px solid #0000;font-weight:600}.site-header__link:hover,.site-header__link.active{color:var(--color-accent);border-color:var(--color-accent)}.site-header__search{align-items:center;gap:var(--space-2);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);flex:1;max-width:420px;padding:8px 14px;display:flex}.site-header__search-icon{color:var(--color-text-faint);flex-shrink:0}.site-header__search input{width:100%;font-size:var(--fs-sm);color:var(--color-text);background:0 0;border:none;outline:none}.site-header__actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.site-header__cart{border-radius:var(--radius-full);width:42px;height:42px;color:var(--color-text);transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.site-header__cart:hover{background:var(--color-bg-alt)}.site-header__cart-badge{top:-2px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);border:2px solid #fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding-inline:4px;font-size:10px;font-weight:700;display:flex;position:absolute;inset-inline-end:-2px}.site-header__menu-toggle{color:var(--color-text);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;width:42px;height:42px;display:none}.site-header__menu-toggle:hover{background:var(--color-bg-alt)}@media (width<=860px){.site-header__nav{top:72px;background:var(--color-bg);align-items:stretch;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:transform var(--transition-base), opacity var(--transition-base);flex-direction:column;position:fixed;inset-inline:0;transform:translateY(-8px)}.site-header__nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.site-header__search{max-width:none}.site-header__menu-toggle{display:flex}}.site-footer{margin-top:var(--space-20);background:var(--color-text);color:#ffffffd1}.site-footer__inner{gap:var(--space-8);padding-block:var(--space-12);grid-template-columns:1.4fr 1fr 1fr;display:grid}.site-footer__logo{font-size:var(--fs-lg);color:#fff;margin-bottom:var(--space-3);font-weight:800}.site-footer__desc{line-height:1.9;font-size:var(--fs-sm);max-width:320px}.site-footer__col h4{color:#fff;font-size:var(--fs-sm);margin-bottom:var(--space-4)}.site-footer__col ul{gap:var(--space-3);font-size:var(--fs-sm);flex-direction:column;display:flex}.site-footer__col ul a:hover{color:var(--color-accent)}.site-footer__socials{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.site-footer__socials a{border-radius:var(--radius-full);color:#fff;width:36px;height:36px;transition:background var(--transition-fast);background:#ffffff14;justify-content:center;align-items:center;display:flex}.site-footer__socials a:hover{background:var(--color-accent)}.site-footer__note{font-size:var(--fs-xs);color:#ffffff8c}.site-footer__bottom{padding-block:var(--space-4);font-size:var(--fs-xs);color:#ffffff8c;border-top:1px solid #ffffff1f}@media (width<=720px){.site-footer__inner{gap:var(--space-6);grid-template-columns:1fr}}.admin-sidebar{background:var(--admin-sidebar-bg);width:240px;color:var(--admin-sidebar-text);padding:var(--space-5) var(--space-3);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.admin-sidebar__header{align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-6);display:flex;position:relative}.admin-sidebar__logo{color:#fff;font-weight:800;font-size:var(--fs-lg)}.admin-sidebar__subtitle{font-size:var(--fs-xs);color:var(--admin-sidebar-text)}.admin-sidebar__close{inset-inline-end:0;color:var(--admin-sidebar-text);background:0 0;border:none;display:none;position:absolute;top:0}.admin-sidebar__nav{flex-direction:column;gap:2px;display:flex}.admin-sidebar__link{align-items:center;gap:var(--space-3);padding:11px var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--admin-sidebar-text);transition:background var(--transition-fast), color var(--transition-fast);font-weight:600;display:flex}.admin-sidebar__link:hover{background:var(--admin-sidebar-hover);color:#fff}.admin-sidebar__link.is-active{background:var(--color-accent);color:#fff}.admin-sidebar__backdrop{display:none}@media (width<=960px){.admin-sidebar{transition:transform var(--transition-base);z-index:var(--z-modal);position:fixed;inset-block:0;inset-inline-start:0;transform:translate(100%)}html[dir=rtl] .admin-sidebar{transform:translate(100%)}.admin-sidebar.is-open{transform:translate(0)}.admin-sidebar__close{display:flex}.admin-sidebar__backdrop{z-index:calc(var(--z-modal) - 1);background:#0006;display:block;position:fixed;inset:0}}.admin-shell{background:var(--admin-bg);min-height:100vh;display:flex}.admin-shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--admin-surface);border-bottom:1px solid var(--admin-border);z-index:10;display:flex;position:sticky;top:0}.admin-topbar__menu-btn{border:1px solid var(--admin-border);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--color-text);background:0 0;justify-content:center;align-items:center;display:none}.admin-topbar__spacer{flex:1}.admin-topbar__user{align-items:center;gap:var(--space-4);display:flex}.admin-topbar__name{font-weight:700;font-size:var(--fs-sm)}.admin-topbar__logout{align-items:center;gap:var(--space-2);border:1px solid var(--admin-border);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--color-text-muted);background:0 0;padding:8px 14px;font-weight:600;display:flex}.admin-topbar__logout:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-bg)}.admin-shell__content{padding:var(--space-6);flex:1}@media (width<=960px){.admin-topbar__menu-btn{display:flex}}@media (width<=560px){.admin-shell__content{padding:var(--space-4)}.admin-topbar__name{display:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn__spinner{animation:.8s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--sm{font-size:var(--fs-sm);padding:6px 12px}.btn--md{font-size:var(--fs-sm);padding:10px 20px}.btn--lg{font-size:var(--fs-md);padding:14px 28px}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-dark)}.btn--secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-alt)}.btn--ghost{color:var(--color-text);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-bg-alt)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#b52f2f}.btn--outline-danger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btn--outline-danger:hover:not(:disabled){background:var(--color-danger-bg)}.btn--full{width:100%}.product-card{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-card-hover);border-color:#0000;transform:translateY(-4px)}.product-card__media{aspect-ratio:1;background:var(--color-bg-alt);position:relative;overflow:hidden}.product-card__media img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.product-card:hover .product-card__media img{transform:scale(1.05)}.product-card__gradient{width:100%;height:100%;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.product-card__gradient span{color:#fff;font-weight:700;font-size:var(--fs-md);text-align:center;text-shadow:0 2px 8px #0000002e}.product-card__overlay{color:#fff;justify-content:center;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--fs-sm);background:#1412108c;flex-direction:column;display:flex;position:absolute;inset:0}.product-card__body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.product-card__tag{font-size:var(--fs-xs);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-full);align-self:flex-start;padding:2px 10px;font-weight:700}.product-card__name{font-size:var(--fs-base);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.product-card__price-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;display:flex}.product-card__price{font-weight:800;font-size:var(--fs-md);color:var(--color-text)}.product-card__low-stock{font-size:var(--fs-xs);color:var(--color-warning);white-space:nowrap;font-weight:600}.product-card__add-btn{margin-top:var(--space-2);width:100%}.empty-state{text-align:center;padding:var(--space-16) var(--space-5);color:var(--color-text-muted);flex-direction:column;align-items:center;display:flex}.empty-state__icon{border-radius:var(--radius-full);background:var(--color-bg-alt);width:64px;height:64px;color:var(--color-text-faint);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--fs-lg);color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.empty-state__description{max-width:420px;margin-bottom:var(--space-5);line-height:1.8}.product-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1080px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=780px){.product-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.product-grid{grid-template-columns:1fr}}.hero{background:linear-gradient(135deg, var(--color-accent) 0%, #c8431f 100%);color:#fff;overflow:hidden}.hero__inner{align-items:center;gap:var(--space-10);padding-block:var(--space-16);grid-template-columns:1.1fr .9fr;display:grid}.hero__eyebrow{border-radius:var(--radius-full);font-size:var(--fs-xs);margin-bottom:var(--space-4);background:#ffffff2e;padding:4px 14px;font-weight:700;display:inline-block}.hero__title{font-size:var(--fs-3xl);margin-bottom:var(--space-4);font-weight:800;line-height:1.4}.hero__subtitle{font-size:var(--fs-md);color:#ffffffe6;max-width:480px;margin-bottom:var(--space-8);line-height:1.9}.hero__cta{align-items:center;gap:var(--space-2);color:var(--color-accent-dark);border-radius:var(--radius-full);font-weight:700;font-size:var(--fs-base);box-shadow:var(--shadow-md);transition:transform var(--transition-fast);background:#fff;border:none;padding:14px 28px;display:inline-flex}.hero__cta:hover{transform:translateY(-2px)}.hero__media{justify-content:center;align-items:center;display:flex}.hero__media img{filter:drop-shadow(0 20px 40px #00000040);max-width:100%}@media (width<=860px){.hero__inner{padding-block:var(--space-10);text-align:center;grid-template-columns:1fr}.hero__subtitle{margin-inline:auto}.hero__media{order:-1;max-width:220px;margin-inline:auto}}.products-section{padding-block:var(--space-12) var(--space-16)}.products-toolbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.products-toolbar__search{align-items:center;gap:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);min-width:220px;color:var(--color-text-faint);flex:1;padding:10px 16px;display:flex}.products-toolbar__search input{width:100%;color:var(--color-text);font-size:var(--fs-sm);background:0 0;border:none;outline:none}.products-toolbar__sort{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-sm);padding:10px 16px;font-weight:600}.category-chips{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.category-chip{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-sm);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);padding:8px 18px;font-weight:600}.category-chip:hover{border-color:var(--color-accent)}.category-chip.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.products-section__active-filter{margin-bottom:var(--space-5);color:var(--color-text-muted);font-size:var(--fs-sm)}.products-section__error{color:var(--color-danger);padding:var(--space-6) 0;text-align:center}.product-detail{padding-block:var(--space-8) var(--space-16)}.product-detail__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);display:flex}.product-detail__breadcrumb a:hover{color:var(--color-accent)}.product-detail__grid{gap:var(--space-10);grid-template-columns:1fr 1fr;display:grid}.product-detail__media{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--color-bg-alt);position:relative;overflow:hidden}.product-detail__media img{object-fit:cover;width:100%;height:100%}.product-detail__gradient{width:100%;height:100%;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.product-detail__gradient span{color:#fff;font-weight:800;font-size:var(--fs-xl);text-align:center;text-shadow:0 2px 10px #0003}.product-detail__overlay{color:#fff;justify-content:center;align-items:center;gap:var(--space-2);background:#1412108c;flex-direction:column;font-weight:700;display:flex;position:absolute;inset:0}.product-detail__info{gap:var(--space-3);flex-direction:column;display:flex}.product-detail__tag{font-size:var(--fs-xs);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-full);align-self:flex-start;padding:4px 12px;font-weight:700}.product-detail__name{font-size:var(--fs-2xl);font-weight:800;line-height:1.5}.product-detail__price{font-size:var(--fs-xl);color:var(--color-accent);font-weight:800}.product-detail__description{color:var(--color-text-muted);white-space:pre-line;line-height:2}.product-detail__stock{font-size:var(--fs-sm);font-weight:700}.product-detail__stock--out{color:var(--color-danger)}.product-detail__stock--low{color:var(--color-warning)}.product-detail__stock--ok{color:var(--color-success)}.product-detail__actions{align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.qty-picker{align-items:center;gap:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);padding:6px 10px;display:flex}.qty-picker button{border-radius:var(--radius-full);background:var(--color-bg-alt);width:30px;height:30px;color:var(--color-text);border:none;justify-content:center;align-items:center;display:flex}.qty-picker button:disabled{opacity:.4;cursor:not-allowed}.qty-picker span{text-align:center;min-width:24px;font-weight:700}@media (width<=780px){.product-detail__grid{gap:var(--space-6);grid-template-columns:1fr}}.cart-page{padding-block:var(--space-8) var(--space-16)}.cart-page__title{font-size:var(--fs-2xl);margin-bottom:var(--space-6);font-weight:800}.cart-page__grid{gap:var(--space-8);grid-template-columns:1fr 320px;align-items:flex-start;display:grid}.cart-list{gap:var(--space-3);flex-direction:column;display:flex}.cart-item{align-items:center;gap:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);grid-template-columns:64px 1fr auto auto auto;display:grid}.cart-item__media{border-radius:var(--radius-sm);background:var(--color-bg-alt);flex-shrink:0;width:64px;height:64px;overflow:hidden}.cart-item__media img{object-fit:cover;width:100%;height:100%}.cart-item__gradient{width:100%;height:100%}.cart-item__info{flex-direction:column;gap:4px;min-width:0;display:flex}.cart-item__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.cart-item__name:hover{color:var(--color-accent)}.cart-item__unit-price{font-size:var(--fs-xs);color:var(--color-text-muted)}.cart-item__qty{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);padding:4px 8px;display:flex}.cart-item__qty button{border-radius:var(--radius-full);background:var(--color-bg-alt);border:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.cart-item__qty button:disabled{opacity:.4}.cart-item__qty span{text-align:center;min-width:18px;font-weight:700;font-size:var(--fs-sm)}.cart-item__subtotal{white-space:nowrap;font-weight:800}.cart-item__remove{color:var(--color-text-faint);background:0 0;border:none;display:flex}.cart-item__remove:hover{color:var(--color-danger)}.cart-summary{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:90px}.cart-summary h2{font-size:var(--fs-lg);font-weight:800}.cart-summary__row{font-size:var(--fs-sm);color:var(--color-text-muted);justify-content:space-between;display:flex}.cart-summary__row--total{font-size:var(--fs-md);color:var(--color-text);border-top:1px dashed var(--color-border);padding-top:var(--space-3);font-weight:800}.cart-summary__cta{width:100%}.cart-summary__continue{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:600;display:flex}.cart-summary__continue:hover{color:var(--color-accent)}@media (width<=860px){.cart-page__grid{grid-template-columns:1fr}.cart-item{row-gap:var(--space-2);grid-template-columns:56px 1fr auto}.cart-item__qty{grid-column:2/3}.cart-item__subtotal{text-align:end;grid-column:3/4}.cart-summary{position:static}}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field__label{font-size:var(--fs-sm);color:var(--color-text);font-weight:700}.form-field__required{color:var(--color-danger);margin-inline-start:2px}.form-field__error{font-size:var(--fs-xs);color:var(--color-danger)}.form-field__hint{font-size:var(--fs-xs);color:var(--color-text-muted)}.form-control{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 14px}.form-control:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.form-field.has-error .form-control{border-color:var(--color-danger)}textarea.form-control{resize:vertical;min-height:96px}.checkout-page{padding-block:var(--space-8) var(--space-16)}.checkout-page__title{font-size:var(--fs-2xl);margin-bottom:var(--space-6);font-weight:800}.checkout-page__grid{gap:var(--space-8);grid-template-columns:1fr 340px;align-items:flex-start;display:grid}.checkout-form{gap:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);flex-direction:column;display:flex}.checkout-notice{gap:var(--space-3);background:var(--color-accent-soft);color:var(--color-accent-dark);border-radius:var(--radius-md);padding:var(--space-4);display:flex}.checkout-notice p{font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:4px;line-height:1.8}.checkout-stock-issue{gap:var(--space-3);background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);padding:var(--space-4);display:flex}.checkout-stock-issue ul{margin-top:var(--space-2);font-size:var(--fs-sm);padding-inline-start:var(--space-5);list-style:outside}.checkout-form__submit{width:100%;margin-top:var(--space-2)}.checkout-summary{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:90px}.checkout-summary h2{font-size:var(--fs-lg);font-weight:800}.checkout-summary__items{gap:var(--space-3);flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.checkout-summary__item{align-items:center;gap:var(--space-3);display:flex}.checkout-summary__thumb{border-radius:var(--radius-sm);background:var(--color-bg-alt);flex-shrink:0;width:44px;height:44px;overflow:hidden}.checkout-summary__thumb img{object-fit:cover;width:100%;height:100%}.checkout-summary__item-info{flex-direction:column;flex:1;min-width:0;display:flex}.checkout-summary__item-name{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.checkout-summary__item-qty{font-size:var(--fs-xs);color:var(--color-text-muted)}.checkout-summary__item-price{font-size:var(--fs-sm);white-space:nowrap;font-weight:700}.checkout-summary__total{font-weight:800;font-size:var(--fs-md);border-top:1px dashed var(--color-border);padding-top:var(--space-4);justify-content:space-between;display:flex}@media (width<=860px){.checkout-page__grid{grid-template-columns:1fr}.checkout-summary{order:-1;position:static}}.order-confirmation{max-width:560px;padding-block:var(--space-16);text-align:center;flex-direction:column;align-items:center;margin-inline:auto;display:flex}.order-confirmation__icon{color:var(--color-success);margin-bottom:var(--space-5)}.order-confirmation__title{font-size:var(--fs-xl);margin-bottom:var(--space-3);font-weight:800}.order-confirmation__text{color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:1.9}.order-confirmation__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;padding:var(--space-5);gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.order-confirmation__row{font-size:var(--fs-sm);color:var(--color-text-muted);justify-content:space-between;display:flex}.order-confirmation__row strong{color:var(--color-text);font-size:var(--fs-base)}.order-confirmation__note{font-size:var(--fs-xs);color:var(--color-text-faint);margin-bottom:var(--space-8)}.admin-login{background:var(--admin-sidebar-bg);min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.admin-login__card{background:var(--color-bg);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-8);box-shadow:var(--shadow-lg)}.admin-login__brand{text-align:center;font-size:var(--fs-2xl);color:var(--color-accent);margin-bottom:var(--space-2);font-weight:800}.admin-login__subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-6)}.admin-login__form{gap:var(--space-4);flex-direction:column;display:flex}.admin-login__input-wrap{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-faint);padding-inline-start:var(--space-3);display:flex}.admin-login__input-wrap .form-control{border:none;padding-inline-start:0}.admin-login__input-wrap .form-control:focus{box-shadow:none}.admin-login__error{background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);text-align:center}.admin-login__submit{width:100%;margin-top:var(--space-2)}.stat-card{align-items:center;gap:var(--space-4);background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex}.stat-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card__icon--accent{background:var(--color-accent-soft);color:var(--color-accent)}.stat-card__icon--info{background:var(--color-info-bg);color:var(--color-info)}.stat-card__icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.stat-card__icon--success{background:var(--color-success-bg);color:var(--color-success)}.stat-card__content{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-card__label{font-size:var(--fs-sm);color:var(--color-text-muted)}.stat-card__value{font-size:var(--fs-xl);color:var(--color-text);font-weight:800}.data-table-wrap{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--radius-md);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);min-width:640px}.data-table thead th{background:var(--admin-bg);text-align:start;padding:var(--space-3) var(--space-4);color:var(--color-text-muted);border-bottom:1px solid var(--admin-border);white-space:nowrap;z-index:1;font-weight:700;position:sticky;top:0}.data-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--admin-border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--admin-bg)}.data-table__actions{align-items:center;gap:var(--space-2);display:flex}.data-table__icon-btn{border-radius:var(--radius-sm);border:1px solid var(--admin-border);background:var(--admin-surface);width:32px;height:32px;color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.data-table__icon-btn:hover{background:var(--color-bg-alt);color:var(--color-text)}.data-table__icon-btn--danger:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-bg)}.data-table__thumb{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:42px;height:42px}.data-table__thumb-gradient{border-radius:var(--radius-sm);flex-shrink:0;width:42px;height:42px}.data-table__cell-media{align-items:center;gap:var(--space-3);font-weight:600;display:flex}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--fs-xs);white-space:nowrap;padding:3px 10px;font-weight:700;line-height:1.8;display:inline-flex}.badge--gray{background:var(--color-gray-bg);color:var(--color-gray)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--purple{background:var(--color-purple-bg);color:var(--color-purple)}.admin-page-title{font-size:var(--fs-xl);font-weight:800}.admin-section-title{font-size:var(--fs-md);margin-bottom:var(--space-3);font-weight:700}.admin-page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.admin-error{color:var(--color-danger);padding:var(--space-6)}.dashboard-stats{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=960px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.dashboard-stats{grid-template-columns:1fr}}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);background:#14121073;justify-content:center;align-items:center;animation:.15s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:88vh;animation:.18s modal-pop-in;display:flex}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal--sm{max-width:420px}.modal--md{max-width:560px}.modal--lg{max-width:780px}.modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--fs-lg);font-weight:700}.modal__close{color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;display:flex}.modal__close:hover{background:var(--color-bg-alt);color:var(--color-text)}.modal__body{padding:var(--space-6);overflow-y:auto}.modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-3);display:flex}.confirm-dialog{gap:var(--space-4);align-items:flex-start;display:flex}.confirm-dialog__icon{border-radius:var(--radius-full);background:var(--color-danger-bg);width:40px;height:40px;color:var(--color-danger);flex-shrink:0;justify-content:center;align-items:center;display:flex}.confirm-dialog__message{color:var(--color-text-muted);line-height:1.8}.file-upload{align-items:center;gap:var(--space-4);display:flex}.file-upload__preview{border-radius:var(--radius-md);background:var(--color-bg-alt);border:1px dashed var(--color-border-strong);flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;overflow:hidden}.file-upload__preview img{object-fit:cover;width:100%;height:100%}.file-upload__placeholder-icon{color:var(--color-text-faint)}.file-upload__actions{align-items:center;gap:var(--space-3);display:flex}.file-upload__btn{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg);font-size:var(--fs-sm);padding:8px 16px;font-weight:600}.file-upload__btn:hover{background:var(--color-bg-alt)}.file-upload__remove{color:var(--color-danger);font-size:var(--fs-sm);background:0 0;border:none;align-items:center;gap:4px;font-weight:600;display:inline-flex}.product-form{gap:var(--space-4);flex-direction:column;display:flex}.product-form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.product-form__checkbox{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text);font-weight:600;display:flex}@media (width<=520px){.product-form__row{grid-template-columns:1fr}}.categories-add-form{align-items:flex-end;gap:var(--space-4);background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.categories-add-form .form-field:first-child{flex:1;min-width:200px}.categories-add-form .form-field:nth-child(2){width:140px}.categories-inline-input{padding:6px 10px}@media (width<=640px){.categories-add-form{flex-direction:column;align-items:stretch}.categories-add-form .form-field:nth-child(2){width:100%}}.orders-status-tabs{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.orders-status-tab{border-radius:var(--radius-full);border:1px solid var(--admin-border);background:var(--admin-surface);font-size:var(--fs-sm);color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);padding:8px 16px;font-weight:600}.orders-status-tab:hover{border-color:var(--color-accent)}.orders-status-tab.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.order-detail__back{align-items:center;gap:var(--space-1);font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);display:inline-flex}.order-detail__back:hover{color:var(--color-accent)}.order-detail__date{font-size:var(--fs-sm);color:var(--color-text-muted)}.order-detail__grid{gap:var(--space-5);grid-template-columns:1fr 320px;align-items:flex-start;display:grid}.order-detail__card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5)}.order-detail__total{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--admin-border);font-size:var(--fs-md);justify-content:space-between;display:flex}.order-detail__info-row{align-items:flex-start;gap:var(--space-3);padding-block:var(--space-2);font-size:var(--fs-sm);color:var(--color-text);display:flex}.order-detail__info-row svg{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.order-detail__status-save{width:100%;margin-top:var(--space-3)}@media (width<=900px){.order-detail__grid{grid-template-columns:1fr}}