:root{--color-primary: #C2185B;--color-primary-light: #E91E82;--color-primary-dark: #880E4F;--color-primary-soft: #F8BBD0;--color-primary-ghost: rgba(194, 24, 91, .08);--color-accent: #D4A574;--color-accent-light: #E8C9A0;--color-accent-dark: #B8875A;--color-gold: #D4A020;--color-gold-light: #F0D060;--color-bg: #FFF8F5;--color-bg-warm: #FFF0EB;--color-bg-pink: #FDE8EF;--color-bg-cream: #FDF5E6;--color-surface: #FFFFFF;--color-surface-raised: #FFFFFF;--color-surface-overlay: rgba(255, 255, 255, .95);--color-text: #2D1B14;--color-text-secondary: #6B4E42;--color-text-muted: #9C8578;--color-text-inverse: #FFFFFF;--color-text-on-primary: #FFFFFF;--color-success: #2E7D32;--color-warning: #F57F17;--color-danger: #D32F2F;--color-info: #1565C0;--color-border: #F0E0D8;--color-border-light: #F8F0EC;--color-border-focus: var(--color-primary);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(45, 27, 20, .06), 0 1px 2px rgba(45, 27, 20, .04);--shadow-md: 0 4px 12px rgba(45, 27, 20, .08), 0 2px 4px rgba(45, 27, 20, .04);--shadow-lg: 0 10px 30px rgba(45, 27, 20, .1), 0 4px 8px rgba(45, 27, 20, .06);--shadow-xl: 0 20px 50px rgba(45, 27, 20, .12), 0 8px 16px rgba(45, 27, 20, .06);--shadow-glow: 0 0 20px rgba(194, 24, 91, .2);--shadow-card: 0 2px 8px rgba(45, 27, 20, .06), 0 0 0 1px rgba(240, 224, 216, .5);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-cart-badge: 250;--header-height: 72px;--mobile-nav-height: 64px;--container-max: 1200px;--container-narrow: 800px;--sidebar-width: 280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column}#main-content{flex:1;padding-top:var(--header-height);padding-bottom:env(safe-area-inset-bottom,0px)}@media(max-width:768px){#main-content{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px))}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{margin-bottom:var(--space-md);line-height:var(--leading-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-body);border:none;background:none;font-size:inherit}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base)}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.container--narrow{max-width:var(--container-narrow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-right{text-align:right}.section{padding:var(--space-3xl) 0}.section__title{font-family:var(--font-display);font-size:var(--text-3xl);text-align:center;margin-bottom:var(--space-sm);color:var(--color-text)}.section__subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-2xl)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-lg)}.loader-logo img{width:120px;height:120px;border-radius:var(--radius-full);animation:pulse-logo 2s ease-in-out infinite}.loader-spinner{width:40px;height:40px;border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loader-text{font-family:var(--font-display);font-style:italic;color:var(--color-text-muted);font-size:var(--text-lg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-logo{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.page-enter{animation:fadeSlideIn var(--transition-slow) forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary-soft);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary-soft);color:var(--color-primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-full);transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px;white-space:normal;text-align:center;line-height:1.2;min-height:44px}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-on-primary);box-shadow:var(--shadow-md),0 2px 8px #c2185b4d}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 4px 16px #c2185b66}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)}.btn--secondary:hover{background:var(--color-primary-ghost);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-primary);padding:var(--space-sm) var(--space-md)}.btn--ghost:hover{background:var(--color-primary-ghost)}.btn--danger{background:linear-gradient(135deg,var(--color-danger),#B71C1C);color:var(--color-text-inverse)}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);min-height:36px}.btn--lg{padding:var(--space-md) var(--space-2xl);font-size:var(--text-base);min-height:52px}.btn--full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn svg{width:18px;height:18px}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card__image{display:block;width:100%;height:100%;object-fit:cover;background:var(--color-bg-pink);transition:transform var(--transition-slow)}.card__body{padding:var(--space-lg)}.card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-xs);color:var(--color-text)}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.card__price{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-primary)}.card__price--small{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-normal)}.card__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.product-card{position:relative;cursor:pointer}.product-card__badge{position:absolute;top:var(--space-sm);left:var(--space-sm);background:var(--color-primary);color:var(--color-text-on-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);z-index:1}.product-card__image-wrap{position:relative;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;aspect-ratio:4/3;background:var(--color-bg-pink);display:flex;align-items:center;justify-content:center}.product-card__image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.05),transparent 40%);pointer-events:none}.product-card__add-btn{position:absolute;bottom:var(--space-sm);right:var(--space-sm);width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-on-primary);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:var(--shadow-md);transition:all var(--transition-base);font-size:var(--text-xl);font-weight:var(--weight-bold)}.product-card__add-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-glow)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ghost)}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:100px;resize:vertical}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-xs)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-surface-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);z-index:var(--z-sticky);display:flex;align-items:center}.header__inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between}.header__brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.header__logo{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover}.header__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-primary)}.header__slogan{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;display:none}@media(min-width:768px){.header__slogan{display:block}}.header__nav{display:none;gap:var(--space-xl)}@media(min-width:768px){.header__nav{display:flex}}.header__link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);padding:var(--space-sm) 0;position:relative}.header__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.header__link:hover,.header__link--active{color:var(--color-primary)}.header__link:hover:after,.header__link--active:after{width:100%}.header__actions{display:flex;align-items:center;gap:var(--space-md)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--color-surface);border-top:1px solid var(--color-border-light);box-shadow:0 -4px 12px #0000000d;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:769px){.mobile-nav{display:none}}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:color var(--transition-fast);padding:var(--space-xs);text-decoration:none}.mobile-nav__item svg{width:24px;height:24px}.mobile-nav__item--active{color:var(--color-primary)}.cart-badge{position:fixed;bottom:calc(var(--mobile-nav-height) + var(--space-lg));right:var(--space-lg);width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-on-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),0 4px 16px #c2185b66;z-index:var(--z-cart-badge);cursor:pointer;transition:all var(--transition-base)}.cart-badge:hover{transform:scale(1.1)}.cart-badge svg{width:24px;height:24px}.cart-badge span{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-gold);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center;padding:0 4px;animation:popIn var(--transition-spring)}@media(min-width:769px){.cart-badge{bottom:var(--space-2xl)}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.footer{background:var(--color-text);color:var(--color-text-inverse);padding:var(--space-3xl) 0 var(--space-xl)}.footer__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2xl)}.footer__brand-logo{width:64px;height:64px;border-radius:var(--radius-full);margin-bottom:var(--space-md)}.footer__title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-md);color:var(--color-primary-soft)}.footer__link{display:block;color:#ffffffb3;font-size:var(--text-sm);padding:var(--space-xs) 0;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary-soft)}.footer__copy{text-align:center;padding-top:var(--space-xl);margin-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1);font-size:var(--text-sm);color:#ffffff80}@media(max-width:768px){.footer{padding-bottom:calc(var(--mobile-nav-height) + var(--space-xl))}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d1b1480;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeIn var(--transition-fast)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-slow)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border-light)}.modal__title{font-family:var(--font-display);font-size:var(--text-xl)}.modal__close{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-bg);color:var(--color-text)}.modal__body{padding:var(--space-lg)}.modal__footer{padding:var(--space-lg);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:var(--space-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;top:calc(var(--header-height) + var(--space-md));right:var(--space-md);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-primary);font-size:var(--text-sm);max-width:380px;animation:slideInRight var(--transition-slow)}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-danger)}.toast--warning{border-left-color:var(--color-warning)}.toast__icon{width:20px;height:20px;flex-shrink:0}.toast__close{margin-left:auto;color:var(--color-text-muted);padding:var(--space-xs)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.qty-selector{display:inline-flex;align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden}.qty-selector__btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-primary);transition:background var(--transition-fast)}.qty-selector__btn:hover{background:var(--color-primary-ghost)}.qty-selector__value{width:40px;text-align:center;font-weight:var(--weight-semibold);font-size:var(--text-base);border:none;background:transparent}.tabs{display:flex;border-bottom:2px solid var(--color-border-light);gap:var(--space-md);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast)}.tab:hover{color:var(--color-text-secondary)}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.5px}.badge--pending{background:#fff3e0;color:#e65100}.badge--quoted{background:#e3f2fd;color:#1565c0}.badge--paid{background:#e8f5e9;color:#2e7d32}.badge--cancelled{background:#ffebee;color:#c62828}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-lg);text-align:center}.empty-state__icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state__title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-sm)}.empty-state__text{color:var(--color-text-muted);font-size:var(--text-sm);max-width:360px}.skeleton{background:linear-gradient(90deg,var(--color-bg-warm) 25%,var(--color-bg) 50%,var(--color-bg-warm) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton--text{height:16px;margin-bottom:var(--space-sm)}.skeleton--title{height:24px;width:60%;margin-bottom:var(--space-md)}.skeleton--image{aspect-ratio:4/3;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.divider{border:none;height:1px;background:var(--color-border-light);margin:var(--space-lg) 0}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--color-bg-pink);color:var(--color-primary);white-space:nowrap}.chip--active{background:var(--color-primary);color:var(--color-text-on-primary)}.hero{position:relative;background:linear-gradient(135deg,var(--color-bg-pink),var(--color-bg-cream));padding:var(--space-3xl) 0;overflow:hidden;text-align:center}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--color-primary-soft) 0%,transparent 70%);opacity:.3;pointer-events:none}.hero__logo{width:140px;height:140px;border-radius:var(--radius-full);margin:0 auto var(--space-lg);box-shadow:var(--shadow-lg);animation:floatLogo 4s ease-in-out infinite}.hero__title{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-primary-dark);margin-bottom:var(--space-sm)}.hero__subtitle{font-family:var(--font-display);font-style:italic;font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:768px){.hero__title{font-size:var(--text-3xl)}.hero__subtitle{font-size:var(--text-lg)}.hero__logo{width:100px;height:100px}}.category-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:var(--space-xs);background:var(--color-bg-warm);border-radius:var(--radius-full);overflow-x:auto;scrollbar-width:none;justify-content:center}.category-tabs::-webkit-scrollbar{display:none}.category-tab{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-base)}.category-tab:hover{background:var(--color-surface)}.category-tab--active{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-xl)}@media(max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}.cart-page{padding:var(--space-2xl) 0}.cart-list{display:flex;flex-direction:column;gap:var(--space-md)}.cart-item{display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm)}.cart-item__image{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-pink);flex-shrink:0}.cart-item__info{flex:1;min-width:0}.cart-item__name{font-weight:var(--weight-semibold);margin-bottom:var(--space-xs)}.cart-item__variant{font-size:var(--text-sm);color:var(--color-text-muted)}.cart-item__price{font-weight:var(--weight-bold);color:var(--color-primary);font-size:var(--text-lg)}.cart-item__remove{color:var(--color-text-muted);padding:var(--space-sm);transition:color var(--transition-fast)}.cart-item__remove:hover{color:var(--color-danger)}.cart-summary{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);position:sticky;top:calc(var(--header-height) + var(--space-lg))}.cart-summary__row{display:flex;justify-content:space-between;padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.cart-summary__row--total{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);border-top:2px solid var(--color-border);padding-top:var(--space-md);margin-top:var(--space-sm)}.cart-layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:768px){.cart-layout{grid-template-columns:2fr 1fr}}.custom-order-form{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);max-width:600px;margin:0 auto}.custom-order-form__hero{text-align:center;margin-bottom:var(--space-2xl)}.custom-order-form__hero h2{font-family:var(--font-display);color:var(--color-primary-dark);margin-bottom:var(--space-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.image-upload{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--color-bg)}.image-upload:hover{border-color:var(--color-primary);background:var(--color-primary-ghost)}.image-upload__icon{font-size:3rem;margin-bottom:var(--space-sm)}.image-upload__text{font-size:var(--text-sm);color:var(--color-text-muted)}.image-upload__preview{max-width:200px;border-radius:var(--radius-md);margin:var(--space-md) auto 0}.order-lookup{max-width:500px;margin:0 auto;text-align:center;padding:var(--space-3xl) var(--space-lg)}.order-lookup__input-group{display:flex;gap:var(--space-sm);margin-top:var(--space-xl)}.order-lookup__input-group .form-input{text-transform:uppercase;text-align:center;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-lg);letter-spacing:2px}.order-detail{max-width:700px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.order-status-steps{display:flex;justify-content:space-between;position:relative;margin:var(--space-2xl) 0}.order-status-steps:before{content:"";position:absolute;top:16px;left:10%;right:10%;height:3px;background:var(--color-border)}.order-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);z-index:1}.order-step__dot{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-muted);transition:all var(--transition-base)}.order-step--active .order-step__dot{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-glow)}.order-step--done .order-step__dot{background:var(--color-success);color:#fff}.order-step__label{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.gallery-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;aspect-ratio:1}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.2),transparent 50%);opacity:0;transition:opacity var(--transition-base)}.gallery-item:hover:after{opacity:1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox__content{position:relative;max-width:90vw;display:flex;flex-direction:column;align-items:center}.lightbox__img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-xl)}.lightbox__caption{background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);margin-top:var(--space-lg);text-align:center;border:1px solid rgba(255,255,255,.2)}.lightbox__close{position:absolute;top:-50px;right:0;width:44px;height:44px;border-radius:var(--radius-full);background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);border:none;cursor:pointer;transition:background var(--transition-base)}.lightbox__close:hover{background:var(--color-danger)}.gallery-item__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:var(--space-lg) var(--space-md) var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-medium);opacity:0;transform:translateY(10px);transition:all var(--transition-base);display:flex;align-items:flex-end}.gallery-item:hover .gallery-item__overlay{opacity:1;transform:translateY(0)}.admin-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:calc(100vh - var(--header-height))}@media(max-width:768px){.admin-layout{grid-template-columns:1fr}}.admin-sidebar{background:var(--color-text);padding:var(--space-xl);color:var(--color-text-inverse)}.admin-sidebar__link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:#ffffffb3;font-size:var(--text-sm);transition:all var(--transition-fast);margin-bottom:var(--space-xs)}.admin-sidebar__link:hover{background:#ffffff1a;color:#fff}.admin-sidebar__link--active{background:var(--color-primary);color:#fff}.admin-sidebar__link svg{width:20px;height:20px}.admin-content{padding:var(--space-2xl);overflow-y:auto}.admin-heading{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-xl);display:flex;align-items:center;justify-content:space-between}.admin-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-table th{background:var(--color-bg-warm);padding:var(--space-md);text-align:left;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.admin-table td{padding:var(--space-md);font-size:var(--text-sm);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--color-primary-ghost)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);text-align:center}.stat-card__value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:var(--space-xs)}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-muted)}.payment-methods{display:grid;gap:var(--space-md);margin:var(--space-xl) 0}.payment-method{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.payment-method:hover{border-color:var(--color-primary-soft)}.payment-method--selected{border-color:var(--color-primary);background:var(--color-primary-ghost)}.payment-method__radio{width:22px;height:22px;border:2px solid var(--color-border);border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.payment-method--selected .payment-method__radio{border-color:var(--color-primary)}.payment-method--selected .payment-method__radio:after{content:"";width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-primary)}.payment-method__name{font-weight:var(--weight-semibold)}.payment-method__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.spei-info{background:var(--color-bg-cream);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-lg)}.spei-info__row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light)}.spei-info__row:last-child{border-bottom:none}.spei-info__label{font-size:var(--text-sm);color:var(--color-text-muted)}.spei-info__value{font-weight:var(--weight-semibold);font-family:monospace}.login-page{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:linear-gradient(135deg,var(--color-bg-pink),var(--color-bg-cream))}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;text-align:center}.login-card__logo{width:80px;height:80px;border-radius:var(--radius-full);margin:0 auto var(--space-lg)}.login-card__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary-dark);margin-bottom:var(--space-xs)}.login-card__subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2xl)}