:root{--color-primary-50: #e8f0f7;--color-primary-100: #c5d9ec;--color-primary-200: #9bbdde;--color-primary-300: #6a9bcd;--color-primary-400: #3e78b3;--color-primary-500: #1e5a99;--color-primary-600: #144680;--color-primary-700: #0e3766;--color-primary-800: #0a2a4d;--color-primary-900: #061d35;--color-accent-50: #fdf3e7;--color-accent-100: #f9e0c0;--color-accent-200: #f4c788;--color-accent-300: #efa850;--color-accent-400: #e8912a;--color-accent-500: #d97a15;--color-accent-600: #b5610e;--color-success-50: #e8f7ed;--color-success-100: #b8e6c8;--color-success-200: #7dd29a;--color-success-300: #44b870;--color-success-400: #1f9e51;--color-success-500: #0d7d3a;--color-success-600: #0a6330;--color-warning-50: #fff8e6;--color-warning-100: #ffe5a8;--color-warning-200: #ffd170;--color-warning-300: #fbb440;--color-warning-400: #e89a1f;--color-warning-500: #c97d0d;--color-error-50: #fdeaea;--color-error-100: #f9c8c8;--color-error-200: #f09595;--color-error-300: #e36565;--color-error-400: #cc3d3d;--color-error-500: #a52525;--color-error-600: #831a1a;--color-neutral-0: #ffffff;--color-neutral-50: #f7f7f8;--color-neutral-100: #ededf0;--color-neutral-200: #d9d9de;--color-neutral-300: #b8b8c0;--color-neutral-400: #9090a0;--color-neutral-500: #6a6a78;--color-neutral-600: #4a4a56;--color-neutral-700: #33333d;--color-neutral-800: #1f1f27;--color-neutral-900: #121217;--bg-base: var(--color-neutral-50);--bg-surface: var(--color-neutral-0);--bg-elevated: var(--color-neutral-0);--bg-dark: var(--color-neutral-900);--text-primary: var(--color-neutral-800);--text-secondary: var(--color-neutral-500);--text-muted: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--border-color: var(--color-neutral-200);--border-strong: var(--color-neutral-300);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: .9375rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--fs-4xl: 3rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-body: 1.6;--lh-heading: 1.2;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 28px rgba(0,0,0,.1);--shadow-xl: 0 16px 48px rgba(0,0,0,.12);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--container-max: 1280px;--header-height: 72px;--admin-sidebar-width: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text-primary);background-color:var(--bg-base);min-height:100vh}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--lh-heading);font-weight:var(--fw-semibold)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}@media (min-width: 768px){.container{padding:0 var(--space-5)}}@media (min-width: 1024px){.container{padding:0 var(--space-6)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;border:1px solid transparent;min-height:40px}.btn--primary{background:var(--color-primary-600);color:var(--text-inverse)}.btn--primary:hover{background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--color-neutral-100);color:var(--text-primary);border-color:var(--border-color)}.btn--secondary:hover{background:var(--color-neutral-200)}.btn--dark{background:var(--color-neutral-900);color:var(--text-inverse)}.btn--dark:hover{background:var(--color-neutral-800)}.btn--outline{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn--outline:hover{border-color:var(--color-primary-500);color:var(--color-primary-600)}.btn--accent{background:var(--color-accent-500);color:var(--text-inverse)}.btn--accent:hover{background:var(--color-accent-600)}.btn--danger{background:var(--color-error-500);color:var(--text-inverse)}.btn--danger:hover{background:var(--color-error-600)}.btn--success{background:var(--color-success-500);color:var(--text-inverse)}.btn--success:hover{background:var(--color-success-600)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--color-neutral-100);color:var(--text-primary)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);min-height:32px}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--fs-md);min-height:48px}.btn--block{width:100%}.btn--icon{padding:var(--space-2);min-height:36px;min-width:36px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em}.badge--success{background:var(--color-success-100);color:var(--color-success-600)}.badge--warning{background:var(--color-warning-100);color:var(--color-warning-500)}.badge--error{background:var(--color-error-100);color:var(--color-error-600)}.badge--info{background:var(--color-primary-100);color:var(--color-primary-700)}.badge--neutral{background:var(--color-neutral-200);color:var(--color-neutral-600)}.badge--primary{background:var(--color-primary-600);color:var(--text-inverse)}.badge--accent{background:var(--color-accent-500);color:var(--text-inverse)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.field__label--required:after{content:" *";color:var(--color-error-500)}.field__hint{font-size:var(--fs-xs);color:var(--text-muted)}.field__error{font-size:var(--fs-xs);color:var(--color-error-500)}.input,.textarea,.select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--fs-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--text-muted)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:80px}.input--error{border-color:var(--color-error-400)}.radio-group{display:flex;gap:var(--space-3)}.radio-card{flex:1;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.radio-card:hover{border-color:var(--color-primary-300)}.radio-card--selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.radio-card__dot{width:18px;height:18px;border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;margin-top:2px;transition:all var(--transition-fast)}.radio-card--selected .radio-card__dot{border-color:var(--color-primary-600);background:var(--color-primary-600);box-shadow:inset 0 0 0 3px var(--bg-surface)}.radio-card__content{flex:1}.radio-card__title{font-weight:var(--fw-medium);font-size:var(--fs-sm)}.radio-card__desc{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn var(--transition-fast)}.modal{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-base)}.modal--lg{max-width:720px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-3)}.modal__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.modal__body{padding:var(--space-3) var(--space-5) var(--space-5)}.modal__footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:0 var(--space-5) var(--space-5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:900;animation:fadeIn var(--transition-fast)}.drawer{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:var(--bg-surface);box-shadow:var(--shadow-xl);z-index:901;display:flex;flex-direction:column;animation:slideInRight var(--transition-base)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color)}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.drawer__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color)}.skeleton{background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200) 50%,var(--color-neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:14px}.skeleton--title{height:20px}.skeleton--image{height:280px;border-radius:var(--radius-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-5);gap:var(--space-3)}.empty-state__icon{color:var(--text-muted)}.empty-state__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.empty-state__desc{font-size:var(--fs-sm);color:var(--text-secondary);max-width:380px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-7) var(--space-5);gap:var(--space-3)}.error-state__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--color-error-600)}.error-state__desc{font-size:var(--fs-sm);color:var(--text-secondary)}.stepper{display:flex;align-items:center;gap:0}.stepper__step{display:flex;align-items:center;gap:var(--space-2)}.stepper__circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:var(--fw-semibold);border:2px solid var(--border-color);color:var(--text-muted);background:var(--bg-surface);transition:all var(--transition-base);flex-shrink:0}.stepper__circle--active{border-color:var(--color-primary-600);color:var(--text-inverse);background:var(--color-primary-600)}.stepper__circle--completed{border-color:var(--color-success-400);color:var(--text-inverse);background:var(--color-success-400)}.stepper__label{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);white-space:nowrap}.stepper__label--active{color:var(--color-primary-700);font-weight:var(--fw-semibold)}.stepper__line{flex:1;height:2px;background:var(--border-color);min-width:24px}.stepper__line--completed{background:var(--color-success-400)}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color)}.tabs__tab{padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast)}.tabs__tab:hover{color:var(--text-primary)}.tabs__tab--active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.card--shadow{box-shadow:var(--shadow-sm);border-color:transparent}.card__body{padding:var(--space-5)}.stat-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-5);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.stat-card__icon--primary{background:var(--color-primary-50);color:var(--color-primary-600)}.stat-card__icon--success{background:var(--color-success-50);color:var(--color-success-500)}.stat-card__icon--warning{background:var(--color-warning-50);color:var(--color-warning-500)}.stat-card__icon--error{background:var(--color-error-50);color:var(--color-error-500)}.stat-card__icon--accent{background:var(--color-accent-50);color:var(--color-accent-500)}.stat-card__icon--neutral{background:var(--color-neutral-100);color:var(--color-neutral-600)}.stat-card__label{font-size:var(--fs-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--fw-medium)}.stat-card__value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-top:var(--space-1)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-neutral-100);font-size:var(--fs-sm);vertical-align:middle}.data-table tr:hover td{background:var(--color-neutral-50)}.spinner{width:20px;height:20px;border:2px solid var(--color-neutral-200);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin .7s linear infinite}.spinner--lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:var(--space-7)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-secondary)}.text-strike{text-decoration:line-through;color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.hidden{display:none}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:flex{display:flex}.md\:hidden{display:none}}@media (max-width: 767px){.sm\:hidden{display:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-50)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.store-header{position:sticky;top:0;z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border-color);transition:box-shadow var(--transition-base)}.store-header--scrolled{box-shadow:var(--shadow-sm)}.store-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-4)}.store-header__logo{font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-2);color:var(--color-neutral-900)}.store-header__logo-icon{width:32px;height:32px;background:var(--color-neutral-900);color:var(--text-inverse);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm)}.store-header__nav{display:none;gap:var(--space-5);align-items:center}.store-header__nav-link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);transition:color var(--transition-fast);position:relative}.store-header__nav-link:hover,.store-header__nav-link--active{color:var(--text-primary)}.store-header__nav-link--active:after{content:"";position:absolute;bottom:-22px;left:0;right:0;height:2px;background:var(--color-primary-600)}.store-header__actions{display:flex;align-items:center;gap:var(--space-2)}.store-header__admin-btn{color:var(--text-secondary)}.store-header__admin-btn:hover{color:var(--color-primary-600)}.store-header__cart-btn{position:relative;padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast)}.store-header__cart-btn:hover{background:var(--color-neutral-100)}.store-header__cart-count{position:absolute;top:-2px;right:-2px;background:var(--color-primary-600);color:var(--text-inverse);font-size:10px;font-weight:var(--fw-bold);border-radius:var(--radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}@media (min-width: 768px){.store-header__nav{display:flex}}.mobile-nav{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-color);background:var(--bg-surface);-webkit-overflow-scrolling:touch}.mobile-nav__link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);white-space:nowrap;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-neutral-100)}.mobile-nav__link--active{background:var(--color-neutral-900);color:var(--text-inverse)}.mobile-nav__link--admin{color:var(--color-primary-600);border:1px solid var(--color-primary-200);display:flex;align-items:center}@media (min-width: 768px){.mobile-nav{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden;color:var(--text-inverse);background:var(--color-neutral-900)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__bg-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%;animation:heroFadeIn 1.2s ease-out both;transition:transform 10s ease-out}.hero:hover .hero__bg-img{transform:scale(1.04)}.hero__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a0a0aeb,#0a0a0a80 40%,#0a0a0a40,#0a0a0a73),linear-gradient(to right,rgba(10,10,10,.6) 0%,transparent 50%);z-index:1}.hero__content{position:relative;z-index:2;width:100%;padding:var(--space-9) var(--space-4) var(--space-9);max-width:680px}@media (min-width: 768px){.hero__content{padding:var(--space-9) var(--space-8) var(--space-9)}}@media (min-width: 1200px){.hero__content{padding:var(--space-9) var(--space-9) var(--space-9);max-width:720px}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent-400);margin-bottom:var(--space-4);animation:heroFadeUp .7s ease-out both}.hero__eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent-500);box-shadow:0 0 12px var(--color-accent-500);animation:heroFloat 2s ease-in-out infinite}.hero__title{font-size:2.75rem;font-weight:var(--fw-bold);line-height:1;letter-spacing:-.04em;margin-bottom:var(--space-5);text-shadow:0 2px 24px rgba(0,0,0,.4);animation:heroFadeUp .8s ease-out .1s both}@media (min-width: 768px){.hero__title{font-size:4rem}}@media (min-width: 1200px){.hero__title{font-size:4.5rem}}.hero__title-accent{background:linear-gradient(135deg,var(--color-accent-400) 0%,var(--color-accent-600) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__desc{font-size:var(--fs-lg);color:#ffffffd9;line-height:1.55;margin-bottom:var(--space-7);max-width:480px;text-shadow:0 1px 12px rgba(0,0,0,.3);animation:heroFadeUp .8s ease-out .2s both}.hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;animation:heroFadeUp .8s ease-out .3s both}.hero__stats{display:flex;gap:var(--space-7);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.15);animation:heroFadeUp .8s ease-out .45s both}.hero__stat{display:flex;flex-direction:column;gap:3px}.hero__stat-value{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-inverse);line-height:1}.hero__stat-label{font-size:var(--fs-xs);color:#fff9;text-transform:uppercase;letter-spacing:.06em}.hero__scroll{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;color:#ffffff80;font-size:10px;text-transform:uppercase;letter-spacing:.1em;animation:heroFadeIn 1s ease-out 1s both;pointer-events:none}.hero__scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);animation:heroFloat 2s ease-in-out infinite}@media (min-width: 768px){.hero__scroll{display:flex}}.section{padding:var(--space-7) 0}.section--tight{padding:var(--space-5) 0}.section__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.section__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}.section__subtitle{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-1)}.section__link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-primary-600);white-space:nowrap;display:flex;align-items:center;gap:var(--space-1)}.section__link:hover{color:var(--color-primary-700)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-5)}}.product-card{cursor:pointer;transition:transform var(--transition-base)}.product-card:hover{transform:translateY(-4px)}.product-card__image-wrap{position:relative;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-neutral-100);margin-bottom:var(--space-3)}.product-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__badges{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);z-index:1}.product-card__discount{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--color-accent-500);color:var(--text-inverse);font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:2px var(--space-2);border-radius:var(--radius-sm);z-index:1}.product-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);background:linear-gradient(transparent,#00000080);opacity:0;transition:opacity var(--transition-base);display:flex;justify-content:center}.product-card:hover .product-card__overlay{opacity:1}.product-card__add-btn{background:var(--bg-surface);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:background var(--transition-fast);width:100%}.product-card__add-btn:hover{background:var(--color-primary-600);color:var(--text-inverse)}.product-card__content{padding:0 var(--space-1)}.product-card__category{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.product-card__title{font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-top:var(--space-1);line-height:1.3}.product-card__price-row{display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-2)}.product-card__price{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.product-card__price-old{font-size:var(--fs-sm);color:var(--text-muted);text-decoration:line-through}.product-card--disabled{opacity:.55;cursor:not-allowed}.product-card--disabled:hover{transform:none}.catalog-layout{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 1024px){.catalog-layout{grid-template-columns:260px 1fr;gap:var(--space-6)}}.catalog-sidebar{display:none;position:sticky;top:calc(var(--header-height) + var(--space-4));align-self:start}@media (min-width: 1024px){.catalog-sidebar{display:block}}.filter-group{margin-bottom:var(--space-5)}.filter-group__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.filter-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;cursor:pointer}.filter-option__checkbox{width:16px;height:16px;accent-color:var(--color-primary-600)}.filter-option__label{font-size:var(--fs-sm);color:var(--text-primary)}.filter-option__count{font-size:var(--fs-xs);color:var(--text-muted);margin-left:auto}.filter-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.filter-bar__sort{padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface)}.filter-bar__btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);border:1px solid var(--border-color);border-radius:var(--radius-md)}@media (min-width: 1024px){.filter-bar__btn{display:none}}.product-detail{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 768px){.product-detail{grid-template-columns:1fr 1fr;gap:var(--space-7)}}.product-gallery__main{aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-neutral-100);margin-bottom:var(--space-3)}.product-gallery__main-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-gallery__thumbs{display:flex;gap:var(--space-2)}.product-gallery__thumb{width:64px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast)}.product-gallery__thumb--active{border-color:var(--color-primary-600)}.product-gallery__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-info__category{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.product-info__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-top:var(--space-2);letter-spacing:-.02em}.product-info__price-row{display:flex;align-items:baseline;gap:var(--space-3);margin-top:var(--space-4)}.product-info__price{font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.product-info__price-old{font-size:var(--fs-lg);color:var(--text-muted);text-decoration:line-through}.product-info__desc{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-4);line-height:1.6}.product-info__section{margin-top:var(--space-5)}.product-info__section-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--space-3)}.size-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.size-selector__option{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:var(--fw-medium);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;padding:0 var(--space-3)}.size-selector__option:hover:not(.size-selector__option--disabled){border-color:var(--color-primary-500)}.size-selector__option--selected{background:var(--color-neutral-900);color:var(--text-inverse);border-color:var(--color-neutral-900)}.size-selector__option--disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.color-selector{display:flex;gap:var(--space-3)}.color-selector__option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);cursor:pointer}.color-selector__swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-color);transition:all var(--transition-fast);position:relative}.color-selector__option--selected .color-selector__swatch{border-color:var(--color-primary-600);box-shadow:0 0 0 3px var(--color-primary-100)}.color-selector__option--disabled .color-selector__swatch{opacity:.3;cursor:not-allowed}.color-selector__name{font-size:var(--fs-xs);color:var(--text-secondary)}.qty-selector{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden}.qty-selector__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-md);transition:background var(--transition-fast)}.qty-selector__btn:hover{background:var(--color-neutral-100)}.qty-selector__btn:disabled{opacity:.3;cursor:not-allowed}.qty-selector__value{min-width:48px;text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-medium)}.cart-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.cart-item__image{width:64px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-neutral-100);flex-shrink:0}.cart-item__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cart-item__content{flex:1;min-width:0}.cart-item__name{font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:1.3}.cart-item__variant{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:var(--space-1)}.cart-item__price{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-top:var(--space-2)}.cart-item__remove{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-1)}.cart-item__remove:hover{color:var(--color-error-500)}.cart-summary{display:flex;flex-direction:column;gap:var(--space-3)}.cart-summary__row{display:flex;justify-content:space-between;font-size:var(--fs-sm)}.cart-summary__row--total{font-size:var(--fs-md);font-weight:var(--fw-bold);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.checkout-layout{display:grid;grid-template-columns:1fr;gap:var(--space-5);max-width:900px;margin:0 auto}@media (min-width: 768px){.checkout-layout{grid-template-columns:1fr 360px}}.checkout-summary-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);position:sticky;top:calc(var(--header-height) + var(--space-4));align-self:start}.checkout-summary-card__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:var(--space-4)}.qr-payment{text-align:center}.qr-payment__amount{font-size:var(--fs-3xl);font-weight:var(--fw-bold);margin-bottom:var(--space-2)}.qr-payment__hint{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-5)}.qr-payment__image-wrap{display:inline-block;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.qr-payment__image{max-width:240px}.qr-payment__bank-info{font-size:var(--fs-sm);color:var(--text-secondary);text-align:left;background:var(--color-neutral-50);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4)}.qr-payment__bank-info dt{font-weight:var(--fw-medium);color:var(--text-primary)}.qr-payment__bank-info dd{color:var(--text-secondary);margin-bottom:var(--space-2)}.file-uploader{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--transition-fast);cursor:pointer}.file-uploader:hover,.file-uploader--dragging{border-color:var(--color-primary-500);background:var(--color-primary-50)}.file-uploader__icon{color:var(--text-muted);margin:0 auto var(--space-3)}.file-uploader__text{font-size:var(--fs-sm);color:var(--text-secondary)}.file-uploader__formats{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-2)}.file-uploader__preview{margin-top:var(--space-4)}.file-uploader__preview img{max-height:200px;border-radius:var(--radius-md);margin:0 auto}.order-confirmation{text-align:center;padding:var(--space-7) 0;max-width:500px;margin:0 auto}.order-confirmation__icon{width:64px;height:64px;border-radius:50%;background:var(--color-success-50);color:var(--color-success-500);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.order-confirmation__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.order-confirmation__number{font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--color-primary-600);margin-top:var(--space-2)}.order-confirmation__desc{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-3);line-height:1.6}.store-footer{background:var(--color-neutral-900);color:var(--color-neutral-300);padding:var(--space-7) 0;margin-top:var(--space-8)}.store-footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 640px){.store-footer__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.store-footer__grid{grid-template-columns:2fr 1fr 1fr}}.store-footer__brand{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-inverse);margin-bottom:var(--space-2)}.store-footer__desc{font-size:var(--fs-sm)}.store-footer__col-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-inverse);margin-bottom:var(--space-3)}.store-footer__col-link{display:block;font-size:var(--fs-sm);padding:var(--space-1) 0;transition:color var(--transition-fast)}.store-footer__col-link:hover{color:var(--text-inverse)}.store-footer__bottom{border-top:1px solid var(--color-neutral-700);margin-top:var(--space-6);padding-top:var(--space-5);font-size:var(--fs-xs)}.feature-strip{display:grid;grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--border-color)}@media (min-width: 640px){.feature-strip{grid-template-columns:repeat(3,1fr)}}.feature-strip__item{display:flex;gap:var(--space-3);align-items:flex-start}.feature-strip__icon{color:var(--color-primary-600);flex-shrink:0}.feature-strip__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.feature-strip__desc{font-size:var(--fs-xs);color:var(--text-secondary)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-secondary);padding:var(--space-4) 0}.breadcrumb__separator{color:var(--text-muted)}.breadcrumb__current{color:var(--text-primary);font-weight:var(--fw-medium)}.admin-layout{display:flex;min-height:100vh;background:var(--color-neutral-50)}.admin-sidebar{width:var(--admin-sidebar-width);background:var(--color-neutral-900);color:var(--color-neutral-300);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;transform:translate(-100%);transition:transform var(--transition-base)}.admin-sidebar--open{transform:translate(0)}.admin-sidebar__header{padding:var(--space-5);border-bottom:1px solid var(--color-neutral-700);display:flex;align-items:center;gap:var(--space-2)}.admin-sidebar__logo{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-inverse)}.admin-sidebar__nav{flex:1;overflow-y:auto;padding:var(--space-3)}.admin-sidebar__section{margin-bottom:var(--space-4)}.admin-sidebar__section-title{font-size:10px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-500);padding:var(--space-2) var(--space-3)}.admin-sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-neutral-400);transition:all var(--transition-fast);margin-bottom:2px}.admin-sidebar__link:hover{background:var(--color-neutral-800);color:var(--text-inverse)}.admin-sidebar__link--active{background:var(--color-primary-600);color:var(--text-inverse)}.admin-sidebar__footer{padding:var(--space-4);border-top:1px solid var(--color-neutral-700)}@media (min-width: 1024px){.admin-sidebar{transform:translate(0)}.admin-sidebar__toggle{display:none}}.admin-main{flex:1;margin-left:0;display:flex;flex-direction:column;min-width:0}@media (min-width: 1024px){.admin-main{margin-left:var(--admin-sidebar-width)}}.admin-topbar{height:var(--header-height);background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);position:sticky;top:0;z-index:150}.admin-topbar__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.admin-topbar__actions{display:flex;align-items:center;gap:var(--space-3)}.admin-topbar__user{display:flex;align-items:center;gap:var(--space-2)}.admin-topbar__avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary-600);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.admin-topbar__menu-btn{display:flex}@media (min-width: 1024px){.admin-topbar__menu-btn{display:none}}.admin-content{padding:var(--space-5);flex:1}@media (min-width: 768px){.admin-content{padding:var(--space-6)}}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4);flex-wrap:wrap}.admin-page-header__title{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.admin-page-header__subtitle{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-1)}.admin-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.admin-card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.admin-card__title{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.admin-card__body{padding:var(--space-5)}.dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 768px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.dashboard-stats{grid-template-columns:repeat(4,1fr)}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-5)}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:2fr 1fr}}.admin-table-wrap{overflow-x:auto}.order-detail-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 768px){.order-detail-grid{grid-template-columns:1fr 320px}}.order-timeline{display:flex;flex-direction:column;gap:var(--space-3)}.order-timeline__item{display:flex;gap:var(--space-3)}.order-timeline__dot{width:10px;height:10px;border-radius:50%;background:var(--color-primary-500);margin-top:4px;flex-shrink:0}.order-timeline__time{font-size:var(--fs-xs);color:var(--text-muted)}.order-timeline__status{font-size:var(--fs-sm);font-weight:var(--fw-medium)}.order-timeline__note{font-size:var(--fs-xs);color:var(--text-secondary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-neutral-900),var(--color-primary-900));padding:var(--space-4)}.login-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-7);width:100%;max-width:400px}.login-card__logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-size:var(--fs-xl);font-weight:var(--fw-bold)}.login-card__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-1)}.login-card__desc{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-5)}.login-card__demo{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-warning-50);border-radius:var(--radius-md);font-size:var(--fs-xs);color:var(--color-warning-500)}.cycle-card{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-surface)}.cycle-card--active{border-color:var(--color-success-300);background:var(--color-success-50)}.cycle-card__number{font-size:var(--fs-3xl);font-weight:var(--fw-bold)}.cycle-card__status{margin-top:var(--space-2)}.cycle-card__dates{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-3)}.confirm-dialog__input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--fs-md);border:2px solid var(--border-color);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.1em;outline:none}.confirm-dialog__input:focus{border-color:var(--color-error-500)}.product-form{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 768px){.product-form{grid-template-columns:1fr 320px}}.variant-matrix{overflow-x:auto}.variant-matrix table{width:100%;border-collapse:collapse}.variant-matrix th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.variant-matrix td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-neutral-100)}.variant-matrix input{width:80px;padding:var(--space-1) var(--space-2);font-size:var(--fs-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.admin-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199;display:none}.admin-sidebar-overlay--visible{display:block}@media (min-width: 1024px){.admin-sidebar-overlay{display:none!important}}