:root{--pink-primary:#ff6b9d;--pink-secondary:#ffb6b9;--pink-accent:#ffe0ef;--pink-light:#fff5f8;--pink-dark:#e91e63;--purple-primary:#9c27b0;--purple-secondary:#e1bee7;--purple-accent:#f3e5f5;--purple-light:#faf5ff;--purple-dark:#7b1fa2;--mint-primary:#4caf50;--mint-secondary:#a5d6a7;--mint-accent:#e8f5e8;--mint-light:#f5fff5;--mint-dark:#388e3c;--peach-primary:#ff9800;--peach-secondary:#ffcc80;--peach-accent:#fff3e0;--peach-light:#fffaf5;--peach-dark:#f57c00;--white:#fff;--black:#2c2c2c;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fafafa;background-color:var(--gray-50);color:#2c2c2c;color:var(--black);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);line-height:1.6;overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.app,.navbar{transition:all .25s ease-in-out;transition:all var(--transition-normal)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);left:0;padding:1rem 0;padding:var(--space-4) 0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4)}.navbar-logo{color:inherit;text-decoration:none}.logo-container{align-items:center;color:var(--primary);display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;gap:.5rem;gap:var(--space-2)}.logo-icon{font-size:1.5rem;font-size:var(--font-size-2xl)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--dark));-webkit-background-clip:text;background-clip:text}.navbar-nav{gap:1.5rem;gap:var(--space-6)}.nav-link,.navbar-nav{align-items:center;display:flex}.nav-link{border-radius:.75rem;border-radius:var(--radius-lg);color:#757575;color:var(--gray-600);font-weight:500;gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:relative;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background:var(--accent);color:var(--primary)}.nav-icon{font-size:.875rem;font-size:var(--font-size-sm)}.navbar-actions{gap:.75rem;gap:var(--space-3)}.action-btn,.navbar-actions{align-items:center;display:flex}.action-btn{background:#0000;border-radius:.75rem;border-radius:var(--radius-lg);color:#757575;color:var(--gray-600);height:40px;justify-content:center;position:relative;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:40px}.action-btn:hover{background:var(--accent);color:var(--primary);transform:translateY(-2px)}.action-badge{background:var(--primary);border-radius:var(--radius-full);color:#fff;color:var(--white);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.login-btn{align-items:center;background:#0000;border:2px solid var(--primary);border-radius:.75rem;border-radius:var(--radius-lg);color:var(--primary);display:flex;font-weight:500;gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.login-btn:hover{background:var(--primary);color:#fff;color:var(--white);transform:translateY(-2px)}.logout-btn,.user-menu{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.logout-btn{background:#f5f5f5;background:var(--gray-100);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#757575;color:var(--gray-600);cursor:pointer;font-weight:500;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.logout-btn:hover{background:#eee;background:var(--gray-200);color:#424242;color:var(--gray-800)}.mobile-menu-btn{align-items:center;background:#0000;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#757575;color:var(--gray-600);cursor:pointer;display:none;height:40px;justify-content:center;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:40px}.mobile-menu-btn:hover{background:var(--accent);color:var(--primary)}.mobile-nav{background:#fff;background:var(--white);border-top:1px solid #eee;border-top:1px solid var(--gray-200);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;right:0;top:100%}.mobile-nav-container{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);padding:1rem;padding:var(--space-4)}.mobile-nav-link{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);color:#757575;color:var(--gray-600);display:flex;font-weight:500;gap:.75rem;gap:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.mobile-nav-link.active,.mobile-nav-link:hover{background:var(--accent);color:var(--primary)}.mobile-nav-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.mobile-login-btn{align-items:center;background:var(--primary);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:500;gap:.75rem;gap:var(--space-3);margin-top:.5rem;margin-top:var(--space-2);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.mobile-login-btn:hover{background:var(--dark);transform:translateY(-2px)}.notification-container{position:relative}.notification-badge{background:var(--primary);border-radius:var(--radius-full);color:#fff;color:var(--white);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.notification-dropdown{background:#fff;background:var(--white);border:1px solid #eee;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin-top:.5rem;margin-top:var(--space-2);position:absolute;right:0;top:100%;width:300px;z-index:1001}.notification-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem;padding:var(--space-4)}.notification-header h3{color:#424242;color:var(--gray-800);font-size:1.125rem;font-size:var(--font-size-lg);margin:0}.close-btn{align-items:center;background:#f5f5f5;background:var(--gray-100);border:none;border-radius:var(--radius-full);color:#757575;color:var(--gray-600);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:24px}.close-btn:hover{background:#eee;background:var(--gray-200);color:#424242;color:var(--gray-800)}.notification-list{max-height:300px;overflow-y:auto}.notification-item{border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--gray-100);padding:1rem;padding:var(--space-4)}.notification-item:last-child{border-bottom:none}.notification-item p{color:#616161;color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm);margin:0}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}.navbar-actions{gap:.5rem;gap:var(--space-2)}.action-btn{height:36px;width:36px}.login-btn{display:none}}.app-theme-pink{--primary:var(--pink-primary);--secondary:var(--pink-secondary);--accent:var(--pink-accent);--light:var(--pink-light);--dark:var(--pink-dark)}.app-theme-purple{--primary:var(--purple-primary);--secondary:var(--purple-secondary);--accent:var(--purple-accent);--light:var(--purple-light);--dark:var(--purple-dark)}.app-theme-mint{--primary:var(--mint-primary);--secondary:var(--mint-secondary);--accent:var(--mint-accent);--light:var(--mint-light);--dark:var(--mint-dark)}.app-theme-peach{--primary:var(--peach-primary);--secondary:var(--peach-secondary);--accent:var(--peach-accent);--light:var(--peach-light);--dark:var(--peach-dark)}.main-content{flex:1 1;min-height:calc(100vh - 280px);padding-top:0}.container{max-width:1200px}.container,.container-sm{margin:0 auto;padding:0 1rem;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-lg{margin:0 auto;max-width:1400px;padding:0 1rem;padding:0 var(--space-4)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-4)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{color:#616161;color:var(--gray-700);margin-bottom:1rem;margin-bottom:var(--space-4)}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--dark));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white)}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--secondary);border:2px solid var(--secondary);color:var(--dark)}.btn-secondary:hover{background:var(--dark);color:#fff;color:var(--white);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff;color:var(--white);transform:translateY(-2px)}.btn-ghost{background:#0000;border:2px solid #0000;color:#757575;color:var(--gray-600)}.btn-ghost:hover{background:#f5f5f5;background:var(--gray-100);color:#424242;color:var(--gray-800)}.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{font-size:1rem;font-size:var(--font-size-base);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.card{background:#fff;background:var(--white);border:1px solid #eee;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-header{background:var(--light);border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200)}.card-body,.card-footer,.card-header{padding:1.5rem;padding:var(--space-6)}.card-footer{background:#fafafa;background:var(--gray-50);border-top:1px solid #eee;border-top:1px solid var(--gray-200)}.product-card{border:1px solid #eee;border:1px solid var(--gray-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);position:relative;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.product-image{height:250px;transition:transform .25s ease-in-out;transition:transform var(--transition-normal)}.product-price{color:var(--primary)}.product-actions{gap:.75rem;gap:var(--space-3)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-primary{background:var(--primary);color:#fff;color:var(--white)}.badge-secondary{background:var(--secondary);color:var(--dark)}.badge-success{background:#4caf50;background:var(--mint-primary);color:#fff;color:var(--white)}.badge-warning{background:#ff9800;background:var(--peach-primary);color:#fff;color:var(--white)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.form-label{color:#616161;color:var(--gray-700);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-input{background:#fff;background:var(--white);border:2px solid #eee;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b9d1a;outline:none}.form-textarea{min-height:120px;resize:vertical}.grid{grid-gap:1.5rem;grid-gap:var(--space-6);gap:1.5rem;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.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)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-6{margin:1.5rem;margin:var(--space-6)}.m-8{margin:2rem;margin:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.pt-0{padding-top:0}.pt-1{padding-top:.25rem;padding-top:var(--space-1)}.pt-2{padding-top:.5rem;padding-top:var(--space-2)}.pt-3{padding-top:.75rem;padding-top:var(--space-3)}.pt-4{padding-top:1rem;padding-top:var(--space-4)}.pt-6{padding-top:1.5rem;padding-top:var(--space-6)}.pt-8{padding-top:2rem;padding-top:var(--space-8)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem;padding-bottom:var(--space-1)}.pb-2{padding-bottom:.5rem;padding-bottom:var(--space-2)}.pb-3{padding-bottom:.75rem;padding-bottom:var(--space-3)}.pb-4{padding-bottom:1rem;padding-bottom:var(--space-4)}.pb-6{padding-bottom:1.5rem;padding-bottom:var(--space-6)}.pb-8{padding-bottom:2rem;padding-bottom:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.text-white{color:#fff;color:var(--white)}.text-black{color:#2c2c2c;color:var(--black)}.text-gray-500{color:#9e9e9e;color:var(--gray-500)}.text-gray-600{color:#757575;color:var(--gray-600)}.text-gray-700{color:#616161;color:var(--gray-700)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}.bg-light{background-color:var(--light)}.bg-white{background-color:#fff;background-color:var(--white)}.bg-gray-50{background-color:#fafafa;background-color:var(--gray-50)}.bg-gray-100{background-color:#f5f5f5;background-color:var(--gray-100)}.border{border:1px solid #eee;border:1px solid var(--gray-200)}.border-0{border:0}.border-t{border-top:1px solid #eee;border-top:1px solid var(--gray-200)}.border-b{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200)}.border-l{border-left:1px solid #eee;border-left:1px solid var(--gray-200)}.border-r{border-right:1px solid #eee;border-right:1px solid var(--gray-200)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-gray-200{border-color:#eee;border-color:var(--gray-200)}.border-gray-300{border-color:#e0e0e0;border-color:var(--gray-300)}.rounded-sm{border-radius:.375rem;border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1.5rem;border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}@media (max-width:640px){.container{padding:0 .75rem;padding:0 var(--space-3)}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(1,1fr)}.main-content{padding-top:0}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}}@media (max-width:768px){.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(3,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #eee;border-radius:50%;border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-top-color:var(--primary);display:inline-block;height:20px;width:20px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--dark)}:focus{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:#fff;color:var(--white)}.footer{background:linear-gradient(135deg,#fff5f8,#ffe0ef);background:linear-gradient(135deg,var(--pink-light) 0,var(--pink-accent) 100%);margin-top:auto;overflow:hidden;padding:4rem 0 2rem;padding:var(--space-16) 0 var(--space-8);position:relative}.footer-content{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;margin-bottom:2rem;margin-bottom:var(--space-8)}.footer-brand{max-width:300px}.brand-info{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.brand-logo{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4)}.brand-description{color:#757575;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.6}.footer-company h4,.footer-links h4,.footer-newsletter h4,.footer-support h4{color:#2c2c2c;color:var(--black);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.links-list{list-style:none;padding:0}.links-list li{margin-bottom:.5rem;margin-bottom:var(--space-2)}.links-list a{color:#757575;color:var(--gray-600);display:inline-block;font-size:.875rem;font-size:var(--font-size-sm);text-decoration:none;transition:.15s ease-in-out;transition:var(--transition-fast)}.links-list a:hover{color:#ff6b9d;color:var(--pink-primary);transform:translateX(4px)}.footer-newsletter p{color:#757575;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5}.footer-newsletter p,.newsletter-form{margin-bottom:1rem;margin-bottom:var(--space-4)}.newsletter-form{display:flex;gap:.5rem;gap:var(--space-2)}.newsletter-input{background:#fff;background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem;padding:var(--space-3);transition:.15s ease-in-out;transition:var(--transition-fast)}.newsletter-input:focus{border-color:#ff6b9d;border-color:var(--pink-primary);box-shadow:0 0 0 3px #ffe0ef;box-shadow:0 0 0 3px var(--pink-accent);outline:none}.newsletter-btn{align-items:center;background:#ff6b9d;background:var(--pink-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;display:flex;justify-content:center;padding:.75rem;padding:var(--space-3);transition:.15s ease-in-out;transition:var(--transition-fast)}.newsletter-btn:hover{background:#e91e63;background:var(--pink-dark);transform:scale(1.05)}.social-links{display:flex;gap:.75rem;gap:var(--space-3)}.social-link{align-items:center;background:#fff;background:var(--white);border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#ff6b9d;color:var(--pink-primary);display:flex;height:40px;justify-content:center;text-decoration:none;transition:.15s ease-in-out;transition:var(--transition-fast);width:40px}.social-link:hover{background:#ff6b9d;background:var(--pink-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);transform:translateY(-2px)}.footer-bottom{border-top:1px solid #eee;border-top:1px solid var(--gray-200);padding-top:1.5rem;padding-top:var(--space-6)}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between}.copyright{align-items:center;color:#757575;color:var(--gray-600);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--space-1)}.heart-icon{animation:pulse 1.5s infinite;color:#ff6b9d;color:var(--pink-primary)}.footer-bottom-links{display:flex;gap:1rem;gap:var(--space-4)}.footer-bottom-links a{color:#757575;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);text-decoration:none;transition:.15s ease-in-out;transition:var(--transition-fast)}.footer-bottom-links a:hover{color:#ff6b9d;color:var(--pink-primary)}.footer-floating-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.floating-emoji{animation:float 6s ease-in-out infinite;font-size:1.5rem;opacity:.3;position:absolute}.floating-emoji:first-child{animation-delay:0s;left:10%;top:20%}.floating-emoji:nth-child(2){animation-delay:1.5s;right:15%;top:60%}.floating-emoji:nth-child(3){animation-delay:3s;bottom:30%;left:20%}.floating-emoji:nth-child(4){animation-delay:4.5s;right:30%;top:40%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.app-theme-pink .footer{background:linear-gradient(135deg,#fff5f8,#ffe0ef);background:linear-gradient(135deg,var(--pink-light) 0,var(--pink-accent) 100%)}.app-theme-purple .footer{background:linear-gradient(135deg,#faf5ff,#f3e5f5);background:linear-gradient(135deg,var(--purple-light) 0,var(--purple-accent) 100%)}.app-theme-mint .footer{background:linear-gradient(135deg,#f5fff5,#e8f5e8);background:linear-gradient(135deg,var(--mint-light) 0,var(--mint-accent) 100%)}.app-theme-peach .footer{background:linear-gradient(135deg,#fffaf5,#fff3e0);background:linear-gradient(135deg,var(--peach-light) 0,var(--peach-accent) 100%)}.home-page{min-height:100vh}.hero-section{background:linear-gradient(135deg,#fff5f8,#ffe0ef);background:linear-gradient(135deg,var(--pink-light) 0,var(--pink-accent) 100%);margin-top:80px;overflow:hidden;padding:4rem 0 3rem;padding:var(--space-16) 0 var(--space-12);position:relative}.hero-content{margin:0 auto;max-width:600px;position:relative;text-align:center;z-index:2}.hero-title{color:#2c2c2c;color:var(--black);font-size:3rem;font-size:var(--font-size-5xl);font-weight:700;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.hero-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#9c27b0);background:linear-gradient(135deg,var(--pink-primary),var(--purple-primary));-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#757575;color:var(--gray-600);font-size:1.25rem;font-size:var(--font-size-xl);line-height:1.6;margin-bottom:2rem;margin-bottom:var(--space-8)}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:center}.hero-btn{align-items:center;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:.5rem;gap:var(--space-2);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.hero-image{margin-top:2rem;margin-top:var(--space-8);text-align:center}.hero-image img{border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);height:auto;max-width:100%}.features-section{background:#fff;background:var(--white);padding:4rem 0;padding:var(--space-16) 0}.features-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem;margin-top:var(--space-8)}.feature-card{background:#fff;background:var(--white);border:1px solid #f5f5f5;border:1px solid var(--gray-100);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8);text-align:center;transition:.25s ease-in-out;transition:var(--transition-normal)}.feature-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#ff6b9d,#9c27b0);background:linear-gradient(135deg,var(--pink-primary),var(--purple-primary));border-radius:50%;color:#fff;color:var(--white);display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--space-6);width:80px}.feature-title{color:#2c2c2c;color:var(--black);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.feature-description{color:#757575;color:var(--gray-600);line-height:1.6}.featured-section{background:#fafafa;background:var(--gray-50);padding:4rem 0;padding:var(--space-16) 0}.section-header{margin-bottom:3rem;margin-bottom:var(--space-12);text-align:center}.section-title{color:#2c2c2c;color:var(--black);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.section-subtitle{color:#757575;color:var(--gray-600);font-size:1.125rem;font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem;margin-top:var(--space-8)}.product-card{background:#fff;background:var(--white);border:1px solid #f5f5f5;border:1px solid var(--gray-100);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden;transition:.25s ease-in-out;transition:var(--transition-normal)}.product-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.product-image{height:200px;object-fit:cover;transition:.25s ease-in-out;transition:var(--transition-normal);width:100%}.product-card:hover .product-image{transform:scale(1.05)}.product-info{padding:1.5rem;padding:var(--space-6)}.product-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;line-height:1.3;margin-bottom:.5rem;margin-bottom:var(--space-2)}.product-price{font-size:1.25rem;font-size:var(--font-size-xl)}.product-description,.product-price{margin-bottom:1rem;margin-bottom:var(--space-4)}.product-description{color:#757575;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5}.product-actions{align-items:center;gap:.5rem;gap:var(--space-2);justify-content:space-between}.product-actions .btn{flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem;padding:var(--space-3)}.action-btn{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#9e9e9e;color:var(--gray-500);cursor:pointer;padding:.5rem;padding:var(--space-2);transition:.15s ease-in-out;transition:var(--transition-fast)}.action-btn:hover{background:#ffe0ef;background:var(--pink-accent)}.action-btn.favorite,.action-btn:hover{color:#ff6b9d;color:var(--pink-primary)}.app-theme-pink .hero-section{background:linear-gradient(135deg,#fff5f8,#ffe0ef);background:linear-gradient(135deg,var(--pink-light) 0,var(--pink-accent) 100%)}.app-theme-purple .hero-section{background:linear-gradient(135deg,#faf5ff,#f3e5f5);background:linear-gradient(135deg,var(--purple-light) 0,var(--purple-accent) 100%)}.app-theme-mint .hero-section{background:linear-gradient(135deg,#f5fff5,#e8f5e8);background:linear-gradient(135deg,var(--mint-light) 0,var(--mint-accent) 100%)}.app-theme-peach .hero-section{background:linear-gradient(135deg,#fffaf5,#fff3e0);background:linear-gradient(135deg,var(--peach-light) 0,var(--peach-accent) 100%)}.features-section.compact{background:#fafafa;background:var(--gray-50);padding:2rem 0;padding:var(--space-8) 0}.section-header.compact{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.section-header.compact h2{font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:.5rem;margin-bottom:var(--space-2)}.section-header.compact p{color:#757575;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base)}.features-grid.compact{gap:1rem;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.feature-card.compact{padding:1rem;padding:var(--space-4);text-align:center}.feature-icon.compact{font-size:1.5rem;height:50px;margin:0 auto .75rem;margin:0 auto var(--space-3);width:50px}.feature-card.compact h3{font-size:1rem;font-size:var(--font-size-base);margin-bottom:.5rem;margin-bottom:var(--space-2)}.feature-card.compact p{color:#757575;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.4}@media (max-width:768px){.hero-section{margin-top:70px;padding:3rem 0 2rem;padding:var(--space-12) 0 var(--space-8)}.hero-title{font-size:1.875rem;font-size:var(--font-size-3xl)}.hero-subtitle{font-size:1.125rem;font-size:var(--font-size-lg)}.hero-actions{align-items:center;flex-direction:column}.hero-btn{justify-content:center;max-width:300px;width:100%}.features-grid,.features-grid.compact{grid-template-columns:1fr}.features-grid.compact{gap:.75rem;gap:var(--space-3)}.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:1024px){.footer-content{gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;max-width:none}}@media (max-width:768px){.footer{padding:2rem 0 1.5rem;padding:var(--space-8) 0 var(--space-6)}.footer-content{gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;gap:.75rem;gap:var(--space-3);text-align:center}.footer-bottom-links{justify-content:center}}.products-page{min-height:100vh;padding:2rem 0;padding:var(--space-8) 0}.products-header{background:linear-gradient(135deg,#fff5f8,#ffe0ef);background:linear-gradient(135deg,var(--pink-light) 0,var(--pink-accent) 100%);margin-bottom:2rem;margin-bottom:var(--space-8);padding:3rem 0;padding:var(--space-12) 0}.products-container{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:250px 1fr;margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4)}.filters-sidebar{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);height:fit-content;padding:1.5rem;padding:var(--space-6);position:sticky;top:100px}.filter-section{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.filter-title{align-items:center;color:#2c2c2c;color:var(--black);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.filter-options,.filter-title{display:flex;gap:.5rem;gap:var(--space-2)}.filter-options{flex-direction:column}.filter-option{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.5rem;gap:var(--space-2);padding:.5rem;padding:var(--space-2);transition:.15s ease-in-out;transition:var(--transition-fast)}.filter-option:hover{background:#ffe0ef;background:var(--pink-accent)}.filter-option input[type=checkbox]{accent-color:#ff6b9d;accent-color:var(--pink-primary)}.filter-option label{color:#757575;color:var(--gray-600);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm)}.products-main{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.products-toolbar{align-items:center;background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;padding:1rem;padding:var(--space-4)}.products-count{color:#757575;color:var(--gray-600)}.products-count,.sort-select{font-size:.875rem;font-size:var(--font-size-sm)}.sort-select{background:#fff;background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.sort-select:focus{border-color:#ff6b9d;border-color:var(--pink-primary);box-shadow:0 0 0 3px #ffe0ef;box-shadow:0 0 0 3px var(--pink-accent);outline:none}.products-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.no-products{color:#757575;color:var(--gray-600);padding:4rem;padding:var(--space-16);text-align:center}.no-products h3{font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:1rem;margin-bottom:var(--space-4)}.no-products p{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:1.5rem;margin-bottom:var(--space-6)}@media (max-width:1024px){.products-container{grid-template-columns:1fr}.filters-sidebar{margin-bottom:1.5rem;margin-bottom:var(--space-6);position:static}}@media (max-width:768px){.products-toolbar{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--space-4)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.floating-hearts{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:10}.floating-heart{bottom:-20px;color:#ff6b9d;color:var(--pink-primary);opacity:.6;position:absolute;z-index:10}.sparkle-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:5}.sparkle{animation:sparkle 3s ease-in-out infinite;color:#ffb6b9;color:var(--pink-secondary);opacity:.3;position:absolute}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}.product-details-page{background:#fff;background:var(--white);min-height:100vh;padding:2rem 0;padding:var(--space-8) 0}.breadcrumb{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.breadcrumb-link{align-items:center;color:#757575;color:var(--gray-600);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-2);text-decoration:none;transition:.15s ease-in-out;transition:var(--transition-fast)}.breadcrumb-link:hover{color:#ff6b9d;color:var(--pink-primary)}.product-details-layout{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:1fr 1fr;margin-bottom:3rem;margin-bottom:var(--space-12)}.product-images{position:sticky;top:100px}.main-image-container{background:#fff;background:var(--white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:1rem;margin-bottom:var(--space-4);overflow:hidden;position:relative}.main-image{height:400px;object-fit:cover;transition:.25s ease-in-out;transition:var(--transition-normal);width:100%}.image-thumbnails{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.thumbnail{background:#fff;background:var(--white);border:2px solid #eee;border:2px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;height:80px;overflow:hidden;transition:.15s ease-in-out;transition:var(--transition-fast);width:80px}.thumbnail.active{border-color:#ff6b9d;border-color:var(--pink-primary)}.thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail:hover{border-color:#ff6b9d;border-color:var(--pink-primary);transform:scale(1.05)}.product-info{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.product-header{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);padding-bottom:1rem;padding-bottom:var(--space-4)}.product-title{color:#2c2c2c;color:var(--black);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;margin-bottom:.75rem;margin-bottom:var(--space-3)}.product-meta{justify-content:space-between}.product-meta,.product-rating{align-items:center;display:flex}.product-rating{gap:.5rem;gap:var(--space-2)}.star-icon{color:gold;font-size:1.125rem;font-size:var(--font-size-lg)}.rating-count{font-size:.875rem;font-size:var(--font-size-sm)}.rating-count,.share-btn{color:#757575;color:var(--gray-600)}.share-btn{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;padding:.5rem;padding:var(--space-2);transition:.15s ease-in-out;transition:var(--transition-fast)}.share-btn:hover{background:#ffe0ef;background:var(--pink-accent);color:#ff6b9d;color:var(--pink-primary)}.product-price-section{align-items:baseline;border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:flex;gap:.75rem;gap:var(--space-3);padding:1rem 0;padding:var(--space-4) 0}.product-price{color:#ff6b9d;color:var(--pink-primary);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin:0}.original-price{color:#9e9e9e;color:var(--gray-500);font-size:1.25rem;font-size:var(--font-size-xl);margin:0;text-decoration:line-through}.product-description{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);padding:1rem 0;padding:var(--space-4) 0}.product-description p{color:#616161;color:var(--gray-700);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0}.product-details{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);padding:1rem 0;padding:var(--space-4) 0}.detail-item{align-items:center;display:flex;justify-content:space-between}.detail-label{color:#616161;color:var(--gray-700);font-weight:600}.detail-value{color:#757575;color:var(--gray-600)}.detail-value.out-of-stock{color:#ff6b9d;color:var(--pink-primary);font-weight:600}.quantity-section{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:flex;gap:1rem;gap:var(--space-4);padding:1rem 0;padding:var(--space-4) 0}.quantity-section label{color:#616161;color:var(--gray-700);font-weight:600;min-width:80px}.quantity-controls{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);display:flex;overflow:hidden}.quantity-btn{background:#f5f5f5;background:var(--gray-100);border:none;cursor:pointer;font-weight:600;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:.15s ease-in-out;transition:var(--transition-fast)}.quantity-btn:hover:not(:disabled){background:#ffe0ef;background:var(--pink-accent);color:#ff6b9d;color:var(--pink-primary)}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-display{background:#fff;background:var(--white);font-weight:600;min-width:60px;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-align:center}.product-actions{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:flex;gap:1rem;gap:var(--space-4);padding:1rem 0;padding:var(--space-4) 0}.add-to-cart-btn{flex:1 1;font-weight:600;gap:.5rem;gap:var(--space-2);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.add-to-cart-btn,.favorite-btn{align-items:center;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);justify-content:center}.favorite-btn{background:#fff;background:var(--white);border:2px solid #e0e0e0;border:2px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);color:#757575;color:var(--gray-600);cursor:pointer;height:60px;transition:.15s ease-in-out;transition:var(--transition-fast);width:60px}.favorite-btn.active,.favorite-btn:hover{border-color:#ff6b9d;border-color:var(--pink-primary);color:#ff6b9d;color:var(--pink-primary)}.favorite-btn.active{background:#ffe0ef;background:var(--pink-accent)}.product-features{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);padding:1rem 0;padding:var(--space-4) 0}.product-features h3{color:#2c2c2c;color:var(--black);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.75rem;margin-bottom:var(--space-3)}.product-features ul{list-style:none;margin:0;padding:0}.product-features li{color:#616161;color:var(--gray-700);padding:.5rem 0;padding:var(--space-2) 0;padding-left:1rem;padding-left:var(--space-4);position:relative}.product-features li:before{color:#ff6b9d;color:var(--pink-primary);content:"✓";font-weight:700;left:0;position:absolute}.shipping-info{background:#fafafa;background:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);flex-direction:column;padding:1rem;padding:var(--space-4)}.info-item,.shipping-info{display:flex;gap:.75rem;gap:var(--space-3)}.info-item{align-items:center}.info-icon{font-size:1.25rem;font-size:var(--font-size-xl);text-align:center;width:40px}.info-item div{flex:1 1}.info-item strong{color:#2c2c2c;color:var(--black);display:block;font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--space-1)}.info-item p{color:#757575;color:var(--gray-600);font-size:.75rem;font-size:var(--font-size-xs);margin:0}.related-products{margin-top:3rem;margin-top:var(--space-12)}.related-products h2{color:#2c2c2c;color:var(--black);font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.related-products-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.empty-related{color:#757575;color:var(--gray-600);grid-column:1/-1;padding:2rem;padding:var(--space-8);text-align:center}@media (max-width:1024px){.product-details-layout{gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr}.product-images{position:static}.main-image{height:300px}}@media (max-width:768px){.product-details-page{padding:1rem 0;padding:var(--space-4) 0}.product-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.product-price{font-size:1.875rem;font-size:var(--font-size-3xl)}.product-actions{flex-direction:column}.favorite-btn{height:50px;width:100%}.quantity-section{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-2)}.quantity-controls{align-self:stretch;justify-content:center}}.product-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;height:100%;justify-content:center;left:0;padding:1rem;padding:var(--space-4);position:fixed;top:0;width:100%;z-index:1000}.product-modal{border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:85vh;max-width:800px;overflow:hidden;position:relative;width:100%}.modal-close-btn,.product-modal{background:#fff;background:var(--white)}.modal-close-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#757575;color:var(--gray-600);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;right:var(--space-4);top:1rem;top:var(--space-4);transition:.15s ease-in-out;transition:var(--transition-fast);width:40px;z-index:10}.modal-close-btn:hover{background:#ffe0ef;background:var(--pink-accent);color:#ff6b9d;color:var(--pink-primary);transform:scale(1.1)}.modal-content{display:grid;grid-template-columns:1fr 1fr;max-height:90vh;overflow:hidden}.modal-images-section{background:#fafafa;background:var(--gray-50);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);padding:1rem;padding:var(--space-4)}.modal-main-image{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);height:300px;object-fit:cover;width:100%}.image-nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#757575;color:var(--gray-600);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:.15s ease-in-out;transition:var(--transition-fast);width:40px}.image-nav-btn:hover{background:#fff;background:var(--white);color:#ff6b9d;color:var(--pink-primary);transform:translateY(-50%) scale(1.1)}.image-nav-btn.prev{left:1rem;left:var(--space-4)}.image-counter,.image-nav-btn.next{right:1rem;right:var(--space-4)}.image-counter{background:#000000b3;border-radius:.5rem;border-radius:var(--radius-md);bottom:1rem;bottom:var(--space-4);color:#fff;color:var(--white);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:absolute}.modal-thumbnails{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);justify-content:center}.modal-thumbnail{background:#fff;background:var(--white);border:2px solid #eee;border:2px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;height:60px;overflow:hidden;transition:.15s ease-in-out;transition:var(--transition-fast);width:60px}.modal-thumbnail.active{border-color:#ff6b9d;border-color:var(--pink-primary)}.modal-thumbnail img{height:100%;object-fit:cover;width:100%}.modal-thumbnail:hover{border-color:#ff6b9d;border-color:var(--pink-primary);transform:scale(1.05)}.modal-info-section{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);overflow-y:auto;padding:1rem;padding:var(--space-4)}.modal-product-header{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);padding-bottom:1rem;padding-bottom:var(--space-4)}.modal-product-title{color:#2c2c2c;color:var(--black);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;line-height:1.2;margin-bottom:.5rem;margin-bottom:var(--space-2)}.modal-product-meta{align-items:center;display:flex;justify-content:space-between}.modal-product-rating{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.modal-share-btn{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#757575;color:var(--gray-600);cursor:pointer;padding:.5rem;padding:var(--space-2);transition:.15s ease-in-out;transition:var(--transition-fast)}.modal-share-btn:hover{background:#ffe0ef;background:var(--pink-accent);color:#ff6b9d;color:var(--pink-primary)}.modal-price-section{align-items:baseline;border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:flex;gap:.75rem;gap:var(--space-3);padding:1rem 0;padding:var(--space-4) 0}.modal-product-price{color:#ff6b9d;color:var(--pink-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin:0}.modal-original-price{color:#9e9e9e;color:var(--gray-500);font-size:1.125rem;font-size:var(--font-size-lg);margin:0;text-decoration:line-through}.modal-description{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);padding:1rem 0;padding:var(--space-4) 0}.modal-description p{color:#616161;color:var(--gray-700);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0}.modal-details{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);padding:1rem 0;padding:var(--space-4) 0}.modal-detail-item{align-items:center;display:flex;justify-content:space-between}.modal-detail-label{color:#616161;color:var(--gray-700);font-weight:600}.modal-detail-value{color:#757575;color:var(--gray-600)}.modal-detail-value.out-of-stock{color:#ff6b9d;color:var(--pink-primary);font-weight:600}.modal-quantity-section{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:flex;gap:1rem;gap:var(--space-4);padding:1rem 0;padding:var(--space-4) 0}.modal-quantity-section label{color:#616161;color:var(--gray-700);font-weight:600;min-width:80px}.modal-quantity-controls{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);display:flex;overflow:hidden}.modal-quantity-btn{background:#f5f5f5;background:var(--gray-100);border:none;cursor:pointer;font-weight:600;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:.15s ease-in-out;transition:var(--transition-fast)}.modal-quantity-btn:hover:not(:disabled){background:#ffe0ef;background:var(--pink-accent);color:#ff6b9d;color:var(--pink-primary)}.modal-quantity-btn:disabled{cursor:not-allowed;opacity:.5}.modal-quantity-display{background:#fff;background:var(--white);font-weight:600;min-width:60px;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-align:center}.modal-actions{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:flex;gap:1rem;gap:var(--space-4);padding:1rem 0;padding:var(--space-4) 0}.modal-add-to-cart-btn{align-items:center;background:linear-gradient(135deg,#ff6b9d,#e91e63);background:linear-gradient(135deg,var(--pink-primary),var(--pink-dark));border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:flex;flex:1 1;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:.15s ease-in-out;transition:var(--transition-fast)}.modal-add-to-cart-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modal-add-to-cart-btn:disabled{cursor:not-allowed;opacity:.6}.modal-favorite-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #e0e0e0;border:2px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);color:#757575;color:var(--gray-600);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);height:60px;justify-content:center;transition:.15s ease-in-out;transition:var(--transition-fast);width:60px}.modal-favorite-btn.active,.modal-favorite-btn:hover{border-color:#ff6b9d;border-color:var(--pink-primary);color:#ff6b9d;color:var(--pink-primary)}.modal-favorite-btn.active{background:#ffe0ef;background:var(--pink-accent)}.modal-shipping-info{background:#fafafa;background:var(--gray-50);border-radius:.75rem;border-radius:var(--radius-lg);flex-direction:column;padding:1rem;padding:var(--space-4)}.modal-info-item,.modal-shipping-info{display:flex;gap:.75rem;gap:var(--space-3)}.modal-info-item{align-items:center}.modal-info-icon{font-size:1.25rem;font-size:var(--font-size-xl);text-align:center;width:40px}.modal-info-item div{flex:1 1}.modal-info-item strong{color:#2c2c2c;color:var(--black);display:block;font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--space-1)}.modal-info-item p{color:#757575;color:var(--gray-600);font-size:.75rem;font-size:var(--font-size-xs);margin:0}.modal-out-of-stock-badge,.modal-product-badge,.modal-stock-badge{border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;left:1rem;left:var(--space-4);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:absolute;top:1rem;top:var(--space-4);z-index:5}.modal-product-badge{background:#ff6b9d;background:var(--pink-primary);color:#fff;color:var(--white)}.modal-stock-badge{background:#ff9800;color:#fff;color:var(--white)}.modal-out-of-stock-badge{background:#f44336;color:#fff;color:var(--white)}@media (max-width:1024px){.modal-content{grid-template-columns:1fr;max-height:95vh}.modal-images-section{padding:1rem;padding:var(--space-4)}.modal-main-image{height:300px}.modal-info-section{padding:1rem;padding:var(--space-4)}}@media (max-width:768px){.product-modal{margin:.5rem;margin:var(--space-2);max-height:95vh}.modal-product-title{font-size:1.25rem;font-size:var(--font-size-xl)}.modal-product-price{font-size:1.5rem;font-size:var(--font-size-2xl)}.modal-actions{flex-direction:column}.modal-favorite-btn{height:50px;width:100%}.modal-quantity-section{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-2)}.modal-quantity-controls{align-self:stretch;justify-content:center}.modal-thumbnails{gap:.25rem;gap:var(--space-1)}.modal-thumbnail{height:50px;width:50px}}@media print{.no-print{display:none!important}}.admin-app-root{background:linear-gradient(120deg,#ffe0ef,#e0c3fc);display:flex;flex-direction:row;min-height:100vh}.admin-sidebar{align-items:stretch;background:#ffffffeb;box-shadow:2px 0 8px #ffb6b966;display:flex;flex-direction:column;padding:24px;width:240px}.admin-sidebar-title{color:#e75480;font-family:Pacifico,cursive;font-size:1.5rem;margin-bottom:32px;text-align:center}.admin-sidebar-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#b97a56;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .2s;width:100%}.admin-sidebar-btn.active{background:linear-gradient(90deg,#ffb6b9,#ffe066);font-weight:700}.admin-sidebar-icon{font-size:20px}.admin-main-content{background:#ffffffd9;border-radius:24px;box-shadow:0 4px 24px #ffb6b966;flex:1 1;margin:24px;min-width:0}.admin-sidebar-logo{align-items:center;display:flex;justify-content:center;margin-bottom:18px}.admin-sidebar-logo img{background:#fff6fa;border:2px solid #ffe0ef;border-radius:50%;box-shadow:0 2px 8px #ffb6b966;height:48px;width:48px}.admin-sidebar-btn:hover{background:linear-gradient(90deg,#ffe066,#ffb6b9);box-shadow:0 2px 8px #ffb6b966;color:#e75480;font-weight:700}.admin-quick-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.admin-quick-action-btn{align-items:center;background:linear-gradient(90deg,#ffb6b9,#ffe066);border:none;border-radius:12px;box-shadow:0 2px 8px #ffb6b966;color:#b97a56;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 22px;transition:all .18s}.admin-quick-action-btn:hover{background:linear-gradient(90deg,#ffe066,#ffb6b9);color:#e75480}@media (max-width:900px){.admin-sidebar-logo{margin-bottom:0;margin-right:12px}.admin-quick-actions{gap:8px;margin-bottom:12px}}@media (max-width:600px){.admin-sidebar-logo img{height:36px;width:36px}.admin-quick-actions{flex-direction:column;gap:6px;margin-bottom:8px}}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}body,html{-ms-overflow-style:none;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-content::-webkit-scrollbar{display:none}.modal-content{-ms-overflow-style:none;scrollbar-width:none}
/*# sourceMappingURL=main.9b886f60.css.map*/