@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.notification-container{position:fixed;top:2rem;right:2rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px}@media (max-width: 640px){.notification-container{top:1rem;right:1rem;left:1rem;max-width:none}}.notification{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-radius:calc(var(--radius) - .25rem);box-shadow:0 8px 24px #22377326;border-left:4px solid;animation:slide-in-right .3s ease-out;min-width:320px}@media (max-width: 640px){.notification{min-width:auto}}.notification .notification-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.125rem}.notification .notification-content{flex:1;min-width:0}.notification .notification-message{font-size:.875rem;font-weight:500;line-height:1.5;margin:0;color:var(--foreground)}.notification .notification-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;border-radius:4px;transition:all .2s ease}.notification .notification-close:hover{background:#eceff2;color:var(--foreground)}.notification.notification-success{border-left-color:#3a9742}.notification.notification-success .notification-icon{color:#3a9742}.notification.notification-error{border-left-color:var(--destructive)}.notification.notification-error .notification-icon{color:var(--destructive)}.notification.notification-warning{border-left-color:#d86d38}.notification.notification-warning .notification-icon{color:#d86d38}.notification.notification-info{border-left-color:var(--primary-blue)}.notification.notification-info .notification-icon{color:var(--primary-blue)}.dark .notification{background:var(--card);box-shadow:0 8px 24px #0000004d}.dark .notification-close:hover{background:#1a222b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}10%,30%,50%,70%,90%{transform:translate(-5px) rotate(-2deg)}20%,40%,60%,80%{transform:translate(5px) rotate(2deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff475780,0 0 40px #ff47574d,0 0 60px #ff47571a}50%{box-shadow:0 0 30px #ff4757cc,0 0 60px #ff475780,0 0 90px #ff47574d}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}@keyframes slideIn{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.access-denied{min-height:100vh;width:100%;background:linear-gradient(135deg,#16213e,#1a1a2e,#0f3460);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.access-denied:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,71,87,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,165,2,.1) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite}.access-denied__container{position:relative;z-index:1;max-width:600px;width:90%;padding:60px 40px;background:#16213ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;border:2px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a;animation:fadeInUp .8s ease-out}.access-denied__icon{display:flex;justify-content:center;align-items:center;margin-bottom:40px;position:relative;animation:float 3s ease-in-out infinite}.access-denied__icon .lock{position:relative;width:100px;height:100px;animation:shake .5s ease-in-out 1s}.access-denied__icon .lock__shackle{position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:40px;border:8px solid #ff4757;border-bottom:none;border-radius:25px 25px 0 0;background:transparent;box-shadow:inset 0 -5px 10px #ff475780,0 0 20px #ff47574d}.access-denied__icon .lock__body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:70px;height:60px;background:linear-gradient(135deg,#ff4757,#ff6b81);border-radius:15px;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 30px #ff475780,inset 0 -2px 10px #0000004d;animation:glow 2s ease-in-out infinite}.access-denied__icon .lock__keyhole{width:8px;height:20px;background:#1a1a2e;border-radius:4px 4px 0 0;position:relative}.access-denied__icon .lock__keyhole:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #1a1a2e}.access-denied__icon .warning-glow{position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(255,71,87,.3) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite;z-index:-1}.access-denied__content{text-align:center}.access-denied__title{font-size:3.5rem;font-weight:900;margin:0 0 30px;line-height:1.2;display:flex;flex-direction:column;gap:10px}.access-denied__title .title-word{display:inline-block;background:linear-gradient(90deg,#eef1f6,#ffa502,#eef1f6);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite;text-shadow:0 0 30px rgba(255,71,87,.5)}.access-denied__title .title-word:nth-child(1){animation-delay:0s}.access-denied__title .title-word:nth-child(2){animation-delay:.5s}.access-denied__divider{display:flex;justify-content:center;align-items:center;gap:20px;margin:30px 0;opacity:0;animation:fadeInUp .8s ease-out .3s forwards}.access-denied__divider .divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,71,87,.5) 50%,transparent 100%)}.access-denied__divider .divider-icon{font-size:1.5rem;color:#ffa502;animation:pulse 1.5s ease-in-out infinite}.access-denied__message{font-size:1.1rem;color:#eef1f6cc;line-height:1.6;margin-bottom:40px;opacity:0;animation:fadeInUp .8s ease-out .5s forwards}.access-denied__details{display:flex;justify-content:center;gap:30px;margin-bottom:40px;flex-wrap:wrap;opacity:0;animation:fadeInUp .8s ease-out .7s forwards}.access-denied__details .detail-item{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:50px;color:#eef1f6;font-size:.9rem;transition:all .3s ease}.access-denied__details .detail-item:hover{background:#ff475733;border-color:#ff475780;transform:translateY(-2px)}.access-denied__details .detail-item .detail-icon{font-size:1.2rem}.access-denied__button{display:flex;justify-content:center;align-items:center;gap:10px;padding:16px 40px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff4757,#ff6b81);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ff47574d;position:relative;overflow:hidden;opacity:0;animation:fadeInUp .8s ease-out .9s forwards}.access-denied__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.access-denied__button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff475780}.access-denied__button:hover:before{left:100%}.access-denied__button:active{transform:translateY(-1px)}.access-denied__button .button-icon{font-size:1.3rem;transition:transform .3s ease}.access-denied__button:hover .button-icon{transform:translate(-5px)}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.particles .particle{position:absolute;width:4px;height:4px;background:#ff475799;border-radius:50%;animation:particleFloat linear infinite;box-shadow:0 0 10px #ff4757cc}.particles .particle:nth-child(odd){background:#ffa50299;box-shadow:0 0 10px #ffa502cc}@media (max-width: 768px){.access-denied__container{padding:40px 30px}.access-denied__title{font-size:2.5rem}.access-denied__details{flex-direction:column;gap:15px}.access-denied .lock{width:80px;height:80px}.access-denied .lock__shackle{width:40px;height:32px;border-width:6px}.access-denied .lock__body{width:60px;height:50px}}.loading-screen{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.loading-content{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:scaleIn .5s ease-out}.loading-logo{width:200px;height:100px;position:relative}.loading-logo .logo-svg{width:100%;height:100%}.loading-logo .circuit-line{stroke-dasharray:100;stroke-dashoffset:100;animation:drawLine 2s ease-in-out infinite}.loading-logo .circuit-dot{animation:pulse 2s ease-in-out infinite}.loading-logo .leaf{animation:leafGrow 2s ease-in-out infinite;transform-origin:center}.loading-logo .leaf-vein{animation:fadeInOut 2s ease-in-out infinite}.loading-logo .sparkles .sparkle{animation:twinkle 1.5s ease-in-out infinite}.loading-logo .sparkles .sparkle:nth-child(1){animation-delay:0s}.loading-logo .sparkles .sparkle:nth-child(2){animation-delay:.3s}.loading-logo .sparkles .sparkle:nth-child(3){animation-delay:.6s}.loading-logo .sparkles .sparkle:nth-child(4){animation-delay:.9s}.loading-brand{font-size:2.5rem;font-weight:700;display:flex;align-items:center;gap:0;animation:slideInUp .6s ease-out .2s both}.loading-brand .brand-neho{color:#223773;animation:colorPulse 2s ease-in-out infinite}.loading-brand .brand-sell{color:#f29727;animation:colorPulse 2s ease-in-out infinite .5s}.progress-dots{display:flex;gap:.5rem}.progress-dots .dot{width:8px;height:8px;background:#666;border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.progress-dots .dot:nth-child(1){animation-delay:0s}.progress-dots .dot:nth-child(2){animation-delay:.2s}.progress-dots .dot:nth-child(3){animation-delay:.4s}.loading-message{font-size:1rem;color:#666;margin:0;animation:fadeInOut 2s ease-in-out infinite}.progress-container{width:300px;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:slideInUp .6s ease-out .4s both}.progress-bar{width:100%;height:8px;border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-bar:before{content:"";position:absolute;inset:0;background:#f5840f;animation:shimmer 1.5s infinite}.progress-fill{height:100%;background:linear-gradient(90deg,#f29727,#f27830,#f29727);background-size:200% 100%;border-radius:10px;transition:width .3s ease-out;box-shadow:0 0 15px #f2972799,0 2px 8px #f2972766;animation:glow 1.5s ease-in-out infinite,gradientMove 2s linear infinite;position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));border-radius:0 10px 10px 0}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes drawLine{0%,to{stroke-dashoffset:100}50%{stroke-dashoffset:0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes leafGrow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:1}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes colorPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glow{0%,to{box-shadow:0 0 15px #f2972799,0 2px 8px #f2972766}50%{box-shadow:0 0 25px #f29727cc,0 2px 12px #f2972799}}@keyframes gradientMove{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.loading-logo{width:150px;height:75px}.loading-brand{font-size:2rem}.progress-container{width:250px}.loading-message{font-size:.9rem}}.navbar{border-bottom:1px solid var(--border);background:linear-gradient(180deg,#114d8d,#06378c);padding:1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px #2237731a}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.3),transparent)}.navbar .navbar-left{display:flex;align-items:center;gap:1rem}.navbar .navbar-left .neo_menu-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.375rem;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;transition:all .2s}.navbar .navbar-left .neo_menu-button:hover{background:#fff3;transform:scale(1.05)}.navbar .navbar-left .neo_menu-button .icon{height:1.25rem;width:1.25rem}.navbar .navbar-left h2{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.navbar .navbar-right{display:flex;align-items:center;gap:1rem}.navbar .navbar-right .theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.375rem;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;transition:all .2s}.navbar .navbar-right .theme-toggle:hover{background:#fff3;transform:scale(1.05)}.navbar .navbar-right .theme-toggle .icon{height:1.25rem;width:1.25rem}.navbar .navbar-right .user-info{text-align:right}.navbar .navbar-right .user-info .store-name{font-size:.875rem;font-weight:500;color:#fff}.navbar .navbar-right .user-info .role{font-size:.75rem;color:#fffc}.navbar .navbar-right .avatar{height:2.5rem;width:2.5rem;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.2)}.navbar .navbar-right .logout-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.375rem;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;transition:all .2s}.navbar .navbar-right .logout-button:hover{background:#fff3;transform:scale(1.05)}.navbar .navbar-right .logout-button .icon{height:1.25rem;width:1.25rem}img[alt=Profile]{border-radius:50%}@media (max-width: 768px){.navbar{padding:.75rem 1rem}.navbar .navbar-left{flex:1}.navbar .navbar-left .neo_menu{order:-1;z-index:20}.navbar .navbar-left h2{font-size:1.125rem}.navbar .navbar-right{gap:.5rem}.navbar .navbar-right .theme-toggle{width:2rem;height:2rem}.navbar .navbar-right .theme-toggle .icon{height:1rem;width:1rem}.navbar .navbar-right .user-info{display:none}.navbar .navbar-right .avatar{height:2rem;width:2rem;font-size:.75rem}.navbar .navbar-right .logout-button{width:2rem;height:2rem}.navbar .navbar-right .logout-button .icon{height:1rem;width:1rem}}.sidebar{transition:all .3s cubic-bezier(.4,0,.2,1);border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#114d8d,#0d2238);overflow:hidden;position:relative}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.3),transparent)}.sidebar.open{width:16rem}.sidebar.closed{width:0}.sidebar .sidebar-content{padding:1.5rem;height:100vh;display:flex;flex-direction:column;position:relative}.sidebar .sidebar-content .sidebar-close-btn{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.sidebar .sidebar-content .sidebar-close-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.sidebar .sidebar-content .sidebar-close-btn:active{transform:scale(.95)}@media (max-width: 768px){.sidebar .sidebar-content .sidebar-close-btn{display:flex}}.sidebar .sidebar-content .logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .sidebar-content .logo .logo-icon{position:relative;width:2.5rem;height:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border-radius:10px;border:1px solid rgba(96,165,250,.2)}.sidebar .sidebar-content .logo .logo-icon .icon-svg{position:relative;width:1.8rem;height:1.8rem}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-dot{position:absolute;width:4px;height:4px;background:#60a5fa;border-radius:50%;box-shadow:0 0 6px #60a5fa99}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-dot:nth-child(1){top:2px;left:4px}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-dot:nth-child(2){top:8px;right:6px;background:#06b6d4;box-shadow:0 0 6px #06b6d499}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-dot:nth-child(3){bottom:4px;left:8px;background:#fbbf24;box-shadow:0 0 6px #fbbf2499}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-line{position:absolute;height:2px;border-radius:1px}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-line:nth-child(4){width:12px;top:4px;left:8px;background:linear-gradient(90deg,#60a5fa,#06b6d4)}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-line:nth-child(5){width:10px;bottom:8px;right:4px;background:linear-gradient(90deg,#06b6d4,#fbbf24)}.sidebar .sidebar-content .logo .logo-icon .icon-svg .leaf{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(20deg);width:8px;height:12px;background:linear-gradient(135deg,#84cc16,#22c55e);border-radius:0 50% 50% 0;box-shadow:0 0 8px #22c55e66}.sidebar .sidebar-content .logo .logo-icon .icon-svg .leaf:before{content:"";position:absolute;width:1px;height:6px;background:#ffffff80;top:3px;left:2px;transform:rotate(-25deg)}.sidebar .sidebar-content .logo .logo-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.sidebar .sidebar-content .logo .logo-text .brand-name{font-size:1.4rem;font-weight:800;line-height:1;letter-spacing:-.02em;margin:0;display:flex;white-space:nowrap}.sidebar .sidebar-content .logo .logo-text .brand-name .neho{color:#60a5fa;font-weight:700}.sidebar .sidebar-content .logo .logo-text .brand-name .sell{color:#fbbf24;font-weight:700}.sidebar .sidebar-content .logo .logo-text .brand-underline{width:50%;height:2.5px;background:linear-gradient(90deg,#84cc16,#22c55e);border-radius:2px;margin-left:50%;box-shadow:0 1px 6px #84cc1666}.sidebar .sidebar-content .logo .logo-text .store-subtitle{font-size:.7rem;color:#fff9;margin:0;margin-top:.15rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .sidebar-content nav{flex:1;display:flex;flex-direction:column;gap:.35rem;overflow-y:auto;overflow-x:hidden;padding-right:.25rem;margin-bottom:1rem}.sidebar .sidebar-content nav::-webkit-scrollbar{width:4px}.sidebar .sidebar-content nav::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}.sidebar .sidebar-content nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.sidebar .sidebar-content nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar .sidebar-content nav .nav-section{margin-bottom:.25rem}.sidebar .sidebar-content nav .nav-section .section-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:none;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#ffffffb3;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;border:1px solid rgba(255,255,255,.05)}.sidebar .sidebar-content nav .nav-section .section-header:hover{background:#ffffff14;color:#ffffffe6;border-color:#60a5fa33}.sidebar .sidebar-content nav .nav-section .section-header .section-icon{width:1rem;height:1rem;flex-shrink:0}.sidebar .sidebar-content nav .nav-section .section-header span{flex:1;text-align:left}.sidebar .sidebar-content nav .nav-section .section-header .chevron{width:1rem;height:1rem;transition:transform .25s ease;opacity:.6}.sidebar .sidebar-content nav .nav-section .section-header .chevron.expanded{transform:rotate(180deg);opacity:1}.sidebar .sidebar-content nav .nav-section .section-links{display:flex;flex-direction:column;gap:.2rem;margin-top:.35rem;padding-left:.5rem;animation:slideDown .25s ease-out}.sidebar .sidebar-content nav .nav-link{width:100%;display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;border-radius:8px;transition:all .2s ease;text-decoration:none;color:#ffffffd9;font-size:.95rem;position:relative;border:1px solid transparent}.sidebar .sidebar-content nav .nav-link.compact{padding:.55rem .75rem;font-size:.875rem;margin-left:.5rem}.sidebar .sidebar-content nav .nav-link.compact .icon{width:1.1rem;height:1.1rem}.sidebar .sidebar-content nav .nav-link:hover{background:#ffffff14;color:#fff;transform:translate(3px);border-color:#60a5fa26}.sidebar .sidebar-content nav .nav-link.active{background:linear-gradient(135deg,#60a5fa33,#3b82f61f);color:#fff;font-weight:600;border-color:#60a5fa4d;box-shadow:0 2px 12px #60a5fa26,inset 0 1px #ffffff1a}.sidebar .sidebar-content nav .nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:65%;background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:0 2px 2px 0;box-shadow:0 0 8px #60a5fa99}.sidebar .sidebar-content nav .nav-link .icon{width:1.2rem;height:1.2rem;flex-shrink:0}.sidebar .sidebar-content nav .nav-link span{font-weight:500;display:flex;align-items:center;gap:.5rem}.sidebar .sidebar-content .store-info{margin-top:auto;padding:1rem;background:linear-gradient(135deg,#22c55e1f,#84cc1614);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(132,204,22,.25);box-shadow:0 4px 12px #22c55e1a}.sidebar .sidebar-content .store-info .store-badge{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.sidebar .sidebar-content .store-info .store-badge .badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55ecc;animation:pulse 2s ease-in-out infinite}.sidebar .sidebar-content .store-info .store-badge span{font-size:.7rem;color:#ffffffd9;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.sidebar .sidebar-content .store-info .store-name{font-size:.9rem;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;box-shadow:2px 0 20px #0000004d}.sidebar.open{width:80%;max-width:280px}.sidebar.closed{width:0;box-shadow:none}.sidebar.open:before{content:"";position:fixed;inset:0;background:#00000080;z-index:-1;animation:fadeIn .3s ease}}.content{padding:1.5rem;flex:1;overflow:auto}.layout{display:flex;height:100vh;background-color:var(--background);color:var(--foreground)}.layout .main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.animated-icon{width:200px;height:200px;display:flex;align-items:center;justify-content:center;position:relative;perspective:1000px}.animated-icon .icon-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.animated-icon .main-icon{width:80px;height:80px;color:#3b82f6;z-index:2;position:relative;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3));transition:transform .3s ease}.animated-icon .main-icon:hover{transform:scale(1.05)}.animated-icon .main-icon.overlay{position:absolute;filter:drop-shadow(0 8px 20px rgba(59,130,246,.5))}.animated-icon .main-icon.rotating{animation:rotate-smooth 8s cubic-bezier(.4,0,.2,1) infinite}.welcome-animation .sparkle-container{position:absolute;width:100%;height:100%}.welcome-animation .sparkle{position:absolute;color:#f59e0b;animation:sparkle-float 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(245,158,11,.6))}.welcome-animation .sparkle.sparkle-1{width:28px;height:28px;top:15%;left:15%;animation-delay:0s}.welcome-animation .sparkle.sparkle-2{width:24px;height:24px;top:25%;right:18%;animation-delay:.8s}.welcome-animation .sparkle.sparkle-3{width:32px;height:32px;bottom:20%;left:20%;animation-delay:1.6s}.welcome-animation .sparkle.sparkle-4{width:20px;height:20px;bottom:30%;right:25%;animation-delay:2.4s}.welcome-animation .glow-circle{position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);border-radius:50%;animation:glow-pulse 3s ease-in-out infinite;z-index:1}@keyframes sparkle-float{0%,to{transform:translateY(0) scale(1) rotate(0);opacity:.5}25%{transform:translateY(-10px) scale(1.15) rotate(90deg);opacity:.8}50%{transform:translateY(-20px) scale(1.3) rotate(180deg);opacity:1}75%{transform:translateY(-10px) scale(1.15) rotate(270deg);opacity:.8}}@keyframes glow-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}.business-animation .business-svg{width:200px;height:200px;z-index:2;position:relative;animation:float-gentle 4s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(59,130,246,.4))}.business-animation .pulse-ring{position:absolute;width:120px;height:120px;border:4px solid #3b82f6;border-radius:50%;opacity:0;animation:pulse-ring-enhanced 3s cubic-bezier(.4,0,.2,1) infinite}.business-animation .pulse-ring.delay-1{animation-delay:1.5s;border-color:#8b5cf6}.business-animation .glow-effect{position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);border-radius:50%;animation:glow-expand 3s ease-in-out infinite;z-index:1}@keyframes float-gentle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes pulse-ring-enhanced{0%{transform:scale(.7);opacity:0}30%{opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes glow-expand{0%,to{transform:scale(.9);opacity:.2}50%{transform:scale(1.1);opacity:.4}}.template-animation .grid-container{position:absolute;width:140px;height:140px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;z-index:1;animation:grid-rotate 8s ease-in-out infinite}.template-animation .grid-item{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;position:relative;overflow:hidden;animation:grid-pulse-enhanced 2.4s ease-in-out infinite;box-shadow:0 4px 15px #3b82f64d}.template-animation .grid-item:nth-child(1){animation-delay:0s}.template-animation .grid-item:nth-child(2){animation-delay:.3s}.template-animation .grid-item:nth-child(3){animation-delay:.6s}.template-animation .grid-item:nth-child(4){animation-delay:.9s}.template-animation .grid-item .shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shine-move 3s ease-in-out infinite}@keyframes grid-pulse-enhanced{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}}@keyframes grid-rotate{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes shine-move{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}.preferences-animation .orbit-dot{position:absolute;width:14px;height:14px;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;box-shadow:0 0 15px #f59e0b99;animation:orbit-enhanced 4s cubic-bezier(.4,0,.2,1) infinite}.preferences-animation .orbit-dot.dot-1{animation-delay:0s}.preferences-animation .orbit-dot.dot-2{animation-delay:1.33s}.preferences-animation .orbit-dot.dot-3{animation-delay:2.66s}.preferences-animation .orbit-ring{position:absolute;width:130px;height:130px;border:2px dashed rgba(59,130,246,.2);border-radius:50%;animation:rotate-ring 12s linear infinite}@keyframes orbit-enhanced{0%{transform:rotate(0) translate(65px) rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) translate(65px) rotate(-180deg) scale(1.3);opacity:.8}to{transform:rotate(360deg) translate(65px) rotate(-360deg) scale(1);opacity:1}}@keyframes rotate-smooth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (max-width: 768px){.animated-icon{width:160px;height:160px}.animated-icon .main-icon{width:64px;height:64px}.welcome-animation .sparkle.sparkle-1{width:22px;height:22px}.welcome-animation .sparkle.sparkle-2{width:18px;height:18px}.welcome-animation .sparkle.sparkle-3{width:26px;height:26px}.welcome-animation .sparkle.sparkle-4{width:16px;height:16px}.welcome-animation .glow-circle{width:100px;height:100px}.business-animation .business-svg{width:160px;height:160px}.business-animation .pulse-ring{width:100px;height:100px}.business-animation .glow-effect{width:120px;height:120px}.template-animation .grid-container{width:110px;height:110px;grid-gap:8px}.preferences-animation .orbit-dot{width:12px;height:12px}.preferences-animation .orbit-ring{width:105px;height:105px}}@media (max-width: 480px){.animated-icon{width:140px;height:140px}.animated-icon .main-icon{width:56px;height:56px}.business-animation .business-svg{width:140px;height:140px}}.welcome-step{max-width:100%;position:relative;animation:fade-in .3s ease-out;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2rem}.welcome-step .welcome-background{position:absolute;top:7px;z-index:0;pointer-events:none}.welcome-step .welcome-background img{width:450px;height:auto;opacity:1;transform:translate(-50%);animation:float 6s ease-in-out infinite}@media (max-width: 768px){.welcome-step .welcome-background img{width:320px}}.welcome-step .welcome-features-card{position:relative;z-index:1;background:#fff;border-radius:12px;padding:1.5rem 2rem;max-width:500px;width:100%;margin-top:300px;box-shadow:0 4px 12px #00000014}.welcome-step .welcome-features-card:before{content:"";position:absolute;inset:-2px;border-radius:12px;padding:2px;background:linear-gradient(45deg,#ff6b35,#f59e0b,#3b82f6,#8b5cf6,#ff6b35);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:border-glow 4s ease infinite;z-index:-1}@media (max-width: 768px){.welcome-step .welcome-features-card{margin-top:220px;padding:1.25rem 1.5rem}}.welcome-step .welcome-features-card h3{font-size:1.125rem;font-weight:700;color:#1a2332;margin:0 0 .5rem}.welcome-step .welcome-features-card .welcome-subtitle{font-size:.9375rem;color:#6b7280;line-height:1.6;margin:0 0 1.5rem}.welcome-step .features-list{display:flex;flex-direction:column;gap:.75rem;margin-top:0}.welcome-step .feature{display:flex;align-items:center;gap:.75rem;padding:0;background:transparent;border:none;opacity:0;animation:slide-in-feature .5s ease forwards}.welcome-step .feature:nth-child(1){animation-delay:.2s}.welcome-step .feature:nth-child(2){animation-delay:.4s}.welcome-step .feature:nth-child(3){animation-delay:.6s}.welcome-step .feature:nth-child(4){animation-delay:.8s}.welcome-step .feature .feature-icon{width:18px;height:18px;color:#ff6b35;flex-shrink:0;transition:transform .3s ease}.welcome-step .feature:hover .feature-icon{transform:scale(1.2) rotate(5deg)}.welcome-step .feature span{font-size:.875rem;color:#374151;font-weight:400;text-align:left}.welcome-step .feature.checked .feature-icon{color:#ff6b35}.welcome-step .feature.unchecked .feature-icon{color:#d1d5db}.welcome-step .feature.unchecked span{color:#9ca3af}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes border-glow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes slide-in-feature{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.welcome-step{min-height:350px;padding-top:1rem}.welcome-step .welcome-background{top:10px}.welcome-step .welcome-background img{width:280px}.welcome-step .welcome-features-card{margin-top:250px;padding:1.25rem 1.5rem;max-width:90%}.welcome-step .welcome-features-card h3{font-size:1rem}.welcome-step .welcome-features-card .welcome-subtitle{font-size:.8125rem;margin-bottom:1rem}.welcome-step .features-list{gap:.625rem}.welcome-step .feature .feature-icon{width:16px;height:16px}.welcome-step .feature span{font-size:.8125rem}}@media (max-width: 480px){.welcome-step .welcome-background{top:5px}.welcome-step .welcome-background img{width:240px}.welcome-step .welcome-features-card{margin-top:200px;padding:1rem 1.25rem}.welcome-step .welcome-features-card h3{font-size:.9375rem}.welcome-step .welcome-features-card .welcome-subtitle,.welcome-step .feature span{font-size:.75rem}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.template-selection{max-width:100%;animation:fade-in .3s ease-out}.template-selection__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.template-selection__header h3{font-size:1.5rem;font-weight:700;color:#1a2332;margin:0 0 .5rem}.template-selection__header p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.6}.template-selection__count{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#3b82f6;color:#fff;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap;flex-shrink:0}.template-selection__error{padding:1rem 1.25rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1.5px solid #fca5a5;border-radius:12px;color:#991b1b;font-size:.9375rem;font-weight:500;margin-top:1.5rem}.template-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;align-items:center}.template-search{position:relative;flex:1;min-width:250px}.template-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.template-search input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.9375rem;background:#f9fafb;transition:all .2s ease}.template-search input::placeholder{color:#9ca3af}.template-search input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.template-categories{display:flex;flex-wrap:wrap;gap:.5rem}.category-btn{padding:.5rem 1.125rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-btn:hover:not(.active){border-color:#3b82f6;background:#eff6ff}.category-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff;box-shadow:0 2px 8px #ff6b354d}.template-view-toggle{display:flex;gap:.25rem;background:#f3f4f6;padding:.25rem;border-radius:8px}.view-btn{padding:.5rem;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.view-btn:hover{background:#e5e7eb}.view-btn.active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}@media (max-width: 840px){.template-grid{grid-template-columns:1fr}}.template-list{grid-template-columns:1fr}.template-card{background:#fff;border:2px solid #3b82f6;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;text-align:left;width:100%}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #3b82f626}.template-card.selected{background:#eff6ff;box-shadow:0 8px 20px #3b82f633}.template-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.template-card__badge{display:inline-block;padding:.375rem .75rem;background:#fef3e2;color:#ff6b35;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.template-card__body{margin-bottom:1rem}.template-card__body h4{font-size:1.125rem;font-weight:600;color:#1a2332;margin:0 0 .5rem}.template-card__body p{font-size:.875rem;color:#6b7280;line-height:1.6;margin:0}.template-card__footer{display:flex;flex-direction:column;gap:.75rem}.template-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.template-card__tag{display:inline-block;padding:.25rem .625rem;background:#e0f2fe;color:#0369a1;border-radius:4px;font-size:.75rem;font-weight:500}.template-card__selected{display:inline-flex;align-items:center;gap:.375rem;color:#059669;font-size:.875rem;font-weight:600}.template-card__selected:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#059669;color:#fff;border-radius:50%;font-size:.75rem}.template-card__actions{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease}.template-card__actions svg{width:16px;height:16px}.template-empty{text-align:center;padding:3rem 1.5rem}.template-empty p{font-size:1rem;color:#6b7280;margin:0 0 1.5rem}.template-empty .btn-reset-filters{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.template-empty .btn-reset-filters:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.template-preview-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.template-preview-backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-preview-content{position:relative;background:#fff;border-radius:16px;max-width:1200px;width:100%;height:100%;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slide-up .3s ease-out}.template-preview-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #e5e7eb}.template-preview-header h4{font-size:1.25rem;font-weight:600;color:#1a2332;margin:0 0 .25rem}.template-preview-header p{font-size:.875rem;color:#6b7280;margin:0}.template-preview-close{padding:.5rem;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.template-preview-close:hover{background:#e5e7eb;color:#1a2332}.template-preview-actions{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.template-preview-open{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.template-preview-open:hover{background:#2563eb}.template-preview-open svg{width:16px;height:16px}.template-preview-hint{font-size:.8125rem;color:#6b7280}.template-preview-frame{flex:1;overflow:hidden;padding:1.5rem}.template-preview-frame iframe{width:100%;height:100%;border:none;border-radius:8px;background:#fff}@media (max-width: 768px){.template-selection__header{flex-direction:column;align-items:flex-start}.template-selection__count{align-self:flex-start}.template-filters{flex-direction:column;align-items:stretch}.template-search{min-width:100%}.template-preview-modal{padding:1rem}.template-preview-content{max-height:95vh}}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.enriched-preview-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-out}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.preview-header .preview-title h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.preview-header .preview-title p{font-size:.875rem;color:#64748b;margin:0}.preview-header .close-button{width:40px;height:40px;border:none;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.preview-header .close-button:hover{background:#e2e8f0;color:#475569;transform:rotate(90deg)}.preview-controls{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#f8fafc;border-bottom:1px solid #e5e7eb;gap:1rem;flex-wrap:wrap}.preview-controls .toggle-buttons{display:flex;gap:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.25rem}.preview-controls .toggle-button{padding:.625rem 1rem;border:none;background:transparent;border-radius:8px;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.preview-controls .toggle-button:hover{background:#f1f5f9;color:#3b82f6}.preview-controls .toggle-button.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.preview-controls .fullscreen-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid #e5e7eb;background:#fff;border-radius:10px;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.preview-controls .fullscreen-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.preview-controls .fullscreen-button svg{width:18px;height:18px}.preview-content{flex:1;overflow:auto;background:#f1f5f9;padding:2rem}.preview-frame-container{display:flex;align-items:center;justify-content:center;height:100%}.preview-frame{background:#fff;overflow:hidden;transition:all .3s ease}.preview-frame iframe{width:100%;height:100%;border:none;display:block}.preview-actions{display:flex;align-items:center;justify-content:flex-end;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e5e7eb;gap:.75rem}.preview-actions button{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.preview-actions button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.preview-actions button:hover:before{width:300px;height:300px}.preview-actions button svg{width:20px;height:20px;position:relative;z-index:1}.preview-actions button span{position:relative;z-index:1}.preview-actions button.regenerate-button{background:#f1f5f9;color:#475569;border:1px solid #e5e7eb}.preview-actions button.regenerate-button:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.preview-actions button.confirm-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 16px #3b82f666}.preview-actions button.confirm-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f680}.preview-actions button.confirm-button:active{transform:translateY(0)}.enriched-preview-modal{background:#fff;border-radius:20px;width:100%;max-width:1400px;height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.enriched-preview-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.enriched-preview-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.enriched-preview-header .header-left{display:flex;align-items:center;gap:1rem}.enriched-preview-header .header-left .sparkle-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse-glow 2s ease-in-out infinite}.enriched-preview-header .header-left h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.enriched-preview-header .header-left p{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.enriched-preview-header .header-right{display:flex;align-items:center;gap:.75rem}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.enriched-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.enriched-preview-toolbar .toolbar-left,.enriched-preview-toolbar .toolbar-right{display:flex;gap:.5rem}.toolbar-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid #e5e7eb;background:#fff;border-radius:10px;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.toolbar-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.toolbar-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.toolbar-button svg{width:18px;height:18px}.viewport-selector{display:flex;gap:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.25rem}.viewport-selector button{padding:.5rem .75rem;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s ease}.viewport-selector button:hover{background:#f1f5f9;color:#3b82f6}.viewport-selector button.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.viewport-selector button svg{width:18px;height:18px}.enriched-preview-content{flex:1;display:flex;overflow:hidden;position:relative;background:#f1f5f9}.preview-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:auto;position:relative}.preview-container.comparison-mode{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.preview-frame-wrapper{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;overflow:hidden;transition:all .3s ease;animation:fadeInScale .5s cubic-bezier(.16,1,.3,1)}.preview-frame-wrapper:hover{box-shadow:0 20px 60px #00000026}.preview-frame-wrapper .preview-label{padding:.75rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:600;color:#475569;display:flex;align-items:center;gap:.5rem}.preview-frame-wrapper .preview-label.enriched{background:linear-gradient(135deg,#dbeafe,#e0e7ff);color:#3b82f6}.preview-frame-wrapper .preview-label .badge{padding:.25rem .625rem;background:#3b82f6;color:#fff;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}.preview-frame-wrapper iframe{width:100%;height:100%;border:none;display:block}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.enriched-preview-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#fff;border-top:1px solid #e5e7eb;gap:1rem}.enriched-preview-footer .footer-info{display:flex;align-items:center;gap:.75rem;color:#64748b;font-size:.875rem}.enriched-preview-footer .footer-info .info-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#f1f5f9;border-radius:8px;font-weight:500}.enriched-preview-footer .footer-info .info-badge svg{width:16px;height:16px;color:#3b82f6}.enriched-preview-footer .footer-actions{display:flex;gap:.75rem}.action-button{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-button:hover:before{width:300px;height:300px}.action-button svg{width:20px;height:20px;position:relative;z-index:1}.action-button span{position:relative;z-index:1}.action-button.secondary{background:#f1f5f9;color:#475569;border:1px solid #e5e7eb}.action-button.secondary:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-button.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 16px #3b82f666}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f680}.action-button.primary:active{transform:translateY(0)}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.action-button:disabled:hover:before{width:0;height:0}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem}.preview-loading .loading-spinner{width:60px;height:60px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.preview-loading .loading-text{font-size:1.125rem;font-weight:600;color:#475569;animation:pulse 2s ease-in-out infinite}.preview-loading .loading-subtext{font-size:.875rem;color:#94a3b8}@media (max-width: 1024px){.enriched-preview-modal{max-width:95%;height:95vh}.preview-container.comparison-mode{grid-template-columns:1fr}.enriched-preview-header{padding:1rem 1.5rem}.enriched-preview-header .header-left h2{font-size:1.25rem}.enriched-preview-toolbar{padding:.75rem 1.5rem;flex-wrap:wrap}.enriched-preview-footer{flex-direction:column;gap:1rem}.enriched-preview-footer .footer-actions{width:100%}.enriched-preview-footer .footer-actions button{flex:1}}@media (max-width: 640px){.enriched-preview-overlay{padding:0}.enriched-preview-modal{border-radius:0;max-width:100%;height:100vh}.preview-container{padding:1rem}.toolbar-button{padding:.5rem .75rem;font-size:.8125rem}.toolbar-button span{display:none}.action-button{padding:.75rem 1.25rem;font-size:.875rem}}.streaming-enrichment-overlay{position:fixed;inset:0;background:#ffffff6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .4s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.streaming-enrichment-container{max-width:600px;width:90%;background:#fff;border-radius:24px;padding:3rem 2.5rem;box-shadow:0 30px 60px #0000004d;animation:containerSlideUp .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.streaming-enrichment-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);background-size:300% 100%;animation:gradientFlow 3s ease-in-out infinite}@keyframes containerSlideUp{0%{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.streaming-header{text-align:center;margin-bottom:2.5rem}.streaming-header .icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;margin-bottom:1.5rem;animation:iconFloat 3s ease-in-out infinite;box-shadow:0 10px 30px #3b82f666}.streaming-header .icon-wrapper svg{width:40px;height:40px;color:#fff;animation:iconSpin 2s linear infinite}.streaming-header h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;animation:textFadeIn .6s ease-out .2s both}.streaming-header p{font-size:1rem;color:#64748b;margin:0;animation:textFadeIn .6s ease-out .3s both}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.streaming-progress{margin-bottom:2rem}.streaming-progress .progress-bar-container{height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:1rem;position:relative}.streaming-progress .progress-bar-container:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmerProgress 2s infinite}.streaming-progress .progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 100%;border-radius:10px;transition:width .5s cubic-bezier(.16,1,.3,1);animation:gradientSlide 2s ease-in-out infinite;box-shadow:0 0 20px #3b82f680}.streaming-progress .progress-text{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#64748b;font-weight:500}.streaming-progress .progress-text .percentage{font-weight:700;color:#3b82f6;font-size:1rem}@keyframes shimmerProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gradientSlide{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.streaming-steps{margin-bottom:2rem}.streaming-steps .step-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:12px;margin-bottom:.75rem;transition:all .3s ease;animation:stepFadeIn .4s ease-out both}.streaming-steps .step-item.pending{opacity:.4;background:transparent}.streaming-steps .step-item.active{background:linear-gradient(135deg,#dbeafe,#e0e7ff);box-shadow:0 4px 12px #3b82f626;animation:stepPulse 2s ease-in-out infinite}.streaming-steps .step-item.completed{background:linear-gradient(135deg,#d1fae5,#dcfce7);opacity:1}.streaming-steps .step-item .step-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.streaming-steps .step-item .step-icon.pending{background:#f1f5f9;color:#94a3b8}.streaming-steps .step-item .step-icon.active{background:#3b82f6;color:#fff;animation:iconBounce 1s ease-in-out infinite}.streaming-steps .step-item .step-icon.completed{background:#22c55e;color:#fff}.streaming-steps .step-item .step-icon svg{width:18px;height:18px}.streaming-steps .step-item .step-content{flex:1}.streaming-steps .step-item .step-content .step-title{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.streaming-steps .step-item .step-content .step-description{font-size:.8125rem;color:#64748b;margin:0}.streaming-steps .step-item .step-status{flex-shrink:0;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.streaming-steps .step-item .step-status.pending{background:#f1f5f9;color:#94a3b8}.streaming-steps .step-item .step-status.active{background:#3b82f6;color:#fff;animation:statusPulse 1.5s ease-in-out infinite}.streaming-steps .step-item .step-status.completed{background:#22c55e;color:#fff}@keyframes stepFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes stepPulse{0%,to{box-shadow:0 4px 12px #3b82f626}50%{box-shadow:0 8px 24px #3b82f64d}}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}.streaming-footer{text-align:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.streaming-footer .cancel-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid #e5e7eb;background:#fff;border-radius:10px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.streaming-footer .cancel-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-1px)}.streaming-footer .cancel-button svg{width:16px;height:16px}.streaming-footer .footer-note{margin-top:1rem;font-size:.8125rem;color:#94a3b8;animation:textFadeIn .6s ease-out .5s both}.streaming-error{text-align:center;animation:errorFadeIn .5s ease-out}.streaming-error .error-icon{width:80px;height:80px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;animation:errorShake .6s cubic-bezier(.36,.07,.19,.97);box-shadow:0 10px 30px #ef444466}.streaming-error .error-icon svg{width:40px;height:40px;color:#fff}.streaming-error h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.streaming-error .error-message{font-size:1rem;color:#64748b;margin:0 0 1rem;line-height:1.5}.streaming-error .error-suggestion{font-size:.875rem;color:#94a3b8;margin:0 0 2rem;padding:1rem;background:#f8fafc;border-radius:10px;border-left:3px solid #f59e0b}.streaming-error .error-actions{display:flex;justify-content:center;gap:.75rem}.streaming-error .skip-button{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 16px #3b82f666;transition:all .2s ease}.streaming-error .skip-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f680}.streaming-error .skip-button:active{transform:translateY(0)}@keyframes errorFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.streaming-success{text-align:center;animation:successFadeIn .5s ease-out}.streaming-success .success-icon{width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;animation:successScale .6s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #22c55e66}.streaming-success .success-icon svg{width:40px;height:40px;color:#fff;animation:checkDraw .5s ease-out .3s both}.streaming-success h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.streaming-success p{font-size:1rem;color:#64748b;margin:0}@keyframes successFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes successScale{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes checkDraw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media (max-width: 640px){.streaming-enrichment-container{width:95%;padding:2rem 1.5rem;border-radius:20px}.streaming-header .icon-wrapper{width:64px;height:64px}.streaming-header .icon-wrapper svg{width:32px;height:32px}.streaming-header h2{font-size:1.5rem}.streaming-header p{font-size:.9375rem}.streaming-steps .step-item{padding:.75rem}.streaming-steps .step-item .step-icon{width:28px;height:28px}.streaming-steps .step-item .step-icon svg{width:16px;height:16px}.streaming-steps .step-item .step-content .step-title{font-size:.875rem}.streaming-steps .step-item .step-content .step-description{font-size:.75rem}}.onboarding-container{min-height:100vh;background:linear-gradient(135deg,#e8eef5,#f5f7fa);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.onboarding-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(34,55,115,.02) 35px,rgba(34,55,115,.02) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(34,55,115,.02) 35px,rgba(34,55,115,.02) 70px);pointer-events:none}.onboarding-card{position:relative;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000014,0 0 0 1px #0000000a;max-width:920px;width:100%;padding:3rem;animation:slide-up .5s ease-out}.onboarding-card:before{content:"";position:absolute;top:20px;left:20px;width:12px;height:12px;border-radius:50%;background:#ff5f57;box-shadow:20px 0 #ffbd2e,40px 0 #28ca42;z-index:101}.onboarding-card .onboarding-logo{position:absolute;top:3rem;left:3rem;width:140px;height:auto;z-index:100}@media (max-width: 768px){.onboarding-card .onboarding-logo{top:0;left:auto;right:20px;width:80px}}.onboarding-card .onboarding-header-mobile{display:none}@media (max-width: 768px){.onboarding-card .onboarding-header-mobile{display:flex;justify-content:space-between;align-items:center;position:absolute;top:20px;left:20px;right:20px;z-index:102}}@media (max-width: 768px){.onboarding-card{padding:2rem 1.5rem;margin:1rem;max-width:95%}.onboarding-card:before{width:10px;height:10px;box-shadow:18px 0 #ffbd2e,36px 0 #28ca42}}@media (max-width: 480px){.onboarding-card{padding:1.5rem 1rem;margin:.5rem}}.onboarding-header{text-align:center;margin-bottom:3rem}.onboarding-header .logo{width:160px;height:auto;margin:0 auto 2rem;display:block}.onboarding-header h1{font-size:2rem;font-weight:700;color:#1a2332;margin:0 0 .5rem;line-height:1.2}.onboarding-header .subtitle{font-size:1rem;color:#6b7280;margin:0;font-weight:400}.onboarding-header .step-indicator{font-size:.875rem;color:#9ca3af;margin-top:.5rem}.onboarding-header:after{content:"";display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb 50%,transparent);margin-top:2rem}@media (max-width: 768px){.onboarding-header{margin-bottom:2rem}.onboarding-header h1{font-size:1.5rem}.onboarding-header .logo{width:120px;margin-bottom:1.5rem}}.step-container{animation:fade-in .3s ease-out;padding-top:3rem}@media (max-width: 768px){.step-container{padding-top:2.5rem}}.step-header{text-align:center;margin-bottom:1.5rem;padding-top:1rem}.step-header .step-icon-container{display:none}.step-header h2{font-size:1.875rem;font-weight:700;color:#1a2332;margin:0 0 .5rem;line-height:1.2}.step-header p{font-size:.9375rem;color:#6b7280;max-width:600px;margin:0 auto;font-weight:400}.step-header:after{content:"";display:block;width:100%;max-width:500px;height:3px;background:linear-gradient(90deg,#ff6b35,#f59e0b);margin:1.5rem auto 0;border-radius:2px}@media (max-width: 768px){.step-header{margin-bottom:1.25rem;padding-top:.5rem}.step-header h2{font-size:1.375rem}.step-header p{font-size:.8125rem}.step-header:after{max-width:90%;height:2px;margin:1rem auto 0}}@media (max-width: 480px){.step-header h2{font-size:1.25rem}.step-header p{font-size:.75rem}}.animation-container{display:flex;justify-content:center;margin:1.5rem 0}@media (max-width: 768px){.animation-container{margin:1rem 0}}.step-content{margin-top:2rem;animation:fade-in .3s ease-out}.step-content .form-section{max-width:640px;margin:0 auto}.progress-bar{position:absolute;top:0;left:0;right:0;height:4px;background:#e5e7eb;border-radius:16px 16px 0 0;overflow:hidden;z-index:5}.progress-bar:before{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#ff6b35,#f59e0b,#3b82f6);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:16px 16px 0 0}.progress-bar[data-step="0"]:before{width:25%}.progress-bar[data-step="1"]:before{width:50%}.progress-bar[data-step="2"]:before{width:75%}.progress-bar[data-step="3"]:before{width:100%}.progress-bar .progress-step{display:none}.menu-button{position:absolute;top:20px;right:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .2s ease}.menu-button:hover{background:#f3f4f6;color:#1a2332}.menu-button svg{width:20px;height:20px}.business-step .form-section{max-width:100%}.business-step .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.business-step .form-row{grid-template-columns:1fr}}.business-types{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:.5rem}.business-type{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;white-space:nowrap}.business-type .type-icon{font-size:1rem;display:flex;align-items:center}.business-type .type-label{font-size:.875rem}.business-type:hover:not(.selected){border-color:#3b82f6;background:#eff6ff;transform:translateY(-1px)}.business-type.selected{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f640}.business-type.error:not(.selected){border-color:#ef4444}@media (max-width: 640px){.business-type{padding:.5rem .875rem;font-size:.8125rem}}.custom-business-type{margin-top:.75rem;animation:slide-down .2s ease-out}.custom-business-type .custom-input{width:100%;padding:.875rem 1rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9375rem;color:#1a2332;background:#fff;transition:all .2s ease}.custom-business-type .custom-input::placeholder{color:#9ca3af}.custom-business-type .custom-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.business-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:2rem}.business-type-btn{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9375rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;text-align:left}.business-type-btn .icon{font-size:1.25rem;flex-shrink:0}.business-type-btn:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-1px)}.business-type-btn.selected{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.business-type-btn.selected svg{color:#fff}.business-type-btn svg{width:16px;height:16px;color:#3b82f6}@media (max-width: 640px){.business-type-btn{padding:.75rem;font-size:.875rem}}.form-group label{display:block;font-size:.9375rem;font-weight:600;color:#1a2332;margin-bottom:.625rem}.form-group label .required{color:#ef4444;margin-left:.25rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9375rem;color:#1a2332;background:#fff;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-weight:400}.form-group input:hover:not(:disabled),.form-group textarea:hover:not(:disabled){border-color:#d1d5db}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614;background:#fff}.form-group input:disabled,.form-group textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.form-group input.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 4px #ef444414}.form-group .input-with-icon{position:relative}.form-group .input-with-icon svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;width:18px;height:18px;pointer-events:none;z-index:1}.form-group .input-with-icon input{padding-left:2.75rem}.form-group .input-with-icon:focus-within svg{color:#3b82f6}.form-group .flag-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;pointer-events:none;z-index:1}.form-group .field-error{display:block;margin-top:.375rem;font-size:.8125rem;color:#ef4444;font-weight:500}.form-group .helper-text{display:block;margin-top:.375rem;font-size:.8125rem;color:#6b7280}.PhoneInput{width:100%;display:flex;align-items:center;border:1.5px solid #e5e7eb;border-radius:10px;padding:.875rem 1rem;background:#fff;transition:all .2s ease}.PhoneInput:hover{border-color:#d1d5db}.PhoneInput:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614}.PhoneInput.phone-input-error{border-color:#ef4444}.PhoneInput.phone-input-error:focus-within{box-shadow:0 0 0 4px #ef444414}.PhoneInput .PhoneInputCountry{margin-right:.75rem;display:flex;align-items:center;gap:.5rem}.PhoneInput .PhoneInputCountryIcon{width:24px;height:18px;border-radius:2px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.PhoneInput .PhoneInputCountrySelect{border:none;background:transparent;font-size:.9375rem;color:#1a2332;cursor:pointer;padding:0;margin:0}.PhoneInput .PhoneInputCountrySelect:focus{outline:none}.PhoneInput .PhoneInputCountrySelectArrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #6b7280;margin-left:.25rem}.PhoneInput input.PhoneInputInput{border:none;background:transparent;font-size:.9375rem;color:#1a2332;flex:1;padding:0;font-family:inherit}.PhoneInput input.PhoneInputInput::placeholder{color:#9ca3af}.PhoneInput input.PhoneInputInput:focus{outline:none}.template-selection-new .template-count-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border-radius:20px;font-size:.875rem;font-weight:600;float:right;margin-top:-2.5rem}.template-selection-new .search-box{position:relative;margin-bottom:1.5rem}.template-selection-new .search-box svg{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:18px;height:18px}.template-selection-new .search-box input{width:100%;padding:.875rem 1rem .875rem 3rem;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.9375rem;background:#f9fafb;transition:all .2s ease}.template-selection-new .search-box input::placeholder{color:#9ca3af}.template-selection-new .search-box input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.template-selection-new .category-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.template-selection-new .category-btn{padding:.5rem 1.125rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;white-space:nowrap}.template-selection-new .category-btn:hover{border-color:#3b82f6;background:#eff6ff}.template-selection-new .category-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff;box-shadow:0 2px 8px #ff6b354d}.template-selection-new .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}@media (max-width: 840px){.template-selection-new .templates-grid{grid-template-columns:1fr}}.template-selection-new .template-card-new{background:#fff;border:2px solid #3b82f6;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.template-selection-new .template-card-new:hover{transform:translateY(-4px);box-shadow:0 12px 24px #3b82f626}.template-selection-new .template-card-new.selected{background:#eff6ff;box-shadow:0 8px 20px #3b82f633}.template-selection-new .template-card-new .checkbox{position:absolute;top:1.25rem;left:1.25rem;width:20px;height:20px;border-radius:4px;border:2px solid #3b82f6;background:#fff;display:flex;align-items:center;justify-content:center}.template-selection-new .template-card-new .checkbox.checked{background:#3b82f6}.template-selection-new .template-card-new .checkbox.checked svg{color:#fff;width:14px;height:14px}.template-selection-new .template-card-new h3{font-size:1.125rem;font-weight:600;color:#1a2332;margin:0 0 .5rem}.template-selection-new .template-card-new p{font-size:.875rem;color:#6b7280;line-height:1.6;margin:0 0 1rem}.template-selection-new .template-card-new .card-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.template-selection-new .template-card-new .tag{display:inline-block;padding:.375rem .75rem;background:#fef3e2;color:#ff6b35;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.template-selection-new .template-card-new .preview-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.template-selection-new .template-card-new .preview-btn:hover{background:#e55a28;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.template-selection-new .template-card-new .preview-btn svg{width:16px;height:16px}.navigation,.onboarding-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:0;border-top:none}.navigation .step-indicator,.onboarding-navigation .step-indicator{font-size:.875rem;color:#9ca3af;font-weight:500}.navigation .nav-button,.onboarding-navigation .nav-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.navigation .nav-button.secondary,.onboarding-navigation .nav-button.secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.navigation .nav-button.secondary:hover:not(:disabled),.onboarding-navigation .nav-button.secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.navigation .nav-button.primary,.onboarding-navigation .nav-button.primary{background:#3b82f6;color:#fff}.navigation .nav-button.primary:hover:not(:disabled),.onboarding-navigation .nav-button.primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.navigation .nav-button:disabled,.onboarding-navigation .nav-button:disabled{opacity:.5;cursor:not-allowed}.navigation .nav-button .button-icon,.onboarding-navigation .nav-button .button-icon{width:18px;height:18px}@media (max-width: 640px){.navigation,.onboarding-navigation{flex-direction:column-reverse}.navigation .nav-button,.onboarding-navigation .nav-button{width:100%;justify-content:center}.navigation .step-indicator,.onboarding-navigation .step-indicator{order:-1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{position:absolute;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;border-radius:16px;z-index:100}.loading-overlay .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay p{color:#6b7280;font-size:.9375rem}.success-message{padding:1rem 1.25rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1.5px solid #6ee7b7;border-radius:12px;color:#065f46;font-size:.9375rem;font-weight:500;margin-top:1.5rem;display:flex;align-items:center;gap:.75rem;animation:slide-down .3s ease-out;box-shadow:0 4px 12px #10b98126}.success-message svg{flex-shrink:0;width:20px;height:20px;color:#059669}.success-message span{flex:1}.error-message{padding:1rem 1.25rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1.5px solid #fca5a5;border-radius:12px;color:#991b1b;font-size:.9375rem;font-weight:500;margin-top:1.5rem;display:flex;align-items:center;gap:.75rem;animation:slide-down .3s ease-out;box-shadow:0 4px 12px #ef444426}.error-message svg{flex-shrink:0;width:20px;height:20px;color:#dc2626}.error-message span{flex:1}.template-enriched-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1.5px solid #93c5fd;border-radius:12px;color:#1e40af;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;box-shadow:0 2px 8px #3b82f626}.template-enriched-badge span{display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.onboarding-container{padding:1rem}.business-type-grid{grid-template-columns:1fr}.template-selection-new .template-count-badge{float:none;margin:1rem 0}.template-selection-new .templates-grid{gap:1rem}}.dashboard-new{padding:2rem;background:#f5f5f5;min-height:100vh;font-family:Inter,sans-serif}.dashboard-new .dashboard-header{margin-bottom:2rem}.dashboard-new .dashboard-header h1{font-size:2rem;font-weight:700;color:#2c3e50;margin:0}.dashboard-new .dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.dashboard-new .dashboard-grid .grid-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.dashboard-new .dashboard-grid .grid-section h2{font-size:1.25rem;font-weight:600;color:#2c3e50;margin:0 0 1.5rem}.dashboard-new .dashboard-grid .grid-section.performance{grid-column:span 8}.dashboard-new .dashboard-grid .grid-section.products{grid-column:span 4}.dashboard-new .dashboard-grid .grid-section.orders{grid-column:span 8}.dashboard-new .dashboard-grid .grid-section.sales,.dashboard-new .dashboard-grid .grid-section.actions{grid-column:span 4}.dashboard-new .loading-state,.dashboard-new .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.dashboard-new .loading-state .loading-icon,.dashboard-new .error-state .loading-icon{animation:spin 1s linear infinite;color:#f39c12;width:48px;height:48px;margin-bottom:1rem}.dashboard-new .loading-state p,.dashboard-new .error-state p{color:#666;font-size:1rem}.dashboard-new .loading-state .retry-button,.dashboard-new .error-state .retry-button{margin-top:1rem;padding:.75rem 1.5rem;background:#f39c12;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.dashboard-new .loading-state .retry-button:hover,.dashboard-new .error-state .retry-button:hover{background:#e67e22;transform:translateY(-2px)}.performance-globale .kpi-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.performance-globale .kpi-cards.loading .kpi-card.skeleton .skeleton-title,.performance-globale .kpi-cards.loading .kpi-card.skeleton .skeleton-value,.performance-globale .kpi-cards.loading .kpi-card.skeleton .skeleton-change{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.performance-globale .kpi-cards.loading .kpi-card.skeleton .skeleton-title{width:60%;height:16px;margin-bottom:1rem}.performance-globale .kpi-cards.loading .kpi-card.skeleton .skeleton-value{width:80%;height:32px;margin-bottom:.5rem}.performance-globale .kpi-cards.loading .kpi-card.skeleton .skeleton-change{width:40%;height:16px}.performance-globale .kpi-cards .kpi-card{padding:1.25rem;border-radius:12px;border:2px solid #e0e0e0;transition:all .3s}.performance-globale .kpi-cards .kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.performance-globale .kpi-cards .kpi-card.blue{border-color:#2c3e5033}.performance-globale .kpi-cards .kpi-card.blue .kpi-icon{background:#2c3e501a;color:#2c3e50}.performance-globale .kpi-cards .kpi-card.orange{border-color:#f39c1233}.performance-globale .kpi-cards .kpi-card.orange .kpi-icon{background:#f39c121a;color:#f39c12}.performance-globale .kpi-cards .kpi-card.green{border-color:#10b98133}.performance-globale .kpi-cards .kpi-card.green .kpi-icon{background:#10b9811a;color:#10b981}.performance-globale .kpi-cards .kpi-card .kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.performance-globale .kpi-cards .kpi-card .kpi-header .kpi-title{font-size:.875rem;color:#666;font-weight:500}.performance-globale .kpi-cards .kpi-card .kpi-header .kpi-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.performance-globale .kpi-cards .kpi-card .kpi-header .kpi-icon svg{width:20px;height:20px}.performance-globale .kpi-cards .kpi-card .kpi-value{font-size:1.75rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.performance-globale .kpi-cards .kpi-card .kpi-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.performance-globale .kpi-cards .kpi-card .kpi-change.up{color:#10b981}.performance-globale .kpi-cards .kpi-card .kpi-change.down{color:#ef4444}.performance-globale .error-message{text-align:center;color:#ef4444;padding:2rem}.produits-populaires .products-list{display:flex;flex-direction:column;gap:1rem}.produits-populaires .products-list.loading .product-item.skeleton .skeleton-image,.produits-populaires .products-list.loading .product-item.skeleton .skeleton-name,.produits-populaires .products-list.loading .product-item.skeleton .skeleton-sales{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.produits-populaires .products-list.loading .product-item.skeleton .skeleton-image{width:60px;height:60px}.produits-populaires .products-list.loading .product-item.skeleton .skeleton-name{width:120px;height:16px;margin-bottom:.5rem}.produits-populaires .products-list.loading .product-item.skeleton .skeleton-sales{width:80px;height:14px}.produits-populaires .products-list .product-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e0e0e0;border-radius:12px;transition:all .2s}.produits-populaires .products-list .product-item:hover{border-color:#f39c12;box-shadow:0 4px 12px #f39c121a}.produits-populaires .products-list .product-item .product-rank{width:32px;height:32px;border-radius:8px;background:#f39c12;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.produits-populaires .products-list .product-item .product-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f5f5f5}.produits-populaires .products-list .product-item .product-image img{width:100%;height:100%;object-fit:cover}.produits-populaires .products-list .product-item .product-image .placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#666}.produits-populaires .products-list .product-item .product-info{flex:1}.produits-populaires .products-list .product-item .product-info h4{font-size:1rem;font-weight:600;color:#2c3e50;margin:0 0 .25rem}.produits-populaires .products-list .product-item .product-info .product-sales{font-size:.875rem;color:#666;margin:0}.produits-populaires .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#666}.produits-populaires .empty-state svg{margin-bottom:1rem;opacity:.5}.dernieres-commandes .orders-table .table-header{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;gap:1rem;padding:.75rem 1rem;background:#f5f5f5;border-radius:8px;margin-bottom:.5rem}.dernieres-commandes .orders-table .table-header .th{font-size:.875rem;font-weight:600;color:#666}.dernieres-commandes .orders-table .table-body{display:flex;flex-direction:column;gap:.5rem}.dernieres-commandes .orders-table .table-body .order-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;gap:1rem;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s}.dernieres-commandes .orders-table .table-body .order-row:hover{border-color:#f39c12;box-shadow:0 2px 8px #f39c121a}.dernieres-commandes .orders-table .table-body .order-row.skeleton .skeleton-cell{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;height:20px}.dernieres-commandes .orders-table .table-body .order-row .td{display:flex;align-items:center;font-size:.875rem;color:#2c3e50}.dernieres-commandes .orders-table .table-body .order-row .td.order-id{font-family:Courier New,monospace;font-weight:600}.dernieres-commandes .orders-table .table-body .order-row .td .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.dernieres-commandes .orders-table .table-body .order-row .td .status-badge.status-pending{background:#f59e0b1a;color:#f59e0b}.dernieres-commandes .orders-table .table-body .order-row .td .status-badge.status-processing{background:#3b82f61a;color:#3b82f6}.dernieres-commandes .orders-table .table-body .order-row .td .status-badge.status-completed{background:#10b9811a;color:#10b981}.dernieres-commandes .orders-table .table-body .order-row .td .status-badge.status-cancelled{background:#ef44441a;color:#ef4444}.dernieres-commandes .orders-table .table-body .order-row .td .action-btn{padding:.5rem;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.dernieres-commandes .orders-table .table-body .order-row .td .action-btn:hover{border-color:#f39c12;background:#f39c120d;color:#f39c12}.dernieres-commandes .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#666}.dernieres-commandes .empty-state svg{margin-bottom:1rem;opacity:.5}.ventes-semaine .chart-container.loading .skeleton-chart{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.ventes-semaine .error-message,.ventes-semaine .empty-state{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#666;font-size:.875rem}.ventes-semaine .error-message{color:#ef4444}.actions-rapides .actions-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.actions-rapides .actions-buttons .action-btn{padding:.875rem 1.25rem;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s}.actions-rapides .actions-buttons .action-btn.primary{background:#f39c12;color:#fff}.actions-rapides .actions-buttons .action-btn.primary:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.actions-rapides .actions-buttons .action-btn.secondary{background:#2c3e50;color:#fff}.actions-rapides .actions-buttons .action-btn.secondary:hover{background:#1a252f;transform:translateY(-2px);box-shadow:0 4px 12px #2c3e504d}.actions-rapides .actions-buttons .action-btn.success{background:#10b981;color:#fff}.actions-rapides .actions-buttons .action-btn.success:hover{background:#0c8a60;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.actions-rapides .qr-section{padding:1.25rem;background:#f5f5f5;border-radius:12px;display:flex;align-items:center;gap:1rem}.actions-rapides .qr-section .qr-code{width:140px;height:140px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid #e0e0e0;padding:.5rem;box-shadow:0 2px 8px #0000000d}.actions-rapides .qr-section .qr-code svg{width:100%;height:100%}.actions-rapides .qr-section .qr-info{flex:1}.actions-rapides .qr-section .qr-info h4{font-size:.95rem;font-weight:600;color:#2c3e50;margin:0 0 .25rem}.actions-rapides .qr-section .qr-info p{font-size:.8rem;color:#666;margin:0 0 .5rem}.actions-rapides .qr-section .qr-info .shop-url{font-size:.7rem;color:#2c3e50;font-family:monospace;word-break:break-all;display:block;padding:.25rem .5rem;background:#2c3e500d;border-radius:4px;border-left:2px solid #2c3e50;margin:0 0 .75rem}.actions-rapides .qr-section .qr-info .download-qr-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#2c3e50;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.actions-rapides .qr-section .qr-info .download-qr-btn:hover{background:#1a252f;transform:translateY(-1px);box-shadow:0 2px 8px #2c3e504d}.actions-rapides .qr-section .qr-info .download-qr-btn:active{transform:translateY(0)}.actions-rapides .qr-section .qr-info .download-qr-btn svg{width:14px;height:14px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (max-width: 1200px){.dashboard-new .dashboard-grid .grid-section.performance,.dashboard-new .dashboard-grid .grid-section.products,.dashboard-new .dashboard-grid .grid-section.orders,.dashboard-new .dashboard-grid .grid-section.sales,.dashboard-new .dashboard-grid .grid-section.actions{grid-column:span 12}.dashboard-new .performance-globale .kpi-cards{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-new{padding:1rem}.dashboard-new .dashboard-header h1{font-size:1.5rem}.dashboard-new .dernieres-commandes .orders-table .table-header,.dashboard-new .dernieres-commandes .orders-table .table-body .order-row{grid-template-columns:1fr;gap:.5rem}.dashboard-new .dernieres-commandes .orders-table .table-header{display:none}.dashboard-new .dernieres-commandes .orders-table .table-body .order-row .td{justify-content:space-between}.dashboard-new .dernieres-commandes .orders-table .table-body .order-row .td:before{content:attr(data-label);font-weight:600;color:#666}}.dashboard-container{min-height:100vh;background:var(--background)}.view-toggle{padding:2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #2237731a,inset 0 1px #ffffffe6;margin-bottom:2rem;position:relative;overflow:hidden}.view-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:toggle-shine 6s ease-in-out infinite}.view-toggle .toggle-buttons{display:flex;gap:1rem;margin-bottom:1rem}@media (max-width: 640px){.view-toggle .toggle-buttons{flex-direction:column}}.view-toggle .toggle-buttons .toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border-radius:16px;border:2px solid var(--border);background:#fff;color:var(--foreground);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.view-toggle .toggle-buttons .toggle-btn .toggle-icon{width:1.25rem;height:1.25rem;color:var(--muted-foreground);transition:all .3s ease}.view-toggle .toggle-buttons .toggle-btn .premium-badge{position:absolute;top:-8px;right:-8px;background:var(--gradient-action);background-size:200% 200%;animation:gradient-flow 3s ease infinite;color:#fff;font-size:.7rem;font-weight:800;padding:.25rem .5rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #f278304d;transform:rotate(12deg);opacity:0;transition:all .3s ease}.view-toggle .toggle-buttons .toggle-btn:hover{border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 8px 24px #2469a626}.view-toggle .toggle-buttons .toggle-btn:hover .toggle-icon{color:var(--primary-blue);transform:scale(1.1)}.view-toggle .toggle-buttons .toggle-btn.active{background:var(--gradient-primary);background-size:200% 200%;animation:gradient-flow 3s ease infinite;border-color:transparent;color:#fff;box-shadow:0 8px 24px #2469a64d,inset 0 2px 8px #fff3}.view-toggle .toggle-buttons .toggle-btn.active .toggle-icon{color:#fff;transform:scale(1.1)}.view-toggle .toggle-buttons .toggle-btn.active .premium-badge{opacity:1;animation:badge-bounce 2s ease-in-out infinite}.view-toggle .toggle-buttons .toggle-btn.active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:button-shine 2s ease-in-out}.view-toggle .view-description{text-align:center;color:var(--muted-foreground);font-size:.9rem;font-weight:500;padding:.5rem 0}.view-toggle .view-description p{margin:0;opacity:.8;transition:opacity .3s ease}.dashboard-content{animation:content-fade-in .6s ease-out}@keyframes toggle-shine{0%{left:-100%}to{left:100%}}@keyframes button-shine{0%{left:-100%}to{left:100%}}@keyframes badge-bounce{0%,to{transform:rotate(12deg) scale(1)}50%{transform:rotate(12deg) scale(1.1)}}@keyframes content-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.view-toggle{padding:1.5rem;margin-bottom:1.5rem}.view-toggle .toggle-buttons .toggle-btn{padding:.875rem 1.25rem;font-size:.9rem}.view-toggle .toggle-buttons .toggle-btn .toggle-icon{width:1.1rem;height:1.1rem}.view-toggle .view-description{font-size:.85rem}}.datasets-view{padding:2rem;max-width:1400px;margin:0 auto;animation:fade-in .5s ease-in}@media (max-width: 768px){.datasets-view{padding:1rem}}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}@media (max-width: 768px){.quick-actions{grid-template-columns:1fr;gap:1rem}}.action-card{background:#fff;border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--border);position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.action-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2469a633;border-color:var(--primary-blue)}.action-card:hover:before{transform:scaleX(1)}.action-card:hover .icon-container{background:var(--gradient-primary);transform:scale(1.1) rotate(5deg)}.action-card:hover .icon-container .icon{color:#fff}.action-card:active{transform:translateY(-2px)}.action-card .action-content{display:flex;align-items:center;gap:1rem}.action-card .action-content .icon-container{width:56px;height:56px;border-radius:12px;background:#f2f5fc;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card .action-content .icon-container .icon{width:28px;height:28px;color:var(--primary-blue);transition:color .3s ease}.action-card .action-content h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--foreground);line-height:1.3}.action-card .action-content p{margin:.25rem 0 0;font-size:.875rem;color:var(--muted-foreground)}.card{background:#fff;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:2rem;box-shadow:0 2px 8px #2237730a;transition:box-shadow .3s ease;overflow:hidden}.card:hover{box-shadow:0 4px 16px #22377314}.card .card-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:linear-gradient(to bottom,#fbfcfd,#fff);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.card .card-header{padding:1.25rem 1.5rem;flex-direction:column;align-items:stretch}}.card .card-header .card-title{font-size:1.5rem;font-weight:700;color:var(--foreground);background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;margin-bottom:.5rem}.card .card-header .card-description{font-size:.95rem;color:var(--muted-foreground);line-height:1.5;max-width:600px}.card .card-header .button,.card .card-header .button-danger,.card .card-header .button-secondary,.card .card-header .button-primary{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.card .card-content{padding:2rem}@media (max-width: 768px){.card .card-content{padding:1.5rem}}.form-group:last-of-type{margin-bottom:2rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:calc(var(--radius) - .25rem);font-size:.95rem;color:var(--foreground);background:#fff;transition:all .2s ease;font-family:inherit;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0065b01a;box-shadow:0 0 0 3px oklch(50% .15 250deg / .1)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted-foreground)}.form-group input:hover,.form-group textarea:hover{border-color:#b8bdcb}.form-group textarea{min-height:100px;line-height:1.6}.button,.button-danger,.button-secondary,.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;color:#fff;background:var(--gradient-action);background-size:200% 200%;border:none;border-radius:calc(var(--radius) - .25rem);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.button:before,.button-danger:before,.button-secondary:before,.button-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button:hover,.button-danger:hover,.button-secondary:hover,.button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f278304d;animation:gradient-flow 2s ease infinite}.button:hover:before,.button-danger:hover:before,.button-secondary:hover:before,.button-primary:hover:before{width:300px;height:300px}.button:active,.button-danger:active,.button-secondary:active,.button-primary:active{transform:translateY(0)}.button .icon,.button-danger .icon,.button-secondary .icon,.button-primary .icon{width:18px;height:18px;position:relative;z-index:1}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#f2f5fc;border:1px solid var(--border);border-radius:calc(var(--radius) - .25rem);cursor:pointer;transition:all .2s ease;color:var(--muted-foreground)}.icon-button:hover{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;transform:scale(1.05)}.icon-button:active{transform:scale(.95)}.icon-button.digital-action{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.icon-button.digital-action:hover{background:linear-gradient(135deg,#764ba2,#667eea);border-color:#764ba2;box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.icon-button.danger:hover{background:var(--destructive);border-color:var(--destructive);color:#fff}.icon-button .icon{width:18px;height:18px}.catalog-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center;justify-content:space-between}@media (max-width: 768px){.catalog-controls{flex-direction:column;align-items:stretch}}.catalog-controls .search-filter-group{display:flex;gap:1rem;flex:1;min-width:0}@media (max-width: 768px){.catalog-controls .search-filter-group{flex-direction:column}}.catalog-controls .search-filter-group .search-box{position:relative;flex:1;min-width:250px}.catalog-controls .search-filter-group .search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--border);border-radius:calc(var(--radius) - .25rem);font-size:.95rem;transition:all .2s ease}.catalog-controls .search-filter-group .search-box input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0065b01a;box-shadow:0 0 0 3px oklch(50% .15 250deg / .1);outline:none}.catalog-controls .search-filter-group .search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground);width:18px;height:18px}.catalog-controls .search-filter-group .filter-select{position:relative;min-width:180px}.catalog-controls .search-filter-group .filter-select select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid var(--border);border-radius:calc(var(--radius) - .25rem);font-size:.95rem;background:#fff;cursor:pointer;transition:all .2s ease;appearance:none}.catalog-controls .search-filter-group .filter-select select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0065b01a;box-shadow:0 0 0 3px oklch(50% .15 250deg / .1);outline:none}.catalog-controls .search-filter-group .filter-select select:hover{border-color:var(--primary-blue)}.catalog-controls .search-filter-group .filter-select:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--muted-foreground);pointer-events:none}.catalog-controls .view-switcher{display:flex;gap:.5rem;background:#f2f5fc;padding:.25rem;border-radius:calc(var(--radius) - .25rem);border:1px solid var(--border)}.catalog-controls .view-switcher button{padding:.5rem .75rem;background:transparent;border:none;border-radius:calc(var(--radius) - .5rem);cursor:pointer;transition:all .2s ease;color:var(--muted-foreground);display:flex;align-items:center;gap:.25rem}.catalog-controls .view-switcher button .icon{width:18px;height:18px}.catalog-controls .view-switcher button.active{background:#fff;color:var(--primary-blue);box-shadow:0 1px 3px #2237731a}.catalog-controls .view-switcher button:hover:not(.active){color:var(--primary-blue)}.products-stats{display:flex;gap:1rem;padding:1rem;background:#fbfcfd;border-radius:calc(var(--radius) - .25rem);margin-bottom:1.5rem;border:1px solid var(--border)}@media (max-width: 768px){.products-stats{flex-direction:column;gap:.75rem}}.products-stats .stat-item{flex:1;text-align:center;padding:.5rem;border-right:1px solid var(--border)}.products-stats .stat-item:last-child{border-right:none}.products-stats .stat-item .stat-label{font-size:.75rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.products-stats .stat-item .stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-blue)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}.product-grid .product-card{background:#fff;border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.product-grid .product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:1}.product-grid .product-card:hover{transform:translateY(-4px);border-color:var(--primary-blue);box-shadow:0 12px 28px #2469a626}.product-grid .product-card:hover:before{transform:scaleX(1)}.product-grid .product-card:hover .product-image-wrapper img{transform:scale(1.08)}.product-grid .product-card:hover .quick-actions{opacity:1;transform:translateY(0)}.product-grid .product-card .product-image-wrapper{position:relative;width:100%;padding-top:75%;background:#f2f5fc;overflow:hidden}.product-grid .product-card .product-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-grid .product-card .product-image-wrapper .stock-badge{position:absolute;top:.75rem;right:.75rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.product-grid .product-card .product-image-wrapper .stock-badge.in-stock{background:#65a33ce6;color:#fff}.product-grid .product-card .product-image-wrapper .stock-badge.low-stock{background:#e58212e6;color:#fff;animation:pulse-warning 2s ease-in-out infinite}.product-grid .product-card .product-image-wrapper .stock-badge.out-of-stock{background:#d40924e6;color:#fff}.product-grid .product-card .product-image-wrapper .quick-actions{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%) translateY(10px);display:flex;gap:.5rem;opacity:0;transition:all .3s ease}.product-grid .product-card .product-image-wrapper .quick-actions button{width:36px;height:36px;background:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.product-grid .product-card .product-image-wrapper .quick-actions button:hover{background:var(--primary-blue);color:#fff;transform:scale(1.1)}.product-grid .product-card .product-image-wrapper .quick-actions button .icon{width:16px;height:16px}.product-grid .product-card .product-info{padding:1.25rem}.product-grid .product-card .product-info .product-name{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem;line-height:1.3;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-grid .product-card .product-info .product-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.product-grid .product-card .product-info .product-meta .product-price{font-size:16px;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:8px}.product-grid .product-card .product-info .product-meta .product-price .original-price{font-size:14px;font-weight:400;color:#9ca3af;text-decoration:line-through}.product-grid .product-card .product-info .product-meta .product-stock{font-size:.875rem;color:var(--muted-foreground)}.product-grid .product-card .product-info .product-meta .product-stock span{font-weight:600}.product-grid .product-card .product-info .product-meta .product-stock span.low{color:var(--accent-orange)}.product-grid .product-card .product-info .product-meta .product-stock span.ok{color:var(--success)}.product-list{display:flex;flex-direction:column;gap:1rem}.product-list .product-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:#fff;border:2px solid var(--border);border-radius:var(--radius);transition:all .3s ease;position:relative}.product-list .product-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary);transform:scaleY(0);transition:transform .3s ease}.product-list .product-item:hover{border-color:var(--primary-blue);box-shadow:0 4px 16px #2469a61f;transform:translate(4px)}.product-list .product-item:hover:before{transform:scaleY(1)}.product-list .product-item:hover .product-image{transform:scale(1.05)}@media (max-width: 640px){.product-list .product-item{flex-direction:column;align-items:flex-start}}.product-list .product-item .product-image{width:80px;height:80px;object-fit:cover;border-radius:calc(var(--radius) - .25rem);border:2px solid var(--border);transition:transform .3s ease;flex-shrink:0}.product-list .product-item .product-info{flex:1;min-width:0}.product-list .product-item .product-info h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--foreground);line-height:1.3}.product-list .product-item .product-info .product-details{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.product-list .product-item .product-info .product-details .price{font-size:1rem;font-weight:700;color:var(--primary-blue)}.product-list .product-item .product-info .product-details .stock{font-size:.875rem;padding:.25rem .75rem;border-radius:9999px;font-weight:600}.product-list .product-item .product-info .product-details .stock.normal{background:#65a33c26;color:var(--success)}.product-list .product-item .product-info .product-details .stock.low{background:#e5821226;color:var(--accent-orange);animation:pulse-warning 2s ease-in-out infinite}.product-list .product-item .product-actions{display:flex;gap:.5rem;flex-shrink:0}@media (max-width: 640px){.product-list .product-item .product-actions{width:100%;justify-content:flex-end}}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem;background:#fbfcfd;border-radius:var(--radius);border:1px solid var(--border)}@media (max-width: 640px){.pagination{flex-direction:column;gap:1rem}}.pagination .pagination-info{font-size:.875rem;color:var(--muted-foreground)}.pagination .pagination-info strong{color:var(--primary-blue);font-weight:600}.pagination .pagination-controls{display:flex;gap:.5rem;align-items:center}.pagination .pagination-controls button{min-width:40px;height:40px;padding:0 .75rem;background:#fff;border:1px solid var(--border);border-radius:calc(var(--radius) - .25rem);cursor:pointer;transition:all .2s ease;font-weight:500;color:var(--foreground)}.pagination .pagination-controls button:hover:not(:disabled){background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.pagination .pagination-controls button.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;font-weight:600}.pagination .pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.pagination .pagination-controls button .icon{width:16px;height:16px}.pagination .pagination-controls .page-dots{padding:0 .5rem;color:var(--muted-foreground)}.faq-list{display:grid;gap:1rem;margin-top:1rem}.faq-item{padding:1.25rem;background:#fbfcfd;border:1px solid var(--border);border-radius:calc(var(--radius) - .25rem);border-left:4px solid var(--primary-blue);transition:all .2s ease}.faq-item:hover{border-left-color:var(--accent-orange-bright);box-shadow:0 2px 8px #2469a614;transform:translate(2px)}.faq-item .question{margin:0 0 .75rem;font-weight:600;font-size:.95rem;color:var(--foreground);line-height:1.5}.faq-item .question:before{content:"Q: ";color:var(--primary-blue);font-weight:700}.faq-item .answer{margin:0;font-size:.9rem;color:var(--muted-foreground);line-height:1.6;padding-left:1.5rem;position:relative}.faq-item .answer:before{content:"R: ";position:absolute;left:0;color:var(--accent-orange);font-weight:700}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-warning{0%,to{box-shadow:0 0 #f2972766}50%{box-shadow:0 0 0 4px #f2972700}}@media (max-width: 640px){.card-header .button,.card-header .button-danger,.card-header .button-secondary,.card-header .button-primary{width:100%;justify-content:center}.form-group{margin-bottom:1.25rem}.catalog-controls .view-switcher{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .3s ease-out}.modal-overlay .modal-content{background:#fff;border-radius:var(--radius);max-width:800px;max-height:90vh;width:90%;overflow:hidden;box-shadow:0 25px 50px #00000040;animation:modal-slide-in .3s ease-out;display:flex;flex-direction:column}.modal-overlay .modal-content .modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-content .modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--foreground)}.modal-overlay .modal-content .modal-header .close-button{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:50%;color:var(--muted-foreground);transition:all .2s ease}.modal-overlay .modal-content .modal-header .close-button:hover{background:#f2f5fc;color:var(--foreground)}.modal-overlay .modal-content .modal-header .close-button .icon{width:20px;height:20px}.modal-overlay .modal-content .modal-body{padding:2rem;overflow-y:auto;max-height:60vh}.modal-overlay .modal-content .modal-body .form-section{margin-bottom:2rem}.modal-overlay .modal-content .modal-body .form-section:last-child{margin-bottom:0}.modal-overlay .modal-content .modal-body .form-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--primary-blue);border-bottom:2px solid var(--primary-blue);padding-bottom:.5rem}.modal-overlay .modal-content .modal-body .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.modal-overlay .modal-content .modal-body .form-grid{grid-template-columns:1fr;gap:1rem}}.modal-overlay .modal-content .modal-body .form-row{display:flex;gap:1rem}@media (max-width: 768px){.modal-overlay .modal-content .modal-body .form-row{flex-direction:column}}.modal-overlay .modal-content .modal-body .form-row .form-group{flex:1}.modal-overlay .modal-content .modal-body .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:calc(var(--radius) - .25rem);transition:background .2s ease}.modal-overlay .modal-content .modal-body .checkbox-label:hover{background:#f2f5fc}.modal-overlay .modal-content .modal-body .checkbox-label input[type=checkbox]{width:auto;margin:0}.modal-overlay .modal-content .modal-body .tags-input{margin-bottom:1rem}.modal-overlay .modal-content .modal-body .tags-input input{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:calc(var(--radius) - .25rem)}.modal-overlay .modal-content .modal-body .tags-input input:focus{border-color:var(--primary-blue);outline:none}.modal-overlay .modal-content .modal-body .tags-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.modal-overlay .modal-content .modal-body .tags-display .tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--primary-blue);color:#fff;border-radius:9999px;font-size:.875rem}.modal-overlay .modal-content .modal-body .tags-display .tag .tag-remove{background:none;border:none;color:#fff;cursor:pointer;padding:0;margin-left:.25rem;font-size:1rem;line-height:1}.modal-overlay .modal-content .modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.modal-overlay .modal-content .modal-footer{flex-direction:column}}.spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fbfcfd;border:1px solid var(--border);border-radius:calc(var(--radius) - .25rem);margin-bottom:1rem}@media (max-width: 768px){.bulk-actions{flex-direction:column;gap:1rem;align-items:stretch}}.bulk-actions .selection-info{font-weight:600;color:var(--primary-blue)}.bulk-actions .bulk-buttons{display:flex;gap:.5rem}@media (max-width: 768px){.bulk-actions .bulk-buttons{justify-content:center}}.product-checkbox{position:absolute;top:.75rem;left:.75rem;width:18px;height:18px;border:2px solid var(--border);border-radius:4px;background:#fff;cursor:pointer;z-index:2;transition:all .2s ease}.product-checkbox:checked{background:var(--primary-blue);border-color:var(--primary-blue)}.product-checkbox:checked:after{content:"✓";display:block;color:#fff;font-size:12px;font-weight:700;text-align:center;line-height:14px}.product-checkbox:hover{border-color:var(--primary-blue)}.product-card{position:relative}.product-card .product-checkbox:checked~.product-image-wrapper:before{content:"";position:absolute;inset:0;background:#2469a61a;z-index:1;pointer-events:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-container .spinner{width:40px;height:40px;border:4px solid var(--border);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:var(--muted-foreground);font-size:1.125rem}.error-message{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#fff6f51a;background:oklch(98% .02 25deg / .1);border:1px solid oklch(80% .1 25deg);border-radius:var(--radius);color:#ca5551;text-align:center}.error-message p{margin:0;font-size:1rem}.form-help{font-size:.875rem;color:var(--muted-foreground);margin-top:.25rem;line-height:1.4}.error{border-color:#ca5551!important;box-shadow:0 0 0 3px #ca55511a!important}.error-message{color:#ca5551;font-size:.875rem;margin-top:.25rem}.button-primary{background:var(--gradient-primary)}.button-secondary{background:#f2f5fc;color:var(--foreground);border:1px solid var(--border)}.button-secondary:hover{background:#e9eefc;border-color:var(--primary-blue)}.button-danger{background:linear-gradient(135deg,#ca5551,#cc272e);color:#fff}.button-danger:hover{background:linear-gradient(135deg,#cc272e,#cd0e24,#c8001f 50%,#bc001d);background:linear-gradient(135deg,#cc272e,#cd0e24,color(xyz 0.249 0.123 0.019) 50%,color(xyz 0.236 0.103 0.003))}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{transform:scale(.95) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.alert{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-radius:var(--radius);margin-bottom:1.5rem;animation:slide-in-down .3s ease-out;box-shadow:0 4px 12px #0000001a}.alert p{margin:0;font-size:.95rem;font-weight:500;flex:1}.alert button{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .5rem;opacity:.7;transition:opacity .2s ease}.alert button:hover{opacity:1}.alert.alert-success{background:#caffca;background:oklch(95% .1 145deg);border:2px solid oklch(65% .15 135deg);color:#295400;color:oklch(40% .15 135deg)}.alert.alert-success button{color:#295400;color:oklch(40% .15 135deg)}.alert.alert-error{background:#ffe5e1;background:oklch(95% .08 25deg);border:2px solid oklch(60% .15 25deg);color:#861118}.alert.alert-error button{color:#861118}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.danger-zone-card{border:2px solid oklch(60% .15 25deg);background:snow;background:oklch(99% .01 25deg)}.danger-zone-card .card-header{background:linear-gradient(to bottom,#fff6f5,#fffbfa);background:linear-gradient(to bottom,color(xyz 0.921 0.935 0.969),color(xyz 0.935 0.967 1.028));border-bottom-color:#ca5551}.danger-zone-card .danger-title{display:flex;align-items:center;gap:.5rem;color:#bb061e}.danger-zone-card .danger-title .icon{width:24px;height:24px}.danger-zone-content{display:grid;gap:1.5rem}@media (min-width: 768px){.danger-zone-content{grid-template-columns:repeat(2,1fr)}}.danger-action-card{padding:1.5rem;border:2px solid oklch(70% .12 25deg);border-radius:calc(var(--radius) - .25rem);background:#fff;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.danger-action-card:hover{border-color:#ca5551;box-shadow:0 4px 12px #ef444426}.danger-action-card h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--foreground)}.danger-action-card .danger-warning{margin:.5rem 0;padding:.75rem;background:#fff1f0;background:oklch(97% .03 25deg);border-left:4px solid oklch(60% .15 25deg);border-radius:4px;font-size:.875rem;line-height:1.5;color:#861118}.danger-action-card .danger-warning strong{font-weight:700}.danger-action-card .danger-list{margin:.75rem 0;padding-left:1.25rem;list-style:none}.danger-action-card .danger-list li{margin:.5rem 0;font-size:.875rem;color:var(--muted-foreground);line-height:1.5}.danger-action-card .danger-list li:before{content:"";display:inline-block;width:4px;height:4px;background:#ca5551;border-radius:50%;margin-right:.5rem}.danger-action-card button{margin-top:auto}.danger-modal{max-width:600px;border:3px solid oklch(60% .15 25deg);box-shadow:0 20px 60px #ef444466;display:flex;flex-direction:column}.danger-modal .modal-header{background:linear-gradient(135deg,#fff5f3,#fffbfa);background:linear-gradient(135deg,color(xyz 0.934 0.932 0.942),color(xyz 0.935 0.967 1.028));border-bottom:2px solid oklch(60% .15 25deg)}.danger-modal .modal-header h2{display:flex;align-items:center;gap:.75rem;color:#bb061e;font-size:1.5rem}.danger-modal .modal-header h2 .icon{width:28px;height:28px;animation:pulse-warning 2s ease-in-out infinite}.danger-modal .modal-header .close-button{background:#f2f5fc}.danger-modal .modal-header .close-button:hover{background:#ca5551;color:#fff}.danger-modal .modal-body{padding:2rem;background:#fff}.danger-modal .modal-footer{background:#fbfcfd;border-top:1px solid var(--border)}.danger-confirmation-step h3{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:var(--foreground)}.danger-confirmation-step p{margin:.5rem 0;color:var(--muted-foreground);line-height:1.6}.danger-warning-box{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#fff5f3,#fff1f0);background:linear-gradient(135deg,color(xyz 0.934 0.932 0.942),color(xyz 0.906 0.903 0.913));border:3px solid oklch(60% .15 25deg);border-radius:calc(var(--radius) - .25rem);margin:1.5rem 0;box-shadow:0 4px 12px #ef444426;animation:shake .5s ease-in-out}.danger-warning-box .icon{width:40px;height:40px;color:#ca5551;flex-shrink:0;animation:pulse-warning 2s ease-in-out infinite}.danger-warning-box p{margin:.25rem 0;color:#74000c;color:oklch(35% .15 25deg);font-size:.95rem;line-height:1.6}.danger-warning-box p strong{font-weight:700;color:#bb061e;font-size:1.05rem}.danger-consequences{margin:1.5rem 0;padding:1.25rem;background:#fbfcfd;border-radius:calc(var(--radius) - .25rem);border:1px solid var(--border)}.danger-consequences h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--foreground)}.danger-consequences ul{margin:0;padding-left:1.5rem;list-style:none}.danger-consequences ul li{margin:.5rem 0;font-size:.875rem;color:var(--muted-foreground);line-height:1.5;position:relative}.danger-consequences ul li:before{content:"";position:absolute;left:-1.25rem;top:.5rem;width:6px;height:6px;background:var(--primary-blue);border-radius:50%}.confirmation-code{margin:1.5rem 0;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#090b0f,#14161b);border:3px dashed oklch(60% .15 25deg);border-radius:calc(var(--radius) - .25rem);text-align:center;font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;color:#ca5551;letter-spacing:3px;box-shadow:0 0 0 4px #fff1f0,0 4px 12px #ef444433;box-shadow:0 0 0 4px oklch(97% .03 25deg),0 4px 12px #ef444433;animation:pulse-glow 2s ease-in-out infinite;-webkit-user-select:all;user-select:all;cursor:pointer;transition:all .3s ease}.confirmation-code:hover{transform:scale(1.02);box-shadow:0 0 0 4px #fff1f0,0 6px 16px #ef44444d;box-shadow:0 0 0 4px oklch(97% .03 25deg),0 6px 16px #ef44444d}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 4px #fff1f0,0 4px 12px #ef444433;box-shadow:0 0 0 4px oklch(97% .03 25deg),0 4px 12px #ef444433}50%{box-shadow:0 0 0 4px #fff1f0,0 4px 20px #ef444466,0 0 30px #ef444433;box-shadow:0 0 0 4px oklch(97% .03 25deg),0 4px 20px #ef444466,0 0 30px #ef444433}}.danger-input{width:100%;padding:1rem 1.25rem;border:3px solid var(--border);border-radius:calc(var(--radius) - .25rem);font-size:1.125rem;font-family:Courier New,monospace;font-weight:600;text-align:center;letter-spacing:2px;transition:all .3s ease;background:#fbfcfd}.danger-input:focus{outline:none;border-color:#ca5551;box-shadow:0 0 0 4px #ca555126,0 4px 12px #ef444433;background:#fff;transform:scale(1.01)}.danger-input::placeholder{font-family:inherit;font-weight:400;letter-spacing:normal;color:var(--muted-foreground);opacity:.6}.danger-input:not(:placeholder-shown){border-color:#ca5551;background:#fff6f5;background:oklch(98% .02 25deg)}.error-text{margin:.75rem 0 0;padding:.5rem 1rem;background:#fff1f0;background:oklch(97% .03 25deg);border-left:4px solid oklch(60% .15 25deg);border-radius:4px;color:#bb061e;font-size:.875rem;font-weight:600;text-align:left;display:flex;align-items:center;gap:.5rem;animation:shake .3s ease-in-out}.error-text:before{content:"⚠️";font-size:1rem}@media (max-width: 768px){.modal-content{width:95%;margin:1rem}.modal-header,.modal-footer{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.form-grid{grid-template-columns:1fr!important}.form-row{flex-direction:column!important}.bulk-actions .bulk-buttons{flex-direction:column;width:100%}.bulk-actions .bulk-buttons button{width:100%;justify-content:center}}.product-detail-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#e8eaed,#f0f1f3)}.product-detail-overlay:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(156,163,175,.08) 60px,rgba(156,163,175,.08) 61px),repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(156,163,175,.08) 60px,rgba(156,163,175,.08) 61px),repeating-linear-gradient(45deg,transparent,transparent 120px,rgba(156,163,175,.04) 120px,rgba(156,163,175,.04) 122px);pointer-events:none}.product-detail-overlay:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 0% 0%,rgba(156,163,175,.12) 3px,transparent 3px),radial-gradient(circle at 100% 0%,rgba(156,163,175,.12) 3px,transparent 3px),radial-gradient(circle at 0% 100%,rgba(156,163,175,.12) 3px,transparent 3px),radial-gradient(circle at 100% 100%,rgba(156,163,175,.12) 3px,transparent 3px),radial-gradient(circle at 25% 25%,rgba(156,163,175,.06) 2px,transparent 2px),radial-gradient(circle at 75% 25%,rgba(156,163,175,.06) 2px,transparent 2px),radial-gradient(circle at 25% 75%,rgba(156,163,175,.06) 2px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(156,163,175,.06) 2px,transparent 2px);background-size:60px 60px;background-position:0 0;pointer-events:none}.product-detail-overlay{display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.product-detail-modal{background:#fff;border-radius:14px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;position:relative;z-index:1}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.window-controls{position:absolute;top:16px;left:16px;z-index:10}.window-controls .control-buttons{display:flex;gap:8px}.window-controls .control-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:all .2s}.window-controls .control-btn.close{background:#ff5f57}.window-controls .control-btn.close:hover{background:#ff4136}.window-controls .control-btn.minimize{background:#ffbd2e}.window-controls .control-btn.minimize:hover{background:#fa0}.window-controls .control-btn.maximize{background:#28ca42}.window-controls .control-btn.maximize:hover{background:#1fb834}.modal-header{padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0;padding-left:60px}.modal-header .close-button{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-header .close-button:hover{background:#f3f4f6;color:#1f2937}.modal-content{display:grid;grid-template-columns:380px 1fr;gap:24px;padding:24px;overflow-y:auto;flex:1}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-content h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.gallery-section .main-image-container{position:relative;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;overflow:hidden;aspect-ratio:1;margin-bottom:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.gallery-section .main-image-container .main-image{width:100%;height:100%;object-fit:cover}.gallery-section .main-image-container .no-image{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.gallery-section .main-image-container .no-image span{font-size:48px;margin-bottom:8px}.gallery-section .main-image-container .no-image p{margin:0;font-size:14px}.gallery-section .main-image-container .nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a;color:#374151}.gallery-section .main-image-container .nav-button:hover:not(:disabled){background:#fff;box-shadow:0 6px 16px #00000026;transform:translateY(-50%) scale(1.05);border-color:#3b82f6;color:#3b82f6}.gallery-section .main-image-container .nav-button:active:not(:disabled){transform:translateY(-50%) scale(.95)}.gallery-section .main-image-container .nav-button:disabled{opacity:.3;cursor:not-allowed}.gallery-section .main-image-container .nav-button.prev{left:12px}.gallery-section .main-image-container .nav-button.next{right:12px}.gallery-section .main-image-container .image-indicator{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.gallery-section .thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gallery-section .thumbnails .thumbnail{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s}.gallery-section .thumbnails .thumbnail:hover{border-color:#d1d5db}.gallery-section .thumbnails .thumbnail.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.gallery-section .thumbnails .thumbnail img{width:100%;height:100%;object-fit:cover}.gallery-section .thumbnails .thumbnail .primary-badge{position:absolute;top:4px;right:4px;background:#000000b3;border-radius:4px;padding:2px 4px;font-size:10px}.info-section .form-group{margin-bottom:16px}.info-section .form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.info-section .form-group label .optional{color:#9ca3af;font-weight:400;margin-left:4px}.info-section .form-group label .toggle-label{margin-left:8px;font-weight:400}.info-section .form-group .form-input,.info-section .form-group .form-textarea{width:100%;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 1px 2px #0000000d}.info-section .form-group .form-input:hover,.info-section .form-group .form-textarea:hover{border-color:#d1d5db}.info-section .form-group .form-input:focus,.info-section .form-group .form-textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px #0000001a}.info-section .form-group .form-input::placeholder,.info-section .form-group .form-textarea::placeholder{color:#9ca3af;font-weight:400}.info-section .form-group .form-textarea{resize:vertical;min-height:80px}.info-section .form-group .price-input-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;align-items:stretch}.info-section .form-group .price-input-group .form-input{flex:1;min-width:0}.info-section .form-group .price-input-group .form-input.price-input{font-size:16px;font-weight:500;padding:12px 16px;min-height:48px}.info-section .form-group .price-input-group .currency-select{padding:12px 16px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;background:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:140px;flex-shrink:0}.info-section .form-group .price-input-group .currency-select:hover{border-color:#d1d5db}.info-section .form-group .price-input-group .currency-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px #0000001a}.info-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-section .toggle-switch{position:relative;display:inline-block;width:44px;height:24px;margin-left:8px}.info-section .toggle-switch input{opacity:0;width:0;height:0}.info-section .toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.info-section .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.info-section .toggle-switch .toggle-slider{position:absolute}.info-section .toggle-switch .toggle-slider:before{transform:translate(20px)}.info-section .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.info-section .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.category-select-wrapper{position:relative}.category-select-wrapper select{width:100%;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.custom-category-input{display:flex;align-items:center;gap:8px}.custom-category-input input{flex:1}.custom-category-input .btn-cancel-custom{background:#ef4444;color:#fff;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.custom-category-input .btn-cancel-custom:hover{background:#dc2626;transform:scale(1.05)}.custom-category-input .btn-cancel-custom:active{transform:scale(.95)}.form-help{display:block;margin-top:4px;font-size:12px;color:#6b7280;font-style:italic}.product-type-badges{display:flex;gap:10px}.product-type-badges .type-badge{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;background:#f9fafb;color:#6b7280;border:1.5px solid #e5e7eb;transition:all .2s ease;cursor:default;box-shadow:0 1px 2px #0000000d}.product-type-badges .type-badge.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tags-container .tag{padding:6px 12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:#4b5563;border-radius:14px;font-size:12px;font-weight:500;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.tags-container .tag:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.metadata{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.metadata .metadata-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.metadata .metadata-item .metadata-label{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;background:#f9fafb;color:#6b7280;border:1.5px solid #e5e7eb;transition:all .2s ease;cursor:default;box-shadow:0 1px 2px #0000000d}.metadata .metadata-item .metadata-label.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633}.metadata .tags-container{display:flex;flex-wrap:wrap;gap:8px}.metadata .tags-container .tag{padding:6px 12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:#4b5563;border-radius:14px;font-size:12px;font-weight:500;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.metadata .tags-container .tag:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.metadata .metadata{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.metadata .metadata .metadata-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.metadata .metadata .metadata-item .metadata-label{color:#6b7280}.metadata .metadata .metadata-item .metadata-value{color:#1f2937;font-weight:500}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;gap:12px}.modal-footer button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.modal-footer button:disabled{opacity:.5;cursor:not-allowed}.modal-footer button .spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.modal-footer .btn-delete{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1.5px solid #fecaca;box-shadow:0 2px 4px #ef44441a}.modal-footer .btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 4px 8px #ef444426}.modal-footer .btn-delete:active:not(:disabled){transform:translateY(0)}.modal-footer .btn-save{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1.5px solid #3b82f6;box-shadow:0 2px 4px #3b82f633}.modal-footer .btn-save:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.modal-footer .btn-save:active:not(:disabled){transform:translateY(0)}@media (max-width: 768px){.product-detail-modal{max-width:100%;max-height:100vh;border-radius:0}.modal-content{grid-template-columns:1fr;gap:20px}.gallery-section .thumbnails{grid-template-columns:repeat(5,1fr)}.info-section .form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%;justify-content:center}}.settings-sidebar{background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:0 2px 8px #2237730a;height:fit-content;position:sticky;top:2rem;animation:slide-in-left .5s ease-out}@media (max-width: 768px){.settings-sidebar{position:static;animation:slide-up .5s ease-out}}.settings-sidebar .sidebar-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.settings-sidebar .sidebar-header h2{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-sidebar .sidebar-header p{font-size:.875rem;color:var(--muted-foreground);margin:0}.settings-sidebar .sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.settings-sidebar .sidebar-nav .nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:transparent;border:2px solid transparent;border-radius:calc(var(--radius) - .25rem);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;position:relative;overflow:hidden}.settings-sidebar .sidebar-nav .nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary);transform:scaleY(0);transition:transform .3s ease}.settings-sidebar .sidebar-nav .nav-item:hover{background:#fbfcfd;border-color:#0065b033;border-color:oklch(50% .15 250deg / .2);transform:translate(4px)}.settings-sidebar .sidebar-nav .nav-item:hover .nav-item-icon{transform:scale(1.1);background:linear-gradient(135deg,#0066ae26,#57719926,#8c777a26,#bb785226,#e4760026);background:linear-gradient(135deg,color(xyz 0.126 0.125 0.449 / 0.149),#8c777a26 50%,#bb785226,color(xyz 0.394 0.294 0.022 / 0.149))}.settings-sidebar .sidebar-nav .nav-item.active{background:linear-gradient(135deg,#0066ae14,#8c777a14,#e4760014);background:linear-gradient(135deg,color(xyz 0.126 0.125 0.449 / 0.078),#8c777a14,color(xyz 0.394 0.294 0.022 / 0.078));border-color:var(--primary-blue)}.settings-sidebar .sidebar-nav .nav-item.active:before{transform:scaleY(1)}.settings-sidebar .sidebar-nav .nav-item.active .nav-item-icon{background:var(--gradient-primary)}.settings-sidebar .sidebar-nav .nav-item.active .nav-item-icon svg{color:#fff}.settings-sidebar .sidebar-nav .nav-item.active .nav-item-label{color:var(--primary-blue);font-weight:600}.settings-sidebar .sidebar-nav .nav-item .nav-item-icon{width:40px;height:40px;border-radius:10px;background:#f1f2f3;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.settings-sidebar .sidebar-nav .nav-item .nav-item-icon svg{color:var(--primary-blue);transition:color .3s ease}.settings-sidebar .sidebar-nav .nav-item .nav-item-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.settings-sidebar .sidebar-nav .nav-item .nav-item-content .nav-item-label{font-size:.95rem;font-weight:500;color:var(--foreground);transition:color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-sidebar .sidebar-nav .nav-item .nav-item-content .nav-item-description{font-size:.8rem;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.dark .settings-sidebar{background:var(--card);box-shadow:0 2px 8px #0003}.dark .settings-sidebar .sidebar-header{border-bottom-color:var(--border)}.dark .settings-sidebar .sidebar-nav .nav-item:hover{background:#13192d;border-color:#0065b04d;border-color:oklch(50% .15 250deg / .3)}.dark .settings-sidebar .sidebar-nav .nav-item.active{background:linear-gradient(135deg,#0066ae1f,#8c777a1f 50%,#bb78521f,#e476001f);background:linear-gradient(135deg,color(xyz 0.126 0.125 0.449 / 0.122),#8c777a1f 50%,#bb78521f,color(xyz 0.394 0.294 0.022 / 0.122))}.dark .settings-sidebar .sidebar-nav .nav-item .nav-item-icon{background:#1a2135}.settings-content{animation:fade-in-up .5s ease-out}.settings-section{background:#fff;border-radius:var(--radius);box-shadow:0 2px 8px #2237730a;overflow:hidden;transition:all .3s ease}.settings-section:hover{box-shadow:0 4px 16px #22377314}.settings-section.danger-zone{border:2px solid oklch(55% .22 25deg / .3)}.settings-section.danger-zone .section-header{background:linear-gradient(to bottom,#d409240d,#fff);border-bottom-color:#d4092433}.settings-section.danger-zone .section-header .section-title h3{color:var(--destructive)}.settings-section .section-header{padding:2rem;border-bottom:2px solid var(--border);background:linear-gradient(to bottom,#fbfcfd,#fff)}.settings-section .section-header .section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.settings-section .section-header .section-title .icon{width:28px;height:28px;color:var(--primary-blue)}.settings-section .section-header .section-title h3{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0}.settings-section .section-header .section-description{font-size:.95rem;color:var(--muted-foreground);margin:0;line-height:1.5}.settings-section .section-content{padding:2rem}@media (max-width: 768px){.settings-section .section-content{padding:1.5rem}}.payment-method-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#fbfcfd;border:2px solid var(--border);border-radius:calc(var(--radius) - .25rem);margin-bottom:1rem;transition:all .3s ease;position:relative}.payment-method-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary);transform:scaleY(0);transition:transform .3s ease}.payment-method-item:hover{border-color:var(--primary-blue);background:#fff;box-shadow:0 2px 8px #2469a614;transform:translate(4px)}.payment-method-item:hover:before{transform:scaleY(1)}.payment-method-item:hover .icon-container{transform:scale(1.1)}.payment-method-item .payment-info{display:flex;align-items:center;gap:1rem}.payment-method-item .payment-info .icon-container{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0066ae1a,#8c777a1a,#e476001a);background:linear-gradient(135deg,color(xyz 0.126 0.125 0.449 / 0.102),#8c777a1a,color(xyz 0.394 0.294 0.022 / 0.102));display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.payment-method-item .payment-info .icon-container .icon{width:24px;height:24px;color:var(--primary-blue)}.payment-method-item .payment-info .name{margin:0;font-weight:600;font-size:1rem;color:var(--foreground)}.payment-method-item .payment-info .description{margin:.25rem 0 0;font-size:.875rem;color:var(--muted-foreground)}.notification-item,.security-item,.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border);transition:all .2s ease}.notification-item:last-of-type,.security-item:last-of-type,.setting-item:last-of-type{border-bottom:none;padding-bottom:0}.notification-item:first-of-type,.security-item:first-of-type,.setting-item:first-of-type{padding-top:0}.notification-item:hover,.security-item:hover,.setting-item:hover{padding-left:.5rem}.notification-item:hover .name,.security-item:hover .name,.setting-item:hover .name{color:var(--primary-blue)}.notification-item .name,.security-item .name,.setting-item .name{margin:0;font-weight:600;font-size:.95rem;color:var(--foreground);transition:color .2s ease}.notification-item .description,.security-item .description,.setting-item .description{margin:.25rem 0 0;font-size:.875rem;color:var(--muted-foreground);line-height:1.5}.subsection-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--foreground);margin:2rem 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.subsection-title:first-child{margin-top:0}.subsection-title .icon{width:20px;height:20px;color:var(--primary-blue)}.subsection-description{font-size:.9rem;color:var(--muted-foreground);margin:-.5rem 0 1.5rem;line-height:1.5}.section-divider{height:1px;background:linear-gradient(to right,transparent,var(--border),transparent);margin:2rem 0}.info-box{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#0065b00d;background:oklch(50% .15 250deg / .05);border:2px solid oklch(50% .15 250deg / .2);border-radius:calc(var(--radius) - .25rem);margin:1rem 0}.info-box .icon{width:24px;height:24px;color:var(--primary-blue);flex-shrink:0;margin-top:.125rem}.info-box p{margin:0;font-size:.9rem;color:var(--foreground);line-height:1.6}.form-group{margin-bottom:1.5rem;margin-top:1.5rem}.form-group:first-of-type{margin-top:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.95rem;color:var(--foreground)}.form-group .input-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--muted-foreground);font-style:italic}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:calc(var(--radius) - .25rem);font-size:.95rem;color:var(--foreground);background:#fff;transition:all .2s ease;font-family:inherit;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0065b01a;box-shadow:0 0 0 3px oklch(50% .15 250deg / .1)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--muted-foreground)}.form-group input:hover:not(:disabled),.form-group select:hover:not(:disabled),.form-group textarea:hover:not(:disabled){border-color:#b8bdcb}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group input[type=password],.form-group select[type=password],.form-group textarea[type=password]{letter-spacing:.2em}.form-group input[type=password]::placeholder,.form-group select[type=password]::placeholder,.form-group textarea[type=password]::placeholder{letter-spacing:normal}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:20px;padding-right:2.5rem}.switch{position:relative;width:52px;height:28px;appearance:none;background:#cbced4;border-radius:9999px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;flex-shrink:0}.switch:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.switch:hover:not(:disabled){background:#b8bdcb}.switch:checked{background:var(--gradient-primary)}.switch:checked:before{left:26px;box-shadow:0 2px 6px #2469a666}.switch:focus{outline:none;box-shadow:0 0 0 3px #0065b01a;box-shadow:0 0 0 3px oklch(50% .15 250deg / .1)}.switch:active:not(:disabled):before{width:24px}.switch:disabled{opacity:.5;cursor:not-allowed}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;color:#fff;background:var(--gradient-action);background-size:200% 200%;border:none;border-radius:calc(var(--radius) - .25rem);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin-top:1rem}.button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f278304d;animation:gradient-flow 2s ease infinite}.button:hover:not(:disabled):before{width:300px;height:300px}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.6;cursor:not-allowed}.button.full-width{width:100%;margin-top:1.5rem}.button.danger{background:var(--destructive);margin-right:1rem;margin-bottom:.5rem}.button.danger:hover:not(:disabled){background:#bc001d;background:oklch(50% .24 25deg);box-shadow:0 8px 20px #dc26264d;animation:none}.button.danger:last-child{margin-right:0}.button .icon{width:18px;height:18px;position:relative;z-index:1}.button .icon.spinning{animation:spin 1s linear infinite}.error-message,.success-message{padding:.75rem 1rem;border-radius:calc(var(--radius) - .25rem);font-size:.9rem;font-weight:500;margin-top:1rem}.error-message{background:#d409241a;color:var(--destructive);border-left:4px solid var(--destructive)}.success-message{background:#3a97421a;color:#005813;color:oklch(40% .15 145deg);border-left:4px solid oklch(60% .15 145deg)}.danger-action{padding:1.5rem;background:#d409240d;border:2px solid oklch(55% .22 25deg / .2);border-radius:calc(var(--radius) - .25rem);margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}@media (max-width: 640px){.danger-action{flex-direction:column;align-items:flex-start}}.danger-action .danger-info{flex:1}.danger-action .danger-info h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--destructive)}.danger-action .danger-info p{margin:0;font-size:.9rem;color:var(--muted-foreground);line-height:1.5}.danger-action .button{margin:0;flex-shrink:0}@media (max-width: 640px){.danger-action .button{width:100%}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease-out;padding:1rem}.modal-overlay .modal-content{background:#fff;border-radius:var(--radius);padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:scale-in .3s ease-out}.modal-overlay .modal-content h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:var(--foreground)}.modal-overlay .modal-content p{margin:0 0 1.5rem;color:var(--muted-foreground);line-height:1.6}.modal-overlay .modal-content .modal-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 640px){.modal-overlay .modal-content .modal-actions{flex-direction:column}}.modal-overlay .modal-content .modal-actions .button{margin:0}@media (max-width: 640px){.modal-overlay .modal-content .modal-actions .button{width:100%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content.danger-modal{max-width:550px}.modal-content.danger-modal .modal-icon-header{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1.5rem;background:#d409241a;border-radius:50%}.modal-content.danger-modal .modal-icon-header .icon{width:32px;height:32px;color:var(--destructive)}.modal-content.danger-modal h3{text-align:center;color:var(--destructive)}.modal-content.danger-modal .danger-list{margin:1rem 0 1.5rem 1.5rem;padding:0;list-style:none}.modal-content.danger-modal .danger-list li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--foreground);font-size:.95rem}.modal-content.danger-modal .danger-list li:before{content:"✗";position:absolute;left:0;color:var(--destructive);font-weight:700}.modal-content.danger-modal .warning-text{background:#d409241a;border-left:4px solid var(--destructive);padding:1rem;border-radius:calc(var(--radius) - .25rem);margin:1rem 0;font-size:.9rem}.modal-content.danger-modal .warning-text strong{color:var(--destructive)}.modal-content.danger-modal .form-group{margin-bottom:1.5rem;text-align:left}.modal-content.danger-modal .form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.95rem;color:var(--foreground)}.profile-photo-section{display:flex;align-items:flex-start;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.profile-photo-section{flex-direction:column;gap:1.5rem}}.profile-photo-section .profile-photo-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--border);background:#eceef5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-photo-section .profile-photo-preview .profile-photo-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.profile-photo-section .profile-photo-input{flex:1}.profile-photo-section .profile-photo-input .uploading-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:var(--primary-blue);font-size:.9rem}.kyc-status-section{margin-bottom:2rem}.kyc-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#eceef5;border:2px solid var(--border);border-radius:calc(var(--radius) - .25rem);font-weight:600;font-size:1rem;margin:1rem 0}.kyc-documents-list{display:flex;flex-direction:column;gap:1rem}.kyc-document-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#fbfcfd;border:2px solid var(--border);border-radius:calc(var(--radius) - .25rem);transition:all .3s ease}.kyc-document-card:hover{border-color:var(--primary-blue);box-shadow:0 2px 8px #2469a614}@media (max-width: 640px){.kyc-document-card{flex-direction:column;align-items:flex-start;gap:1rem}}.kyc-document-card .document-info{display:flex;align-items:flex-start;gap:1rem;flex:1}.kyc-document-card .document-info .icon{width:24px;height:24px;color:var(--primary-blue);flex-shrink:0;margin-top:.25rem}.kyc-document-card .document-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--foreground)}.kyc-document-card .document-info p{margin:0 0 .25rem;font-size:.9rem;color:var(--muted-foreground)}.kyc-document-card .document-info .document-date{font-size:.85rem;color:var(--muted-foreground);font-style:italic}.kyc-document-card .document-actions{display:flex;gap:.5rem;flex-shrink:0}@media (max-width: 640px){.kyc-document-card .document-actions{width:100%}.kyc-document-card .document-actions .button{flex:1}}.dark .profile-photo-preview,.dark .kyc-status-badge,.dark .kyc-document-card{background:#13192d}.dark .kyc-document-card:hover{background:#1a2135}.dark .info-box{background:#0065b014;background:oklch(50% .15 250deg / .08);border-color:#0065b04d;border-color:oklch(50% .15 250deg / .3)}.dark .settings-section{background:var(--card)}.dark .settings-section.danger-zone{border-color:#d4092466}.dark .settings-section.danger-zone .section-header{background:linear-gradient(to bottom,oklch(55% .22 25deg / .08),var(--card))}.dark .settings-section .section-header{background:linear-gradient(to bottom,oklch(20% .04 270deg),var(--card));border-bottom-color:var(--border)}.dark .payment-method-item{background:#13192d;border-color:var(--border)}.dark .payment-method-item:hover{background:#1a2135}.dark .notification-item,.dark .security-item,.dark .setting-item{border-bottom-color:var(--border)}.dark input,.dark select,.dark textarea{background:var(--card);border-color:var(--border);color:var(--foreground)}.dark .switch{background:#303955}.dark .switch:hover:not(:disabled){background:#3b4668}.dark .danger-action{background:#d4092414;border-color:#d409244d}.dark .modal-overlay .modal-content{background:var(--card)}.settings-container{display:grid;grid-template-columns:280px 1fr;gap:2rem;min-height:calc(100vh - 80px);padding:2rem;background:linear-gradient(135deg,#fbfcfd,#f6f9fc);animation:fade-in .5s ease-in}@media (max-width: 1024px){.settings-container{grid-template-columns:240px 1fr;gap:1.5rem;padding:1.5rem}}@media (max-width: 768px){.settings-container{grid-template-columns:1fr;gap:1rem;padding:1rem}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:var(--radius);box-shadow:0 2px 8px #2237730a}.loading-state .loading-icon,.error-state .loading-icon{width:48px;height:48px;color:var(--primary-blue);animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p,.error-state p{color:var(--muted-foreground);font-size:1rem;margin-bottom:1.5rem}.loading-state .button,.error-state .button{margin-top:1rem}.toast{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-radius:calc(var(--radius) - .25rem);box-shadow:0 8px 24px #22377326;animation:slide-in-right .3s ease-out;z-index:1000;border-left:4px solid}.toast.success{border-left-color:#3a9742}.toast.success .icon{color:#3a9742;width:20px;height:20px}.toast.error{border-left-color:var(--destructive);color:var(--destructive)}.toast span{font-weight:500;font-size:.95rem}@media (max-width: 640px){.toast{bottom:1rem;right:1rem;left:1rem}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dark .settings-container{background:linear-gradient(135deg,#080b14,#07121e)}.dark .loading-state,.dark .error-state{background:var(--card)}.dark .toast{background:var(--card);box-shadow:0 8px 24px #0000004d}._route-config_5fnja_1{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#bae6fd);padding:2rem;position:relative}._route-config_5fnja_1:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(135deg,#223773,#2469a6);opacity:.05;pointer-events:none}._config-section_5fnja_19{max-width:1200px;margin:0 auto 2rem;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014,0 0 0 1px #00000005;transition:all .3s;position:relative;z-index:1}._config-section_5fnja_19:hover{box-shadow:0 8px 30px #0000001f,0 0 0 1px #2469a61a;transform:translateY(-2px)}._config-section_5fnja_19 h2{font-size:1.5rem;font-weight:700;color:#223773;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}._config-section_5fnja_19 h2:before{content:"";width:4px;height:28px;background:linear-gradient(135deg,#2469a6,#73a641);border-radius:2px}._config-section_5fnja_19 ._section-description_5fnja_50{font-size:.95rem;color:#64748b;line-height:1.6;margin-bottom:1.5rem}._config-section_5fnja_19 ._section-description_5fnja_50 strong{color:#2469a6;font-weight:600}._section-header_5fnja_61{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}._section-header_5fnja_61 h2{margin-bottom:0}._home-route-selector_5fnja_71{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}._route-option_5fnja_77{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px solid #e2e8f0;border-radius:16px;padding:2rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}._route-option_5fnja_77:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(36,105,166,.1),transparent);transition:left .6s}._route-option_5fnja_77:hover{border-color:#2469a6;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #2469a633,0 0 0 1px #2469a61a}._route-option_5fnja_77:hover:before{left:100%}._route-option_5fnja_77:hover ._option-icon_5fnja_105{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#2469a6,#223773)}._route-option_5fnja_77._selected_5fnja_109{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2469a6;box-shadow:0 8px 32px #2469a640,inset 0 0 0 1px #2469a61a}._route-option_5fnja_77._selected_5fnja_109 ._option-icon_5fnja_105{background:linear-gradient(135deg,#2469a6,#223773);box-shadow:0 8px 24px #2469a666,0 0 0 4px #2469a61a}._route-option_5fnja_77._selected_5fnja_109 ._option-badge_5fnja_118{opacity:1;transform:translateY(0)}._route-option_5fnja_77 ._option-icon_5fnja_105{width:80px;height:80px;background:linear-gradient(135deg,#64748b,#475569);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .4s;box-shadow:0 4px 16px #0000001a}._route-option_5fnja_77 ._option-icon_5fnja_105 svg{color:#fff}._route-option_5fnja_77 h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;text-align:center}._route-option_5fnja_77 p{font-size:.9rem;color:#64748b;text-align:center;line-height:1.5}._route-option_5fnja_77 ._option-badge_5fnja_118{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#2469a6,#223773);color:#fff;font-size:.8rem;font-weight:700;border-radius:20px;opacity:0;transform:translateY(-10px);transition:all .3s;box-shadow:0 4px 12px #2469a666}._btn-add_5fnja_166{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#2469a6,#223773);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #2469a64d}._btn-add_5fnja_166:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2469a666}._btn-add_5fnja_166:active{transform:translateY(0)}._btn-save_5fnja_189{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#73a641,#5a8332);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #73a6414d}._btn-save_5fnja_189:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #73a64166}._btn-save_5fnja_189:active:not(:disabled){transform:translateY(0)}._btn-save_5fnja_189:disabled{opacity:.6;cursor:not-allowed}._btn-delete_5fnja_216{padding:.5rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:8px;transition:all .2s}._btn-delete_5fnja_216:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}._btn-preview_5fnja_231{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;color:#2469a6;border:2px solid #2469A6;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}._btn-preview_5fnja_231:hover{background:#2469a6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2469a64d}._routes-list_5fnja_252{display:flex;flex-direction:column;gap:1rem}._route-item_5fnja_258{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;transition:all .3s}._route-item_5fnja_258:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #00000014;transform:translate(4px)}._route-item_5fnja_258 ._route-info_5fnja_273{display:flex;align-items:center;gap:1rem;flex:1}._route-item_5fnja_258 ._route-checkbox_5fnja_279{width:20px;height:20px;cursor:pointer;accent-color:#2469A6}._route-item_5fnja_258 ._route-details_5fnja_285{display:flex;flex-direction:column;gap:.25rem}._route-item_5fnja_258 ._route-path_5fnja_290{font-family:Courier New,monospace;font-size:.95rem;font-weight:600;color:#2469a6;background:#2469a61a;padding:.25rem .75rem;border-radius:6px;display:inline-block}._route-item_5fnja_258 ._route-label_5fnja_300{font-size:.875rem;color:#64748b}._route-item_5fnja_258 ._route-actions_5fnja_304{display:flex;align-items:center;gap:1rem}._route-status_5fnja_310{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}._route-status_5fnja_310._active_5fnja_318{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px #10b98133}._route-status_5fnja_310._inactive_5fnja_323{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 2px 8px #ef444433}._preview-box_5fnja_329{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:16px;padding:2rem}._preview-box_5fnja_329 p{font-size:.95rem;color:#1e40af;margin-bottom:1rem;font-weight:500}._preview-box_5fnja_329 ._preview-url_5fnja_341{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}._preview-box_5fnja_329 ._preview-url_5fnja_341 a{flex:1;min-width:250px;padding:1rem 1.5rem;background:#fff;color:#2469a6;text-decoration:none;border-radius:10px;font-weight:600;font-size:1rem;border:2px solid #2469A6;transition:all .3s;text-align:center}._preview-box_5fnja_329 ._preview-url_5fnja_341 a:hover{background:#2469a6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #2469a64d}._config-actions_5fnja_368{max-width:1200px;margin:2rem auto 0;display:flex;justify-content:center;position:relative;z-index:1}@keyframes _slideIn_5fnja_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._route-config_5fnja_1{padding:1rem}._config-section_5fnja_19{padding:1.5rem}._home-route-selector_5fnja_71{grid-template-columns:1fr}._route-item_5fnja_258{flex-direction:column;align-items:flex-start;gap:1rem}._route-item_5fnja_258 ._route-actions_5fnja_304{width:100%;justify-content:space-between}._preview-url_5fnja_341{flex-direction:column}._preview-url_5fnja_341 a{width:100%}._section-header_5fnja_61{flex-direction:column;align-items:flex-start;gap:1rem}}._theme-editor_v2jud_2{min-height:100vh;background:linear-gradient(135deg,#fafafa,#f5f5f5);padding:2rem}._editor-layout_v2jud_8{display:grid;grid-template-columns:400px 1fr;gap:2rem;max-width:1600px;margin:0 auto;height:calc(100vh - 4rem)}._config-panel_v2jud_17{background:#fff;border-radius:20px;padding:0;box-shadow:0 4px 24px #00000014,0 0 0 1px #00000005;overflow-y:auto;display:flex;flex-direction:column}._config-panel_v2jud_17::-webkit-scrollbar{width:8px}._config-panel_v2jud_17::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}._config-panel_v2jud_17::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}._config-panel_v2jud_17::-webkit-scrollbar-thumb:hover{background:#94a3b8}._config-section_v2jud_41{padding:2rem;border-bottom:1px solid #f1f5f9}._config-section_v2jud_41:last-child{border-bottom:none}._config-section_v2jud_41 h2{font-size:1.125rem;font-weight:700;color:#223773;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.05em}._config-section_v2jud_41 h2:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#2469a6,#73a641);border-radius:2px}._preset-themes_v2jud_67{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}._preset-card_v2jud_73{padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s;text-align:center}._preset-card_v2jud_73:hover{border-color:#2469a6;transform:translateY(-2px);box-shadow:0 8px 20px #2469a626}._preset-card_v2jud_73 ._preset-colors_v2jud_87{display:flex;justify-content:center;gap:.5rem;margin-bottom:.75rem}._preset-card_v2jud_73 ._color-dot_v2jud_93{width:32px;height:32px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #00000026;transition:transform .3s}._preset-card_v2jud_73 ._color-dot_v2jud_93:hover{transform:scale(1.2)}._preset-card_v2jud_73 span{font-size:.875rem;font-weight:600;color:#475569}._color-picker-group_v2jud_110{display:flex;flex-direction:column;gap:1.25rem}._color-picker_v2jud_110 label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}._color-picker_v2jud_110 ._color-input_v2jud_125{display:flex;gap:.75rem;align-items:center}._color-picker_v2jud_110 ._color-input_v2jud_125 input[type=color]{width:60px;height:60px;border:3px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s}._color-picker_v2jud_110 ._color-input_v2jud_125 input[type=color]:hover{border-color:#2469a6;transform:scale(1.05);box-shadow:0 4px 12px #2469a633}._color-picker_v2jud_110 ._color-input_v2jud_125 ._color-hex_v2jud_143{flex:1;padding:.875rem 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-family:Courier New,monospace;font-size:.95rem;font-weight:600;color:#1e293b;text-transform:uppercase;transition:all .3s}._color-picker_v2jud_110 ._color-input_v2jud_125 ._color-hex_v2jud_143:focus{outline:none;background:#fff;border-color:#2469a6;box-shadow:0 0 0 4px #2469a61a}._form-group_v2jud_163{margin-bottom:1.5rem}._form-group_v2jud_163:last-child{margin-bottom:0}._form-group_v2jud_163 label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}._select-input_v2jud_179{width:100%;padding:.875rem 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#1e293b;cursor:pointer;transition:all .3s}._select-input_v2jud_179:focus{outline:none;background:#fff;border-color:#2469a6;box-shadow:0 0 0 4px #2469a61a}._radio-group_v2jud_197{display:flex;flex-direction:column;gap:.75rem}._radio-label_v2jud_203{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .3s}._radio-label_v2jud_203:hover{background:#f1f5f9;border-color:#cbd5e1}._radio-label_v2jud_203 input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#2469A6}._radio-label_v2jud_203 span{font-size:.9rem;font-weight:500;color:#475569}._radio-label_v2jud_203:has(input:checked){background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2469a6;box-shadow:0 0 0 3px #2469a61a}._radio-label_v2jud_203:has(input:checked) span{color:#2469a6;font-weight:600}._config-actions_v2jud_239{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;gap:1rem;position:sticky;bottom:0}._btn-reset_v2jud_249{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}._btn-reset_v2jud_249:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca;transform:translateY(-2px)}._btn-save_v2jud_272{flex:2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#2469a6,#223773);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #2469a64d}._btn-save_v2jud_272:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2469a666}._btn-save_v2jud_272:active:not(:disabled){transform:translateY(0)}._btn-save_v2jud_272:disabled{opacity:.6;cursor:not-allowed}._preview-panel_v2jud_301{background:#fff;border-radius:20px;box-shadow:0 4px 24px #00000014,0 0 0 1px #00000005;overflow:hidden;display:flex;flex-direction:column}._preview-header_v2jud_310{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}._preview-header_v2jud_310 h3{font-size:1.125rem;font-weight:700;color:#223773;display:flex;align-items:center;gap:.5rem}._preview-header_v2jud_310 h3:before{content:"👁️";font-size:1.25rem}._btn-preview_v2jud_331{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:#2469a6;border:2px solid #2469A6;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s}._btn-preview_v2jud_331:hover{background:#2469a6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2469a64d}._preview-content_v2jud_352{flex:1;overflow-y:auto;padding:2rem;transition:all .3s}._preview-content_v2jud_352::-webkit-scrollbar{width:8px}._preview-content_v2jud_352::-webkit-scrollbar-track{background:transparent}._preview-content_v2jud_352::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}._preview-content_v2jud_352::-webkit-scrollbar-thumb:hover{background:#0000004d}._preview-header-bar_v2jud_372{padding:1.5rem 2rem;margin:-2rem -2rem 2rem;border-radius:12px 12px 0 0;box-shadow:0 4px 12px #0000001a}._preview-header-bar_v2jud_372 h1{font-size:1.75rem;font-weight:800;margin:0;letter-spacing:-.02em}._preview-body_v2jud_385{display:flex;flex-direction:column;gap:2rem}._preview-button_v2jud_391{padding:1rem 2rem;border:none;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #00000026}._preview-button_v2jud_391:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}._preview-button_v2jud_391:active{transform:translateY(0)}._preview-card_v2jud_408{padding:2rem;border:2px solid;background:#fff;box-shadow:0 4px 16px #00000014;transition:all .3s}._preview-card_v2jud_408:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}._preview-card_v2jud_408 h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}._preview-card_v2jud_408 p{font-size:.95rem;line-height:1.6;margin-bottom:1rem}._preview-card_v2jud_408 span{font-size:1.5rem}@keyframes _fadeIn_v2jud_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){._editor-layout_v2jud_8{grid-template-columns:1fr;height:auto}._config-panel_v2jud_17{max-height:600px}._preview-panel_v2jud_301{min-height:500px}}@media (max-width: 768px){._theme-editor_v2jud_2{padding:1rem}._preset-themes_v2jud_67{grid-template-columns:1fr}._config-actions_v2jud_239{flex-direction:column}._config-actions_v2jud_239 ._btn-reset_v2jud_249,._config-actions_v2jud_239 ._btn-save_v2jud_272{width:100%}._preview-header_v2jud_310{flex-direction:column;gap:1rem;align-items:flex-start}}.customization-page{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh}.customization-page .page-header{margin-bottom:2rem}.customization-page .page-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.customization-page .page-header p{color:#666;font-size:1rem}.customization-page .customization-tabs .tabs-list{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.customization-page .customization-tabs .tabs-list .tab-trigger{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#666;transition:all .2s}.customization-page .customization-tabs .tabs-list .tab-trigger .icon{width:20px;height:20px}.customization-page .customization-tabs .tabs-list .tab-trigger:hover{color:#2469a6;background:#f3f4f6}.customization-page .customization-tabs .tabs-list .tab-trigger[data-state=active]{color:#2469a6;border-bottom-color:#2469a6}.customization-page .customization-tabs .tab-content{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.route-config .config-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.route-config .config-section h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#1a1a1a}.route-config .config-section .section-description{color:#666;margin-bottom:1.5rem}.route-config .home-route-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.route-config .home-route-selector .route-option{padding:2rem;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.route-config .home-route-selector .route-option:hover{border-color:#2469a6;box-shadow:0 4px 12px #2469a61a}.route-config .home-route-selector .route-option.selected{border-color:#2469a6;background:#f0f7ff}.route-config .home-route-selector .route-option .option-icon{width:64px;height:64px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#2469a6}.route-config .home-route-selector .route-option h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.route-config .home-route-selector .route-option p{color:#666;font-size:.9rem}.route-config .home-route-selector .route-option .option-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;background:#2469a6;color:#fff;border-radius:20px;font-size:.85rem}.route-config .routes-list{display:flex;flex-direction:column;gap:1rem}.route-config .routes-list .route-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:8px}.route-config .routes-list .route-item .route-info{display:flex;align-items:center;gap:1rem}.route-config .routes-list .route-item .route-info .route-checkbox{width:20px;height:20px;cursor:pointer}.route-config .routes-list .route-item .route-info .route-details{display:flex;flex-direction:column;gap:.25rem}.route-config .routes-list .route-item .route-info .route-details .route-path{font-family:monospace;font-weight:600}.route-config .routes-list .route-item .route-info .route-details .route-label{font-size:.9rem;color:#666}.route-config .routes-list .route-item .route-actions{display:flex;align-items:center;gap:1rem}.route-config .routes-list .route-item .route-actions .route-status{padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.route-config .routes-list .route-item .route-actions .route-status.active{background:#d1fae5;color:#065f46}.route-config .routes-list .route-item .route-actions .route-status.inactive{background:#fee2e2;color:#991b1b}.route-config .routes-list .route-item .route-actions .btn-delete{padding:.5rem;background:transparent;border:none;color:#dc2626;cursor:pointer;border-radius:6px}.route-config .routes-list .route-item .route-actions .btn-delete:hover{background:#fee2e2}.route-config .preview-box{padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.route-config .preview-box .preview-url{display:flex;align-items:center;gap:1rem}.route-config .preview-box .preview-url a{flex:1;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#2469a6;text-decoration:none;font-family:monospace}.route-config .preview-box .preview-url a:hover{border-color:#2469a6}.route-config .preview-box .preview-url .btn-preview{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#2469a6;color:#fff;border:none;border-radius:8px;cursor:pointer}.route-config .preview-box .preview-url .btn-preview:hover{background:#1d5489}.route-config .config-actions{display:flex;justify-content:flex-end;margin-top:2rem}.route-config .config-actions .btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:#2469a6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s}.route-config .config-actions .btn-save:hover:not(:disabled){background:#1d5489;transform:translateY(-1px);box-shadow:0 4px 8px #2469a633}.route-config .config-actions .btn-save:disabled{opacity:.6;cursor:not-allowed}.route-config .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.route-config .section-header h2{margin:0}.route-config .section-header .btn-add{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2469a6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.route-config .section-header .btn-add:hover{background:#1d5489}.theme-editor .config-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.theme-editor .config-section h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#1a1a1a}.theme-editor .config-section .section-description{color:#666;margin-bottom:1.5rem}.theme-editor .preset-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.theme-editor .preset-themes .theme-preset{padding:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.theme-editor .preset-themes .theme-preset:hover{border-color:#2469a6;box-shadow:0 4px 12px #2469a61a}.theme-editor .preset-themes .theme-preset.selected{border-color:#2469a6;background:#f0f7ff}.theme-editor .preset-themes .theme-preset .theme-name{font-weight:600;margin-bottom:.5rem}.theme-editor .preset-themes .theme-preset .theme-colors{display:flex;gap:.5rem;justify-content:center}.theme-editor .preset-themes .theme-preset .theme-colors .color-dot{width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #e5e7eb}.theme-editor .color-controls{display:grid;gap:1.5rem}.theme-editor .color-controls .color-control{display:flex;flex-direction:column;gap:.5rem}.theme-editor .color-controls .color-control label{font-weight:500;color:#374151}.theme-editor .color-controls .color-control .color-input-wrapper{display:flex;gap:1rem;align-items:center}.theme-editor .color-controls .color-control .color-input-wrapper input[type=color]{width:60px;height:40px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer}.theme-editor .color-controls .color-control .color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.theme-editor .color-controls .color-control .color-input-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.theme-editor .color-controls .color-control .color-input-wrapper input[type=text]{flex:1;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-family:monospace;font-size:.9rem}.theme-editor .color-controls .color-control .color-input-wrapper input[type=text]:focus{outline:none;border-color:#2469a6}.theme-editor .font-controls{display:grid;gap:1.5rem}.theme-editor .font-controls .font-control{display:flex;flex-direction:column;gap:.5rem}.theme-editor .font-controls .font-control label{font-weight:500;color:#374151}.theme-editor .font-controls .font-control select{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:1rem}.theme-editor .font-controls .font-control select:focus{outline:none;border-color:#2469a6}.theme-editor .preview-section{background:#f9fafb;border-radius:12px;padding:2rem;border:1px solid #e5e7eb}.theme-editor .preview-section .preview-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1a1a1a}.theme-editor .preview-section .preview-content{background:#fff;border-radius:8px;padding:2rem;min-height:300px}.theme-editor .preview-section .preview-content h3{margin-bottom:1rem}.theme-editor .preview-section .preview-content .preview-button{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;margin-right:1rem;margin-bottom:1rem}.theme-editor .preview-section .preview-content .preview-card{padding:1.5rem;border-radius:8px;margin-bottom:1rem}.theme-editor .preview-section .preview-content .preview-text{margin-bottom:1rem;line-height:1.6}.theme-editor .theme-actions{display:flex;justify-content:space-between;margin-top:2rem}.theme-editor .theme-actions .btn-reset{padding:.75rem 1.5rem;background:transparent;color:#dc2626;border:2px solid #dc2626;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.theme-editor .theme-actions .btn-reset:hover{background:#dc2626;color:#fff}.theme-editor .theme-actions .btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:#2469a6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.theme-editor .theme-actions .btn-save:hover:not(:disabled){background:#1d5489;transform:translateY(-1px);box-shadow:0 4px 8px #2469a633}.theme-editor .theme-actions .btn-save:disabled{opacity:.6;cursor:not-allowed}.page-builder .builder-layout{display:grid;grid-template-columns:250px 1fr 300px;gap:2rem;min-height:600px}@media (max-width: 1200px){.page-builder .builder-layout{grid-template-columns:1fr}}.page-builder .elements-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.page-builder .elements-panel h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.page-builder .elements-panel .elements-list{display:flex;flex-direction:column;gap:.75rem}.page-builder .elements-panel .elements-list .element-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:grab;transition:all .2s}.page-builder .elements-panel .elements-list .element-item:hover{background:#f0f7ff;border-color:#2469a6}.page-builder .elements-panel .elements-list .element-item:active{cursor:grabbing}.page-builder .elements-panel .elements-list .element-item .element-icon{color:#2469a6}.page-builder .elements-panel .elements-list .element-item .element-label{font-weight:500;color:#374151}.page-builder .canvas-area{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;min-height:600px}.page-builder .canvas-area .canvas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.page-builder .canvas-area .canvas-header h3{font-size:1.25rem;font-weight:600;color:#1a1a1a}.page-builder .canvas-area .canvas-header .canvas-actions{display:flex;gap:.5rem}.page-builder .canvas-area .canvas-header .canvas-actions button{padding:.5rem 1rem;background:transparent;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.page-builder .canvas-area .canvas-header .canvas-actions button:hover{background:#f9fafb;border-color:#2469a6}.page-builder .canvas-area .canvas-content{min-height:400px;border:2px dashed #e5e7eb;border-radius:8px;padding:2rem}.page-builder .canvas-area .canvas-content.empty{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1.1rem}.page-builder .canvas-area .canvas-content .page-element{padding:1.5rem;margin-bottom:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:move;transition:all .2s}.page-builder .canvas-area .canvas-content .page-element:hover{border-color:#2469a6;box-shadow:0 2px 8px #2469a61a}.page-builder .canvas-area .canvas-content .page-element.selected{border-color:#2469a6;background:#f0f7ff}.page-builder .canvas-area .canvas-content .page-element .element-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-builder .canvas-area .canvas-content .page-element .element-header .element-type{font-weight:600;color:#2469a6}.page-builder .canvas-area .canvas-content .page-element .element-header .element-controls{display:flex;gap:.5rem}.page-builder .canvas-area .canvas-content .page-element .element-header .element-controls button{padding:.25rem .5rem;background:transparent;border:none;cursor:pointer;color:#6b7280}.page-builder .canvas-area .canvas-content .page-element .element-header .element-controls button:hover{color:#2469a6}.page-builder .canvas-area .canvas-content .page-element .element-header .element-controls button.delete:hover{color:#dc2626}.page-builder .properties-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.page-builder .properties-panel h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.page-builder .properties-panel .properties-content{display:flex;flex-direction:column;gap:1rem}.page-builder .properties-panel .properties-content.empty{color:#9ca3af;text-align:center;padding:2rem 0}.page-builder .properties-panel .properties-content .property-group .property-label{font-weight:500;color:#374151;margin-bottom:.5rem}.page-builder .properties-panel .properties-content .property-group input,.page-builder .properties-panel .properties-content .property-group textarea,.page-builder .properties-panel .properties-content .property-group select{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:6px}.page-builder .properties-panel .properties-content .property-group input:focus,.page-builder .properties-panel .properties-content .property-group textarea:focus,.page-builder .properties-panel .properties-content .property-group select:focus{outline:none;border-color:#2469a6}.page-builder .properties-panel .properties-content .property-group textarea{min-height:100px;resize:vertical}.page-builder .builder-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.page-builder .builder-actions .btn-preview,.page-builder .builder-actions .btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.page-builder .builder-actions .btn-preview{background:transparent;color:#2469a6;border:2px solid #2469A6}.page-builder .builder-actions .btn-preview:hover{background:#f0f7ff}.page-builder .builder-actions .btn-save{background:#2469a6;color:#fff}.page-builder .builder-actions .btn-save:hover:not(:disabled){background:#1d5489;transform:translateY(-1px);box-shadow:0 4px 8px #2469a633}.page-builder .builder-actions .btn-save:disabled{opacity:.6;cursor:not-allowed}.ai-generator .generator-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 1024px){.ai-generator .generator-layout{grid-template-columns:1fr}}.ai-generator .prompt-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.ai-generator .prompt-section h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#1a1a1a}.ai-generator .prompt-section .section-description{color:#666;margin-bottom:1.5rem}.ai-generator .prompt-section .prompt-input{margin-bottom:1.5rem}.ai-generator .prompt-section .prompt-input label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem}.ai-generator .prompt-section .prompt-input textarea{width:100%;min-height:150px;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;resize:vertical}.ai-generator .prompt-section .prompt-input textarea:focus{outline:none;border-color:#2469a6}.ai-generator .prompt-section .quick-prompts{margin-bottom:1.5rem}.ai-generator .prompt-section .quick-prompts h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#374151}.ai-generator .prompt-section .quick-prompts .prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.ai-generator .prompt-section .quick-prompts .prompts-grid .prompt-chip{padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;text-align:center;font-size:.9rem;transition:all .2s}.ai-generator .prompt-section .quick-prompts .prompts-grid .prompt-chip:hover{background:#f0f7ff;border-color:#2469a6;color:#2469a6}.ai-generator .prompt-section .generate-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#2469a6,#223773);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .2s}.ai-generator .prompt-section .generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #2469a64d}.ai-generator .prompt-section .generate-button:disabled{opacity:.6;cursor:not-allowed}.ai-generator .prompt-section .generate-button.generating{background:#6b7280}.ai-generator .prompt-section .generate-button.generating .spinner{animation:spin 1s linear infinite}.ai-generator .preview-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.ai-generator .preview-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.ai-generator .preview-section .preview-content{min-height:400px;border:2px dashed #e5e7eb;border-radius:8px;padding:2rem}.ai-generator .preview-section .preview-content.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9ca3af}.ai-generator .preview-section .preview-content.empty .empty-icon{font-size:3rem;margin-bottom:1rem}.ai-generator .preview-section .preview-content.empty .empty-text{font-size:1.1rem}.ai-generator .preview-section .preview-content.loading{display:flex;align-items:center;justify-content:center;flex-direction:column}.ai-generator .preview-section .preview-content.loading .loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#2469a6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.ai-generator .preview-section .preview-content.loading .loading-text{color:#6b7280;font-size:1.1rem}.ai-generator .preview-section .preview-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.ai-generator .preview-section .preview-actions button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.ai-generator .preview-section .preview-actions button.btn-regenerate{background:transparent;color:#2469a6;border:2px solid #2469A6}.ai-generator .preview-section .preview-actions button.btn-regenerate:hover{background:#f0f7ff}.ai-generator .preview-section .preview-actions button.btn-apply{background:#2469a6;color:#fff}.ai-generator .preview-section .preview-actions button.btn-apply:hover{background:#1d5489;transform:translateY(-1px);box-shadow:0 4px 8px #2469a633}.notfound-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--background);padding:2rem}.floating-shapes{position:absolute;inset:0;z-index:0;overflow:hidden}.floating-shapes .shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;animation:float 20s ease-in-out infinite}.floating-shapes .shape.shape-1{width:300px;height:300px;background:var(--primary-violet);top:10%;left:10%;animation-delay:0s}.floating-shapes .shape.shape-2{width:250px;height:250px;background:var(--primary-blue);top:60%;right:15%;animation-delay:3s}.floating-shapes .shape.shape-3{width:200px;height:200px;background:var(--accent-green);bottom:20%;left:20%;animation-delay:6s}.floating-shapes .shape.shape-4{width:180px;height:180px;background:var(--accent-orange);top:30%;right:30%;animation-delay:9s}.floating-shapes .shape.shape-5{width:220px;height:220px;background:var(--accent-orange-bright);bottom:10%;right:10%;animation-delay:12s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.notfound-content{position:relative;z-index:1;text-align:center;max-width:800px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.error-number{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;perspective:1000px}.error-number .digit{font-size:clamp(4rem,15vw,10rem);font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:digitPulse 2s ease-in-out infinite;text-shadow:0 10px 30px rgba(36,105,166,.3)}.error-number .digit.digit-4-1{animation-delay:0s}.error-number .digit.digit-4-2{animation-delay:.4s}.error-number .digit-0{animation:none}@keyframes digitPulse{0%,to{transform:scale(1) rotateY(0)}50%{transform:scale(1.1) rotateY(10deg)}}.zero-container{position:relative;width:clamp(4rem,15vw,10rem);height:clamp(4rem,15vw,10rem);display:flex;align-items:center;justify-content:center;animation:zeroRotate 8s linear infinite}@keyframes zeroRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zero-ring{position:absolute;border-radius:50%;border:4px solid;opacity:.6}.zero-ring.ring-1{width:100%;height:100%;border-color:var(--color-violet-deep);animation:ringPulse 3s ease-in-out infinite}.zero-ring.ring-2{width:75%;height:75%;border-color:var(--color-blue-ocean);animation:ringPulse 3s ease-in-out infinite .5s}.zero-ring.ring-3{width:50%;height:50%;border-color:var(--color-orange-warm);animation:ringPulse 3s ease-in-out infinite 1s}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:.3}}.zero-core{width:25%;height:25%;background:var(--gradient-action);border-radius:50%;animation:corePulse 2s ease-in-out infinite;box-shadow:0 0 30px #f2783099}@keyframes corePulse{0%,to{transform:scale(1);box-shadow:0 0 30px #f2783099}50%{transform:scale(1.3);box-shadow:0 0 50px #f27830e6}}.icon-container{margin:3rem 0;display:flex;flex-direction:column;align-items:center;animation:iconBounce 3s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.shopping-bag{position:relative;width:120px;height:140px;animation:bagSwing 2s ease-in-out infinite}@keyframes bagSwing{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.bag-handle{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:60px;height:30px;border:6px solid var(--color-blue-ocean);border-bottom:none;border-radius:30px 30px 0 0;animation:handlePulse 2s ease-in-out infinite}@keyframes handlePulse{0%,to{border-color:var(--color-blue-ocean)}50%{border-color:var(--color-orange-warm)}}.bag-body{position:absolute;top:20px;width:100%;height:120px;background:var(--gradient-primary);border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #2237734d}.bag-body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:bagShine 3s linear infinite}@keyframes bagShine{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}.bag-shine{position:absolute;top:15%;left:15%;width:30px;height:30px;background:#fff6;border-radius:50%;filter:blur(8px);animation:shineMove 2s ease-in-out infinite}@keyframes shineMove{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(10px,10px);opacity:.7}}.question-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:900;color:#fff;z-index:2;animation:questionBounce 1.5s ease-in-out infinite;text-shadow:0 4px 15px rgba(0,0,0,.3)}@keyframes questionBounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.icon-shadow{width:100px;height:20px;background:radial-gradient(ellipse,rgba(34,55,115,.3) 0%,transparent 70%);border-radius:50%;margin-top:10px;animation:shadowPulse 3s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:scaleX(1);opacity:.3}50%{transform:scaleX(.8);opacity:.5}}.error-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--foreground);margin:2rem 0 1rem;animation:titleSlide .8s ease-out .2s backwards}@keyframes titleSlide{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.error-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--muted-foreground);line-height:1.8;margin-bottom:3rem;animation:descFade .8s ease-out .4s backwards}@keyframes descFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;animation:buttonsPop .8s ease-out .6s backwards}@keyframes buttonsPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.btn-primary-custom,.btn-secondary-custom{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary-custom .btn-icon,.btn-secondary-custom .btn-icon{font-size:1.25rem;transition:transform .3s ease}.btn-primary-custom:before,.btn-secondary-custom:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-primary-custom:hover:before,.btn-secondary-custom:hover:before{width:300px;height:300px}.btn-primary-custom:active,.btn-secondary-custom:active{transform:scale(.95)}.btn-primary-custom{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #2469a64d}.btn-primary-custom:hover{box-shadow:0 6px 25px #2469a680;transform:translateY(-2px)}.btn-primary-custom:hover .btn-icon{transform:scale(1.2)}.btn-secondary-custom{background:var(--card);color:var(--foreground);border:2px solid var(--border);box-shadow:0 4px 15px #0000000d}.btn-secondary-custom:hover{border-color:var(--primary-blue);box-shadow:0 6px 25px #2469a633;transform:translateY(-2px)}.btn-secondary-custom:hover .btn-icon{transform:translate(-5px)}.quick-links{animation:linksFade .8s ease-out .8s backwards}@keyframes linksFade{0%{opacity:0}to{opacity:1}}.links-title{font-size:1rem;color:var(--muted-foreground);margin-bottom:1rem;font-weight:600}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;max-width:600px;margin:0 auto}.link-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) * .8);text-decoration:none;color:var(--foreground);font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.link-item:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.link-item .link-emoji{font-size:2rem;transition:transform .3s ease;position:relative;z-index:1}.link-item span:not(.link-emoji){position:relative;z-index:1}.link-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #2469a633;border-color:var(--primary-blue);color:#fff}.link-item:hover:before{opacity:.9}.link-item:hover .link-emoji{transform:scale(1.2) rotate(10deg)}.particles{position:absolute;inset:0;pointer-events:none;z-index:0}.particles .particle{position:absolute;width:8px;height:8px;border-radius:50%;opacity:.6;animation:particleFloat 15s ease-in-out infinite}.particles .particle.particle-1{left:19%;top:11%;animation-delay:4s;animation-duration:15s;background:var(--color-blue-ocean)}.particles .particle.particle-2{left:23%;top:17%;animation-delay:4s;animation-duration:16s;background:var(--color-green-fresh)}.particles .particle.particle-3{left:67%;top:70%;animation-delay:.5s;animation-duration:12s;background:var(--color-orange-warm)}.particles .particle.particle-4{left:94%;top:19%;animation-delay:5s;animation-duration:20s;background:var(--color-orange-bright)}.particles .particle.particle-5{left:72%;top:4%;animation-delay:2s;animation-duration:13s;background:var(--color-violet-deep)}.particles .particle.particle-6{left:74%;top:66%;animation-delay:2.5s;animation-duration:15s;background:var(--color-blue-ocean)}.particles .particle.particle-7{left:87%;top:71%;animation-delay:1s;animation-duration:20s;background:var(--color-green-fresh)}.particles .particle.particle-8{left:21%;top:70%;animation-delay:1s;animation-duration:15s;background:var(--color-orange-warm)}.particles .particle.particle-9{left:63%;top:48%;animation-delay:1.5s;animation-duration:18s;background:var(--color-orange-bright)}.particles .particle.particle-10{left:91%;top:27%;animation-delay:.5s;animation-duration:16s;background:var(--color-violet-deep)}.particles .particle.particle-11{left:93%;top:8%;animation-delay:2s;animation-duration:19s;background:var(--color-blue-ocean)}.particles .particle.particle-12{left:3%;top:12%;animation-delay:.5s;animation-duration:11s;background:var(--color-green-fresh)}.particles .particle.particle-13{left:75%;top:90%;animation-delay:5s;animation-duration:18s;background:var(--color-orange-warm)}.particles .particle.particle-14{left:32%;top:64%;animation-delay:2.5s;animation-duration:19s;background:var(--color-orange-bright)}.particles .particle.particle-15{left:86%;top:44%;animation-delay:3s;animation-duration:15s;background:var(--color-violet-deep)}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(100px,-100px) scale(1.5);opacity:.3}50%{transform:translate(-50px,50px) scale(.8);opacity:.8}75%{transform:translate(80px,80px) scale(1.2);opacity:.4}}@media (max-width: 768px){.notfound-container{padding:1rem}.action-buttons{flex-direction:column;width:100%}.btn-primary-custom,.btn-secondary-custom{width:100%;justify-content:center}.links-grid{grid-template-columns:repeat(2,1fr)}.floating-shapes .shape{filter:blur(40px)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-callback{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff;padding:2rem;position:relative;overflow:hidden}.auth-callback:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:backgroundMove 20s linear infinite}.auth-callback__card{background:#fff;border-radius:1.5rem;padding:3rem 2rem;max-width:450px;width:100%;box-shadow:0 25px 50px -12px #00000040;text-align:center;position:relative;z-index:1;animation:slideUp .6s ease-out}@media (max-width: 640px){.auth-callback__card{padding:2rem 1.5rem;border-radius:1rem}}.auth-callback__card--error{border-top:4px solid #ef4444}.auth-callback__card--success{border-top:4px solid #10b981}.auth-callback__icon{display:flex;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;animation:scaleIn .5s ease-out .2s both}.auth-callback__icon svg{width:40px;height:40px}.auth-callback__icon--error{background:#ef44441a;color:#ef4444}.auth-callback__icon--error svg{animation:shake .5s ease-in-out}.auth-callback__icon--success{background:#10b9811a;color:#10b981}.auth-callback__icon--success svg{animation:checkmark .6s ease-in-out}.auth-callback__spinner{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.auth-callback__spinner .spinner{width:60px;height:60px;border:4px solid rgba(36,105,166,.2);border-top-color:#2469a6;border-radius:50%;animation:spin 1s linear infinite}.auth-callback__title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1rem;animation:fadeIn .6s ease-out .3s both}@media (max-width: 640px){.auth-callback__title{font-size:1.5rem}}.auth-callback__message{font-size:1rem;color:#6b7280;line-height:1.6;margin-bottom:1.5rem;animation:fadeIn .6s ease-out .4s both}.auth-callback__button{background:#2469a6;color:#fff;border:none;padding:.875rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #2469a64d;animation:fadeIn .6s ease-out .5s both}.auth-callback__button:hover{background:#1d5484;transform:translateY(-2px);box-shadow:0 6px 12px -2px #2469a666}.auth-callback__button:active{transform:translateY(0)}.auth-callback__button:focus{outline:none;box-shadow:0 0 0 3px #2469a64d}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes checkmark{0%{stroke-dasharray:0,100}to{stroke-dasharray:100,100}}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@media (prefers-color-scheme: dark){.auth-callback{background:linear-gradient(135deg,#1e293b,#0f172a)}.auth-callback__card{background:#1e293b;border-color:#334155}.auth-callback__title{color:#f1f5f9}.auth-callback__message{color:#94a3b8}}.digital-product-config{display:flex;flex-direction:column;gap:24px}.digital-product-config .config-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.digital-product-config .config-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.digital-product-config .config-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.digital-product-config .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.digital-product-config .section-header h3,.digital-product-config .section-header h4{margin:0}.digital-product-config .type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.digital-product-config .type-selector label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.digital-product-config .type-selector label input[type=radio]{display:none}.digital-product-config .type-selector label svg{color:#6b7280}.digital-product-config .type-selector label span{font-size:14px;font-weight:500;color:#374151}.digital-product-config .type-selector label:hover,.digital-product-config .type-selector label.active{border-color:#3b82f6;background:#eff6ff}.digital-product-config .type-selector label.active svg{color:#3b82f6}.digital-product-config .type-selector label.active span{color:#3b82f6}.digital-product-config .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.digital-product-config .form-grid .full-width{grid-column:1/-1}.digital-product-config .form-group{display:flex;flex-direction:column;gap:6px}.digital-product-config .form-group label{font-size:13px;font-weight:500;color:#374151}.digital-product-config .form-group input,.digital-product-config .form-group select,.digital-product-config .form-group textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s}.digital-product-config .form-group input:focus,.digital-product-config .form-group select:focus,.digital-product-config .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.digital-product-config .form-group textarea{resize:vertical;font-family:inherit}.digital-product-config .btn-add{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.digital-product-config .btn-add:hover{background:#2563eb}.digital-product-config .btn-add-small{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.digital-product-config .btn-add-small:hover{background:#e5e7eb}.digital-product-config .btn-delete{padding:6px;background:transparent;color:#ef4444;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.digital-product-config .btn-delete:hover{background:#fee2e2}.digital-product-config .btn-delete-small{padding:4px;background:transparent;color:#ef4444;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.digital-product-config .btn-delete-small:hover{background:#fee2e2}.digital-product-config .modules-list{display:flex;flex-direction:column;gap:12px}.digital-product-config .module-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.digital-product-config .module-item.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.digital-product-config .module-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;cursor:pointer;transition:all .2s}.digital-product-config .module-header:hover{background:#f3f4f6}.digital-product-config .module-info{display:flex;align-items:center;gap:12px;flex:1}.digital-product-config .module-info .drag-handle{color:#9ca3af;cursor:grab}.digital-product-config .module-info .drag-handle:active{cursor:grabbing}.digital-product-config .module-info .module-title{font-weight:600;color:#111827}.digital-product-config .module-info .module-stats{font-size:13px;color:#6b7280}.digital-product-config .module-content{padding:16px;display:flex;flex-direction:column;gap:16px;background:#fff}.digital-product-config .videos-section{margin-top:8px}.digital-product-config .videos-list{display:flex;flex-direction:column;gap:8px}.digital-product-config .video-item{padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.digital-product-config .video-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.digital-product-config .video-header svg{color:#6b7280;flex-shrink:0}.digital-product-config .video-header .video-title-input{flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-weight:500}.digital-product-config .video-header .video-title-input:focus{outline:none;border-color:#3b82f6}.digital-product-config .video-fields{display:flex;flex-direction:column;gap:12px}.digital-product-config .video-fields .video-upload-section{display:flex;align-items:center;gap:8px}.digital-product-config .video-fields .video-upload-section .btn-upload-video{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.digital-product-config .video-fields .video-upload-section .btn-upload-video:hover:not(:disabled){background:#2563eb}.digital-product-config .video-fields .video-upload-section .btn-upload-video:disabled{opacity:.6;cursor:not-allowed}.digital-product-config .video-fields .video-upload-section .or-separator{font-size:12px;color:#9ca3af;font-weight:500}.digital-product-config .video-fields .video-upload-section .video-url-input{flex:1}.digital-product-config .video-fields>input[type=number],.digital-product-config .video-fields>.checkbox-label{align-self:flex-start}.digital-product-config .video-fields input[type=text],.digital-product-config .video-fields input[type=number]{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}.digital-product-config .video-fields input[type=text]:focus,.digital-product-config .video-fields input[type=number]:focus{outline:none;border-color:#3b82f6}.digital-product-config .video-fields input[type=number]{width:120px}.digital-product-config .video-fields .checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;cursor:pointer;white-space:nowrap}.digital-product-config .video-fields .checkbox-label input[type=checkbox]{cursor:pointer}.digital-product-config .resources-list{display:flex;flex-direction:column;gap:8px}.digital-product-config .resource-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.digital-product-config .resource-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0}.digital-product-config .resource-icon svg{color:#6b7280}.digital-product-config .resource-fields{display:flex;flex-direction:column;gap:8px;flex:1}.digital-product-config .resource-fields .resource-upload-section{display:flex;align-items:center;gap:8px}.digital-product-config .resource-fields .resource-upload-section .btn-upload-resource{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.digital-product-config .resource-fields .resource-upload-section .btn-upload-resource:hover:not(:disabled){background:#059669}.digital-product-config .resource-fields .resource-upload-section .btn-upload-resource:disabled{opacity:.6;cursor:not-allowed}.digital-product-config .resource-fields .resource-upload-section .or-separator{font-size:12px;color:#9ca3af;font-weight:500}.digital-product-config .resource-fields .resource-upload-section .resource-url-input{flex:1}.digital-product-config .resource-fields>input,.digital-product-config .resource-fields>select{width:100%}.digital-product-config .resource-fields input,.digital-product-config .resource-fields select{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}.digital-product-config .resource-fields input:focus,.digital-product-config .resource-fields select:focus{outline:none;border-color:#3b82f6}.create-product-page{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,oklch(97% .01 270deg) 100%);position:relative;overflow-x:hidden}.create-product-page:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:var(--gradient-hero);opacity:.05;z-index:0;animation:gradient-flow 8s ease infinite;background-size:200% 200%}.create-product-header{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:0 4px 24px #2237730f;animation:slide-down .5s ease-out}.create-product-header .header-content{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}@media (max-width: 768px){.create-product-header .header-content{flex-direction:column;align-items:stretch;gap:1rem}}.create-product-header .back-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-weight:500;cursor:pointer;transition:all .3s ease}.create-product-header .back-button .icon{width:18px;height:18px;transition:transform .3s ease}.create-product-header .back-button:hover{background:var(--muted);border-color:var(--primary);transform:translate(-4px)}.create-product-header .back-button:hover .icon{transform:translate(-4px)}@media (max-width: 768px){.create-product-header .back-button{width:100%;justify-content:center}}.create-product-header .header-title{flex:1}.create-product-header .header-title h1{font-size:1.75rem;font-weight:700;background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem;animation:gradient-flow 4s ease infinite}.create-product-header .header-title p{color:var(--muted-foreground);margin:0;font-size:.95rem}@media (max-width: 768px){.create-product-header .header-title{text-align:center}}.create-product-header .header-actions{display:flex;gap:.75rem;align-items:center}@media (max-width: 768px){.create-product-header .header-actions{width:100%;justify-content:stretch}.create-product-header .header-actions button{flex:1}}.create-product-header .header-actions .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-weight:600;cursor:pointer;transition:all .3s ease}.create-product-header .header-actions .btn-secondary .icon{width:18px;height:18px}.create-product-header .header-actions .btn-secondary:hover:not(:disabled){border-color:var(--destructive);color:var(--destructive);transform:translateY(-2px);box-shadow:0 4px 12px #f2783026}.create-product-header .header-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.create-product-header .header-actions .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:var(--gradient-primary);background-size:200% 200%;border:none;border-radius:var(--radius);color:#fff;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;animation:gradient-flow 4s ease infinite}.create-product-header .header-actions .btn-primary .icon{width:18px;height:18px;z-index:1}.create-product-header .header-actions .btn-primary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(45deg);animation:shine 3s infinite}.create-product-header .header-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2469a64d}.create-product-header .header-actions .btn-primary:active:not(:disabled){transform:translateY(0)}.create-product-header .header-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed}.create-product-header .header-actions .btn-primary .spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.create-product-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:3rem 2rem}@media (max-width: 768px){.create-product-content{padding:2rem 1rem}}.content-wrapper{animation:fade-in-up .6s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#d409241a,#d409240d);border:2px solid var(--destructive);border-radius:var(--radius);color:var(--destructive);margin-bottom:2rem;animation:shake .5s ease-out,slide-up .4s ease-out}.error-banner .icon{width:20px;height:20px;flex-shrink:0}.error-banner span{flex:1;font-weight:500}.error-banner .close-error{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--destructive);border-radius:4px;transition:all .2s ease}.error-banner .close-error .icon{width:18px;height:18px}.error-banner .close-error:hover{background:var(--destructive);color:#fff}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;border-radius:calc(var(--radius) * 1.5);padding:2rem;box-shadow:0 4px 20px #2237730f;border:1px solid var(--border);position:relative;overflow:hidden;transition:all .4s ease;animation:slide-up .6s ease-out backwards}.form-section:nth-child(1){animation-delay:.1s}.form-section:nth-child(2){animation-delay:.2s}.form-section:nth-child(3){animation-delay:.3s}.form-section:nth-child(4){animation-delay:.4s}.form-section:nth-child(5){animation-delay:.5s}.form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);background-size:200% 200%;animation:gradient-flow 4s ease infinite;opacity:0;transition:opacity .3s ease}.form-section:hover{box-shadow:0 8px 32px #2237731a;transform:translateY(-2px)}.form-section:hover:before{opacity:1}@media (max-width: 768px){.form-section{padding:1.5rem}}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--muted);position:relative}.section-header:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--gradient-action);animation:gradient-flow 3s ease infinite;background-size:200% 200%}.section-header h2{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.section-header h2:before{content:"";width:6px;height:24px;background:var(--gradient-action);border-radius:3px;animation:gradient-flow 3s ease infinite;background-size:200% 200%}.section-header p{color:var(--muted-foreground);margin:0;font-size:.95rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--foreground);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.form-group input[type=text],.form-group input[type=url],.form-group input[type=number],.form-group select,.form-group textarea{padding:.875rem 1rem;border:2px solid var(--border);border-radius:var(--radius);font-size:1rem;color:var(--foreground);background:#fff;transition:all .3s ease;font-family:inherit}.form-group input[type=text]::placeholder,.form-group input[type=url]::placeholder,.form-group input[type=number]::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--muted-foreground);opacity:.6}.form-group input[type=text]:hover,.form-group input[type=url]:hover,.form-group input[type=number]:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--primary)}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #0065b01a;box-shadow:0 0 0 4px oklch(50% .15 250deg / .1);transform:translateY(-1px)}.form-group input[type=text].error,.form-group input[type=url].error,.form-group input[type=number].error,.form-group select.error,.form-group textarea.error{border-color:var(--destructive);background:#d4092408}.form-group input[type=text].error:focus,.form-group input[type=url].error:focus,.form-group input[type=number].error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 4px #d409241a}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232469A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:20px;padding-right:3rem}.error-message{color:var(--destructive);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.375rem;animation:slide-in-left .3s ease-out}.error-message:before{content:"⚠";font-size:1rem}@keyframes slide-in-left{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.form-help{color:var(--muted-foreground);font-size:.85rem;font-style:italic}.price-input{position:relative;display:flex;align-items:center}.price-input input{flex:1;padding-right:4.5rem}.price-input .currency{position:absolute;right:1rem;font-weight:700;color:var(--primary);font-size:1rem;pointer-events:none;background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 4s ease infinite}.image-upload-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 968px){.image-upload-container{grid-template-columns:1fr;gap:1.5rem}}.image-upload-container .image-upload-controls{display:flex;flex-direction:column;gap:1rem}.image-upload-container .image-upload-controls input[type=url]{order:1}.image-upload-container .image-upload-controls .upload-button{order:2;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;background:var(--gradient-primary);background-size:200% 200%;border:none;border-radius:var(--radius);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;animation:gradient-flow 4s ease infinite;position:relative;overflow:hidden}.image-upload-container .image-upload-controls .upload-button .icon{width:20px;height:20px}.image-upload-container .image-upload-controls .upload-button .spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.image-upload-container .image-upload-controls .upload-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(45deg);animation:shine 3s infinite}.image-upload-container .image-upload-controls .upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2469a659}.image-upload-container .image-upload-controls .upload-button:active:not(:disabled){transform:translateY(0)}.image-upload-container .image-upload-controls .upload-button:disabled{opacity:.7;cursor:not-allowed}.image-upload-container .image-upload-controls .upload-hint{order:3;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:var(--radius);background:linear-gradient(135deg,oklch(98% .01 270deg) 0%,var(--muted) 100%);color:var(--muted-foreground);font-size:.875rem;text-align:center}.image-upload-container .image-upload-controls .upload-hint span{line-height:1.5}.image-upload-container .image-preview-side{position:relative;width:100%;border-radius:calc(var(--radius) * 1.5);overflow:hidden;box-shadow:0 8px 32px #22377326;border:3px solid var(--border);transition:all .3s ease;animation:scale-in .4s ease-out;background:linear-gradient(135deg,var(--muted) 0%,oklch(99% .002 270deg) 100%);min-height:200px;display:flex;align-items:center;justify-content:center}.image-upload-container .image-preview-side:hover{border-color:var(--primary);box-shadow:0 12px 48px #2469a640;transform:translateY(-4px)}.image-upload-container .image-preview-side img{width:70%;height:auto;display:block;object-fit:contain;max-height:500px}.image-upload-container .image-preview-side:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(36,105,166,.1) 0%,transparent 50%,rgba(242,120,48,.1) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.image-upload-container .image-preview-side:hover:before{opacity:1}@media (max-width: 968px){.image-upload-container .image-preview-side,.image-upload-container .image-preview-side img{max-height:400px}}.tags-input-section{display:flex;flex-direction:column;gap:1rem}.tags-input-section .tags-input{display:flex;gap:.5rem}.tags-input-section .tags-input input{flex:1}.tags-input-section .tags-input .add-tag-btn{padding:.875rem;background:var(--gradient-primary);background-size:200% 200%;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;transition:all .3s ease;animation:gradient-flow 4s ease infinite;display:flex;align-items:center;justify-content:center}.tags-input-section .tags-input .add-tag-btn .icon{width:20px;height:20px}.tags-input-section .tags-input .add-tag-btn:hover{transform:translateY(-2px) rotate(90deg);box-shadow:0 4px 12px #2469a64d}.tags-input-section .tags-input .add-tag-btn:active{transform:scale(.95)}.tags-input-section .tags-display{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:var(--muted);border-radius:var(--radius);min-height:60px;animation:slide-up .3s ease-out}.tags-input-section .tags-display .tag{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#fff;border:2px solid var(--border);border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--foreground);transition:all .3s ease;animation:scale-in .3s ease-out}.tags-input-section .tags-display .tag:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 8px #2469a626}.tags-input-section .tags-display .tag .tag-remove{background:none;border:none;cursor:pointer;padding:0;color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;transition:all .2s ease}.tags-input-section .tags-display .tag .tag-remove .icon{width:14px;height:14px}.tags-input-section .tags-display .tag .tag-remove:hover{background:var(--destructive);color:#fff}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.form-options{display:flex;flex-direction:column;gap:1.5rem}.form-options .checkbox-label{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:linear-gradient(135deg,var(--muted) 0%,oklch(99% .002 270deg) 100%);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.form-options .checkbox-label:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-action);background-size:200% 200%;animation:gradient-flow 3s ease infinite;opacity:0;transition:opacity .3s ease}.form-options .checkbox-label:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 4px 12px #2469a61a}.form-options .checkbox-label:hover:before{opacity:1}.form-options .checkbox-label input[type=checkbox]{position:absolute;opacity:0}.form-options .checkbox-label input[type=checkbox]+.checkbox-text{position:relative;padding-left:2.5rem;font-weight:600;color:var(--foreground)}.form-options .checkbox-label input[type=checkbox]+.checkbox-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border:2px solid var(--border);border-radius:6px;background:#fff;transition:all .3s ease}.form-options .checkbox-label input[type=checkbox]+.checkbox-text:after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:6px;border-left:3px solid white;border-bottom:3px solid white;transform-origin:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.form-options .checkbox-label input[type=checkbox]:checked+.checkbox-text:before{background:var(--gradient-primary);background-size:200% 200%;border-color:transparent;animation:gradient-flow 4s ease infinite}.form-options .checkbox-label input[type=checkbox]:checked+.checkbox-text:after{transform:translateY(-65%) rotate(-45deg) scale(1)}.form-options .checkbox-label .checkbox-text{display:block}.form-options .checkbox-label .checkbox-help{color:var(--muted-foreground);font-size:.875rem;margin-left:2.5rem}@media (max-width: 768px){.create-product-page:before{height:200px}.form-section{padding:1.25rem}.form-section .section-header h2{font-size:1.25rem}.form-grid{gap:1rem}.tags-input{flex-direction:column}.tags-input .add-tag-btn{width:100%}}.documents-section{display:flex;flex-direction:column;gap:1.5rem}.documents-section .documents-info{background:linear-gradient(135deg,var(--primary) 0%,oklch(60% .15 250deg) 100%);color:#fff;padding:1.5rem;border-radius:var(--radius);box-shadow:0 4px 12px #2469a626}.documents-section .documents-info p{margin:0;font-size:.95rem;line-height:1.5;opacity:.9}.documents-section .documents-list{display:flex;flex-direction:column;gap:.75rem}.documents-section .document-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#fff;border:2px solid var(--border);border-radius:var(--radius);transition:all .3s ease;animation:slide-in-right .3s ease-out}.documents-section .document-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #2469a626}.documents-section .document-item .document-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.documents-section .document-item .document-info .document-name{font-weight:600;color:var(--foreground);font-size:1rem}.documents-section .document-item .document-info .document-size{font-size:.875rem;color:var(--primary);font-weight:500}.documents-section .document-item .document-info .document-type{font-size:.8rem;color:var(--muted-foreground);background:var(--muted);padding:.25rem .5rem;border-radius:12px;width:fit-content;text-transform:uppercase;font-weight:500}.documents-section .document-item .document-actions{display:flex;gap:.5rem;align-items:center}.documents-section .document-item .document-actions .download-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gradient-primary);background-size:200% 200%;color:#fff;text-decoration:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all .3s ease;animation:gradient-flow 4s ease infinite}.documents-section .document-item .document-actions .download-btn .icon{width:16px;height:16px}.documents-section .document-item .document-actions .download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2469a64d}.documents-section .document-item .document-actions .remove-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--destructive);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;width:32px;height:32px}.documents-section .document-item .document-actions .remove-btn .icon{width:16px;height:16px}.documents-section .document-item .document-actions .remove-btn:hover{background:#a83634;transform:scale(1.1)}.documents-section .no-documents{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:var(--muted);border:2px dashed var(--border);border-radius:var(--radius);text-align:center;transition:all .3s ease}.documents-section .no-documents:hover{border-color:var(--primary);background:linear-gradient(135deg,oklch(95% .01 270deg) 0%,var(--muted) 100%)}.documents-section .no-documents .no-documents-icon{width:60px;height:60px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}.documents-section .no-documents .no-documents-icon .icon{width:28px;height:28px;color:#fff}.documents-section .no-documents p{margin:0;font-weight:600;color:var(--foreground);font-size:1.1rem}.documents-section .no-documents .no-documents-help{color:var(--muted-foreground);font-size:.875rem;font-style:italic}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.document-upload-section{display:flex;flex-direction:column;gap:1.5rem}.upload-zone{position:relative;border:2px dashed var(--border);border-radius:var(--radius);background:linear-gradient(135deg,var(--muted) 0%,oklch(99% .002 270deg) 100%);transition:all .3s ease;cursor:pointer;overflow:hidden}.upload-zone.drag-active{border-color:var(--primary);background:linear-gradient(135deg,oklch(95% .01 270deg) 0%,var(--muted) 100%);transform:scale(1.02)}.upload-zone.drag-active .upload-icon{animation:bounce-subtle 1s ease infinite}.upload-zone.unauthenticated{border-color:var(--warning, #f59e0b);background:linear-gradient(135deg,#fff7f080,#f9ece14d);background:linear-gradient(135deg,color(xyz 0.907 0.938 0.922 / 0.502),#f9ece14d);cursor:not-allowed;pointer-events:none}.upload-zone.unauthenticated .upload-icon{color:var(--warning, #f59e0b);animation:pulse 2s ease-in-out infinite}.upload-zone.unauthenticated .upload-primary{color:var(--warning, #f59e0b)!important}.upload-zone.unauthenticated .upload-secondary{color:var(--warning-foreground, #92400e)!important}.upload-label{display:block;cursor:pointer;width:100%;height:100%;padding:2rem}.upload-label .upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.upload-label .upload-spinner{width:40px;height:40px;border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.upload-label .upload-icon{width:48px;height:48px;color:var(--primary);transition:all .3s ease}.upload-label .upload-text{display:flex;flex-direction:column;gap:.5rem}.upload-label .upload-text .upload-primary{font-size:1.1rem;font-weight:600;color:var(--foreground)}.upload-label .upload-text .upload-secondary{font-size:.95rem;color:var(--muted-foreground)}.upload-label .upload-formats{font-size:.875rem;color:var(--muted-foreground);background:var(--card);padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border)}.upload-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#d409241a,#d409240d);border:1px solid var(--destructive);border-radius:var(--radius);color:var(--destructive);animation:shake .5s ease-out}.upload-error .error-icon{width:20px;height:20px;flex-shrink:0}.upload-error span{flex:1;font-weight:500}.upload-error .error-close{background:none;border:none;color:var(--destructive);cursor:pointer;padding:.25rem;border-radius:4px;transition:background .2s ease}.upload-error .error-close:hover{background:var(--destructive);color:#fff}.upload-error .error-close .icon{width:16px;height:16px}.documents-preview{display:flex;flex-direction:column;gap:1rem}.documents-preview .documents-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--foreground);display:flex;align-items:center;gap:.5rem}.documents-preview .documents-header h4:before{content:"";width:4px;height:20px;background:var(--gradient-primary);background-size:200% 200%;border-radius:2px;animation:gradient-flow 3s ease infinite}.documents-preview .documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}@media (max-width: 768px){.documents-preview .documents-grid{grid-template-columns:1fr}}.documents-preview .document-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);transition:all .3s ease;animation:slide-up .3s ease-out}.documents-preview .document-preview:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #2469a626}.documents-preview .document-preview .document-icon{width:48px;height:48px;background:var(--gradient-primary);background-size:200% 200%;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;animation:gradient-flow 4s ease infinite}.documents-preview .document-preview .document-icon .icon{width:24px;height:24px;color:#fff}.documents-preview .document-preview .document-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.documents-preview .document-preview .document-details .document-name{font-weight:600;color:var(--foreground);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documents-preview .document-preview .document-details .document-meta{display:flex;gap:1rem;font-size:.875rem}.documents-preview .document-preview .document-details .document-meta .document-size{color:var(--primary);font-weight:500}.documents-preview .document-preview .document-details .document-meta .document-type{color:var(--muted-foreground);background:var(--muted);padding:.125rem .5rem;border-radius:12px;font-weight:500;text-transform:uppercase;font-size:.75rem}.documents-preview .document-preview .document-actions{display:flex;gap:.5rem}.documents-preview .document-preview .document-actions .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.documents-preview .document-preview .document-actions .action-btn.download{background:var(--gradient-primary);background-size:200% 200%;color:#fff;animation:gradient-flow 4s ease infinite}.documents-preview .document-preview .document-actions .action-btn.download:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2469a64d}.documents-preview .document-preview .document-actions .action-btn.remove{background:var(--destructive);color:#fff}.documents-preview .document-preview .document-actions .action-btn.remove:hover:not(:disabled){background:#a83634;transform:scale(1.1)}.documents-preview .document-preview .document-actions .action-btn.remove:disabled{opacity:.5;cursor:not-allowed}.documents-preview .document-preview .document-actions .action-btn .icon{width:16px;height:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.upload-progress-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.upload-progress-container .progress-info{display:flex;flex-direction:column;gap:.25rem;text-align:center}.upload-progress-container .progress-info .progress-text{font-weight:600;color:var(--primary);font-size:1rem}.upload-progress-container .progress-info .progress-file{font-size:.875rem;color:var(--muted-foreground);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress-container .progress-bar{width:100%;height:8px;background:var(--muted);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.upload-progress-container .progress-bar .progress-fill{height:100%;background:var(--gradient-primary);background-size:200% 200%;border-radius:4px;transition:width .3s ease;animation:gradient-flow 2s ease infinite;box-shadow:0 0 8px #2469a64d}.upload-progress-container .progress-details{text-align:center;font-size:.75rem;color:var(--muted-foreground);font-weight:500}.product-type-section .product-type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}@media (max-width: 640px){.product-type-section .product-type-selector{grid-template-columns:1fr}}.product-type-section .product-type-selector .type-option{position:relative;cursor:pointer;border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;background:var(--background);transition:all .3s ease}.product-type-section .product-type-selector .type-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.product-type-section .product-type-selector .type-option .type-content{display:flex;align-items:center;gap:1rem}.product-type-section .product-type-selector .type-option .type-content .type-icon{font-size:2.5rem;line-height:1;transition:transform .3s ease}.product-type-section .product-type-selector .type-option .type-content .type-info{flex:1}.product-type-section .product-type-selector .type-option .type-content .type-info h3{font-size:1.1rem;font-weight:600;color:var(--foreground);margin:0 0 .25rem}.product-type-section .product-type-selector .type-option .type-content .type-info p{font-size:.875rem;color:var(--muted-foreground);margin:0}.product-type-section .product-type-selector .type-option:hover{border-color:var(--primary);background:var(--muted);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.product-type-section .product-type-selector .type-option:hover .type-icon{transform:scale(1.1)}.product-type-section .product-type-selector .type-option.active{border-color:var(--primary);border-width:3px;background:linear-gradient(135deg,#2469a60d,#2469a605);box-shadow:0 4px 16px #2469a626}.product-type-section .product-type-selector .type-option.active .type-content .type-icon{transform:scale(1.15)}.product-type-section .product-type-selector .type-option.active .type-content .type-info h3{color:var(--primary)}.product-type-section .product-type-selector .type-option.active:after{content:"✓";position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-weight:700;font-size:.875rem}.custom-category-input{display:flex;gap:.5rem;align-items:center}.custom-category-input input{flex:1;padding:.625rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;transition:all .3s ease}.custom-category-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2469a61a}.custom-category-input input.error{border-color:var(--destructive)}.custom-category-input .btn-cancel-custom{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--destructive);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;transition:all .3s ease}.custom-category-input .btn-cancel-custom .icon{width:18px;height:18px}.custom-category-input .btn-cancel-custom:hover{background:#ed2c2c;transform:scale(1.05)}.image-counter{margin-left:.5rem;font-size:.875rem;font-weight:500;color:var(--muted-foreground);padding:.25rem .5rem;background:var(--muted);border-radius:var(--radius)}.product-gallery-section{display:flex;flex-direction:column;gap:1.5rem}.product-gallery-section .gallery-upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:2rem;background:var(--muted);transition:all .3s ease;text-align:center}.product-gallery-section .gallery-upload-zone:hover{border-color:var(--primary);background:#f6f8ff}.product-gallery-section .gallery-upload-zone.dragging{border-color:var(--primary);background:linear-gradient(135deg,#2469a61a,#2469a60d);border-width:3px;transform:scale(1.02);box-shadow:0 8px 24px #2469a626}.product-gallery-section .gallery-upload-zone.dragging .upload-icon{color:var(--primary);transform:scale(1.1)}.product-gallery-section .gallery-upload-zone.dragging .upload-text{color:var(--primary);font-weight:600}.product-gallery-section .gallery-upload-zone.disabled{opacity:.6;background:var(--muted);border-color:var(--border);pointer-events:none}.product-gallery-section .gallery-upload-zone.disabled .upload-icon{color:var(--muted-foreground)}.product-gallery-section .gallery-upload-zone.disabled .upload-text{color:var(--muted-foreground);font-weight:600}.product-gallery-section .gallery-upload-zone.disabled .gallery-controls{opacity:.5;pointer-events:none}.product-gallery-section .gallery-upload-zone .upload-icon-container{display:flex;justify-content:center;margin-bottom:1rem}.product-gallery-section .gallery-upload-zone .upload-icon-container .upload-icon{width:48px;height:48px;color:var(--muted-foreground)}.product-gallery-section .gallery-upload-zone .upload-text{color:var(--muted-foreground);font-size:.95rem;margin-bottom:1.5rem}.product-gallery-section .gallery-upload-zone .gallery-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:center}@media (max-width: 640px){.product-gallery-section .gallery-upload-zone .gallery-controls{flex-direction:column;width:100%}}.product-gallery-section .gallery-upload-zone .gallery-controls .gallery-url-input{flex:1;min-width:250px;padding:.625rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;transition:all .3s ease}.product-gallery-section .gallery-upload-zone .gallery-controls .gallery-url-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2469a61a}@media (max-width: 640px){.product-gallery-section .gallery-upload-zone .gallery-controls .gallery-url-input{width:100%}}.product-gallery-section .gallery-upload-zone .gallery-controls .add-gallery-btn,.product-gallery-section .gallery-upload-zone .gallery-controls .upload-gallery-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.product-gallery-section .gallery-upload-zone .gallery-controls .add-gallery-btn .icon,.product-gallery-section .gallery-upload-zone .gallery-controls .upload-gallery-btn .icon{width:18px;height:18px}.product-gallery-section .gallery-upload-zone .gallery-controls .add-gallery-btn:disabled,.product-gallery-section .gallery-upload-zone .gallery-controls .upload-gallery-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.product-gallery-section .gallery-upload-zone .gallery-controls .add-gallery-btn,.product-gallery-section .gallery-upload-zone .gallery-controls .upload-gallery-btn{width:100%;justify-content:center}}.product-gallery-section .gallery-upload-zone .gallery-controls .add-gallery-btn{background:var(--primary);color:#fff}.product-gallery-section .gallery-upload-zone .gallery-controls .add-gallery-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2469a64d}.product-gallery-section .gallery-upload-zone .gallery-controls .upload-gallery-btn{background:var(--secondary);color:var(--foreground);border:1px solid var(--border)}.product-gallery-section .gallery-upload-zone .gallery-controls .upload-gallery-btn:hover:not(:disabled){background:var(--muted);border-color:var(--primary)}.product-gallery-section .gallery-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding:1rem;background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--border)}@media (max-width: 640px){.product-gallery-section .gallery-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}.product-gallery-section .gallery-preview .gallery-image-item{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;border:2px solid var(--border);transition:all .3s ease;background:var(--muted)}.product-gallery-section .gallery-preview .gallery-image-item:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.product-gallery-section .gallery-preview .gallery-image-item:hover .remove-gallery-image{opacity:1}.product-gallery-section .gallery-preview .gallery-image-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-gallery-section .gallery-preview .gallery-image-item:hover img{transform:scale(1.05)}.product-gallery-section .gallery-preview .gallery-image-item .remove-gallery-image{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef4444f2;border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:all .3s ease;box-shadow:0 2px 8px #0003}.product-gallery-section .gallery-preview .gallery-image-item .remove-gallery-image .icon{width:16px;height:16px}.product-gallery-section .gallery-preview .gallery-image-item .remove-gallery-image:hover{background:#dc2626;transform:scale(1.1)}@media (max-width: 640px){.product-gallery-section .gallery-preview .gallery-image-item .remove-gallery-image{opacity:1}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}._toolbar_1ci1z_1{background:#fff;border-right:1px solid #e0e0e0;height:100%;overflow-y:auto;display:flex;flex-direction:column}._toolbarHeader_1ci1z_10{padding:1.5rem;border-bottom:1px solid #e0e0e0;flex-shrink:0}._toolbarHeader_1ci1z_10 h3{font-size:1.125rem;font-weight:700;color:#223773;margin:0 0 .25rem}._toolbarHeader_1ci1z_10 p{font-size:.75rem;color:#64748b;margin:0}._elementsList_1ci1z_27{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto}._element_1ci1z_27{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border:2px solid transparent;border-radius:8px;cursor:grab;transition:all .2s}._element_1ci1z_27:hover{background:#e9ecef;border-color:#2469a6}._element_1ci1z_27._dragging_1ci1z_51{opacity:.5;cursor:grabbing}._elementIcon_1ci1z_56{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border-radius:6px;color:#2469a6}._elementInfo_1ci1z_67{flex:1}._elementInfo_1ci1z_67 h4{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .125rem}._elementInfo_1ci1z_67 p{font-size:.75rem;color:#64748b;margin:0}._canvasElement_13czo_1{width:100%;height:100%;position:relative;cursor:move}._canvasElement_13czo_1._selected_13czo_7 ._selectionOverlay_13czo_7{display:flex}._selectionOverlay_13czo_7{display:none;position:absolute;top:-28px;left:0;right:0;height:24px;background:#2469a6;border-radius:4px 4px 0 0;align-items:center;justify-content:space-between;padding:0 .5rem;z-index:10}._elementLabel_13czo_26{font-size:.75rem;font-weight:600;color:#fff;text-transform:capitalize}._deleteBtn_13czo_33{display:flex;align-items:center;justify-content:center;padding:.25rem;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s}._deleteBtn_13czo_33:hover{background:#ffffff4d}._placeholder_13czo_49{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:1.5rem}._button_13czo_62{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;background:#2469a6;color:#fff}._container_13czo_72{width:100%;height:100%;border:2px dashed #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b}._products_13czo_83{width:100%;height:100%;padding:1rem;overflow:hidden}._productGrid_13czo_90{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;height:100%}._productCard_13czo_97{background:#f1f5f9;border-radius:8px;aspect-ratio:1}._icon_13czo_103{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem}._inlineEdit_13czo_112{width:100%;border:2px solid #3b82f6;outline:none;background:#3b82f60d;padding:.25rem .5rem;border-radius:4px;font-family:inherit;resize:vertical}._inlineEdit_13czo_112:focus{background:#3b82f61a}._codeBlock_13czo_126{width:100%;height:100%;overflow:auto;background:#f8f9fa;border:1px dashed #cbd5e1;border-radius:4px;padding:1rem}._placeholder_13czo_49{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px dashed #cbd5e1;border-radius:12px;padding:1rem}._placeholderIcon_13czo_150{font-size:2.5rem}._placeholderText_13czo_154{font-size:1rem;font-weight:600;color:#475569;text-align:center}._placeholderHint_13czo_161{font-size:.75rem;color:#94a3b8;text-align:center}._list_13czo_167{padding:1rem}._list_13czo_167 ul,._list_13czo_167 ol{margin:0;padding-left:1.5rem}._list_13czo_167 li{margin-bottom:.5rem}._checklist_13czo_178{padding:1rem}._checklistItem_13czo_182{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}._checklistItem_13czo_182 input[type=checkbox]{cursor:pointer}._checklistItem_13czo_182 span{flex:1}._input_13czo_195,._textarea_13czo_196,._select_13czo_7{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:1rem}._input_13czo_195:focus,._textarea_13czo_196:focus,._select_13czo_7:focus{outline:none;border-color:#2469a6;box-shadow:0 0 0 3px #2469a61a}._textarea_13czo_196{resize:vertical;min-height:100px}._checkbox_13czo_218{display:flex;align-items:center;gap:.5rem;cursor:pointer}._checkbox_13czo_218 input[type=checkbox]{cursor:pointer}._radioGroup_13czo_228{display:flex;flex-direction:column;gap:.5rem}._radioGroup_13czo_228 label{display:flex;align-items:center;gap:.5rem;cursor:pointer}._radioGroup_13czo_228 label input[type=radio]{cursor:pointer}._searchBar_13czo_243{width:100%}._searchBar_13czo_243 input[type=search]{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:24px;font-size:1rem}._searchBar_13czo_243 input[type=search]:focus{outline:none;border-color:#2469a6;box-shadow:0 0 0 3px #2469a61a}._canvasWrapper_jx4e7_1{flex:1;display:flex;flex-direction:column;background:#e9ecef;overflow:auto;padding:2rem}._canvasContainer_jx4e7_10{position:relative;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}._canvasInfo_jx4e7_19{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 1rem;background:#fff;border-radius:8px;font-size:.875rem;font-weight:600;color:#64748b}._canvas_jx4e7_1{position:relative;min-height:800px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;transition:all .3s}._canvas_jx4e7_1._canvasOver_jx4e7_41{box-shadow:0 0 0 3px #2469a6}._grid_jx4e7_45{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:10px 10px;pointer-events:none}._emptyState_jx4e7_56{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#94a3b8}._emptyState_jx4e7_56 h3{font-size:1.5rem;margin:0 0 .5rem}._emptyState_jx4e7_56 p{font-size:1rem;margin:0}._canvas_jx4e7_1._multiSelectMode_jx4e7_73{cursor:crosshair}._canvas_jx4e7_1 *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._selectionBox_jx4e7_83{animation:_selectionBoxFade_jx4e7_1 .2s ease-in-out}@keyframes _selectionBoxFade_jx4e7_1{0%{opacity:0}to{opacity:1}}._rndElement_jx4e7_95{transition:all .15s ease}._rndElement_jx4e7_95._selected_jx4e7_98{outline:2px solid #2469a6;outline-offset:2px}._rndElement_jx4e7_95._multiSelected_jx4e7_102{outline:2px solid #F29727;outline-offset:2px;box-shadow:0 0 0 4px #f2972733}._rndElement_jx4e7_95._hovered_jx4e7_107{outline:2px dashed #3b82f6;outline-offset:2px}._rndElement_jx4e7_95._locked_jx4e7_111{cursor:not-allowed;opacity:.7}._propertiesPanel_1kxdx_1{flex:1;background:#fff;border-left:1px solid #e0e0e0;overflow-y:auto;display:flex;flex-direction:column}._empty_1kxdx_10{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#94a3b8}._empty_1kxdx_10 h3{font-size:1.125rem;margin:0 0 .5rem}._empty_1kxdx_10 p{font-size:.875rem;margin:0}._header_1kxdx_29{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}._header_1kxdx_29 h3{font-size:1.125rem;font-weight:700;color:#223773;margin:0}._header_1kxdx_29 ._elementType_1kxdx_42{padding:.25rem .75rem;background:#e0f2fe;color:#0369a1;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}._sections_1kxdx_52{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}._section_1kxdx_52 h4{font-size:.875rem;font-weight:700;color:#475569;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}._formGroup_1kxdx_68{margin-bottom:1rem}._formGroup_1kxdx_68 label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem}._formGroup_1kxdx_68 input,._formGroup_1kxdx_68 textarea,._formGroup_1kxdx_68 select{width:100%;padding:.625rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;font-family:inherit;transition:all .2s}._formGroup_1kxdx_68 input:focus,._formGroup_1kxdx_68 textarea:focus,._formGroup_1kxdx_68 select:focus{outline:none;border-color:#2469a6;box-shadow:0 0 0 3px #2469a61a}._formGroup_1kxdx_68 textarea{resize:vertical;min-height:80px}._colorInput_1kxdx_101{display:flex;gap:.5rem}._colorInput_1kxdx_101 input[type=color]{width:50px;height:38px;padding:2px;cursor:pointer}._colorInput_1kxdx_101 input[type=text]{flex:1}._formRow_1kxdx_115{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}._layersPanel_hy3hw_1{background:#fff;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;overflow-y:auto;max-height:200px}._header_hy3hw_9{padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}._header_hy3hw_9 h3{font-size:1rem;font-weight:700;color:#223773;margin:0}._header_hy3hw_9 ._count_hy3hw_22{padding:.25rem .5rem;background:#e0f2fe;color:#0369a1;border-radius:4px;font-size:.75rem;font-weight:600}._empty_hy3hw_31{padding:2rem;text-align:center;color:#94a3b8;font-size:.875rem}._layersList_hy3hw_38{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}._layer_hy3hw_1{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8f9fa;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}._layer_hy3hw_1:hover{background:#e9ecef}._layer_hy3hw_1._selected_hy3hw_59{background:#e0f2fe;border-color:#2469a6}._layerInfo_hy3hw_64{display:flex;align-items:center;gap:.5rem}._layerType_hy3hw_70{font-size:.875rem;font-weight:600;color:#1e293b;text-transform:capitalize}._layerZIndex_hy3hw_77{font-size:.75rem;color:#64748b;padding:.125rem .375rem;background:#fff;border-radius:4px}._layerActions_hy3hw_85{display:flex;gap:.25rem}._layerActions_hy3hw_85 button{display:flex;align-items:center;justify-content:center;padding:.375rem;background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;transition:all .2s}._layerActions_hy3hw_85 button:hover{background:#f1f5f9;color:#2469a6;border-color:#2469a6}._modalOverlay_da378_1{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_da378_1 .2s ease}@keyframes _fadeIn_da378_1{0%{opacity:0}to{opacity:1}}._modal_da378_1{background:#fff;border-radius:16px;max-width:900px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:_slideUp_da378_1 .3s ease}@keyframes _slideUp_da378_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._modalHeader_da378_45{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0}._modalHeader_da378_45 h2{font-size:1.5rem;font-weight:700;color:#223773;margin:0}._closeBtn_da378_59{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s}._closeBtn_da378_59:hover{background:#e2e8f0;color:#2469a6}._modalContent_da378_76{flex:1;overflow-y:auto;padding:2rem}._templatesGrid_da378_82{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}._templateCard_da378_88{background:#f8f9fa;border:2px solid transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s}._templateCard_da378_88:hover{border-color:#2469a6;transform:translateY(-4px);box-shadow:0 8px 24px #2469a633}._templateThumbnail_da378_102{display:flex;align-items:center;justify-content:center;height:120px;background:#fff;border-radius:8px;margin-bottom:1rem;font-size:3rem;overflow:hidden}._templateThumbnail_da378_102 img{width:100%;height:100%;object-fit:cover}._templateThumbnail_da378_102 span{font-size:3rem}._templateInfo_da378_122 h3{font-size:1.125rem;font-weight:600;color:#223773;margin:0 0 .5rem}._templateInfo_da378_122 p{font-size:.875rem;color:#64748b;margin:0}._modalOverlay_1u0hg_1{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:_fadeIn_1u0hg_1 .2s ease}._modalContent_1u0hg_16{width:95vw;height:95vh;background:#fff;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:_slideUp_1u0hg_1 .3s ease}._header_1u0hg_27{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:16px 16px 0 0}._title_1u0hg_37{display:flex;align-items:center;gap:1rem}._title_1u0hg_37 h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}._pageName_1u0hg_49{font-size:.875rem;color:#6b7280;padding:.25rem .75rem;background:#e5e7eb;border-radius:6px}._actions_1u0hg_57{display:flex;align-items:center;gap:.75rem}._viewportSelector_1u0hg_63{display:flex;gap:.25rem;padding:.25rem;background:#e5e7eb;border-radius:8px}._viewportSelector_1u0hg_63 button{padding:.5rem .75rem;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}._viewportSelector_1u0hg_63 button:hover{background:#d1d5db;color:#111827}._viewportSelector_1u0hg_63 button._active_1u0hg_86{background:#fff;color:#2469a6;box-shadow:0 1px 3px #0000001a}._btnAction_1u0hg_92{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s}._btnAction_1u0hg_92:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}._btnAction_1u0hg_92:disabled{opacity:.5;cursor:not-allowed}._btnClose_1u0hg_115{padding:.5rem;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}._btnClose_1u0hg_115:hover{background:#fee2e2;color:#dc2626}._previewContainer_1u0hg_132{flex:1;overflow:auto;background:#f3f4f6;padding:2rem;display:flex;align-items:center;justify-content:center}._previewFrame_1u0hg_142{background:#fff;transition:all .3s ease}._footer_1u0hg_147{padding:.75rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px}._info_1u0hg_154{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#6b7280}._info_1u0hg_154 span:not(:last-child):after{content:""}@keyframes _fadeIn_1u0hg_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1u0hg_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._horizontalRuler_dppie_1,._verticalRuler_dppie_2{position:absolute;pointer-events:none;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges}._horizontalRuler_dppie_1{top:0;left:24px;height:24px}._verticalRuler_dppie_2{top:24px;left:0;width:24px}._cornerBox_dppie_22{position:absolute;top:0;left:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#94a3b8;-webkit-user-select:none;user-select:none}._smartGuides_1p18r_1{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}._guide_1p18r_11{position:absolute;pointer-events:none;animation:_fadeIn_1p18r_1 .15s ease-out}._guide_1p18r_11._horizontal_1p18r_16{height:1px;left:0;box-shadow:0 0 4px #3b82f680}._guide_1p18r_11._vertical_1p18r_21{width:1px;top:0;box-shadow:0 0 4px #3b82f680}._guide_1p18r_11 ._label_1p18r_26{position:absolute;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;white-space:nowrap;box-shadow:0 2px 4px #0000001a}._guide_1p18r_11._horizontal_1p18r_16 ._label_1p18r_26{left:8px;top:-12px}._guide_1p18r_11._vertical_1p18r_21 ._label_1p18r_26{top:8px;left:4px;writing-mode:vertical-rl;text-orientation:mixed}@keyframes _fadeIn_1p18r_1{0%{opacity:0}to{opacity:1}}._autoLayoutPanel_15hy6_1{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}._header_15hy6_8{margin-bottom:1.5rem}._header_15hy6_8 h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:#223773}._header_15hy6_8 p{margin:0;font-size:.875rem;color:#64748b}._emptyState_15hy6_23{padding:2rem 1rem;text-align:center;color:#94a3b8;font-size:.875rem;background:#f8fafc;border-radius:8px}._section_15hy6_32{margin-bottom:1.5rem}._section_15hy6_32>label:first-child{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#475569}._buttonGroup_15hy6_43{display:flex;gap:.5rem}._btn_15hy6_48{flex:1;padding:.625rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-weight:600;font-size:1.125rem;cursor:pointer;transition:all .2s;color:#64748b;display:flex;align-items:center;justify-content:center}._btn_15hy6_48:hover{border-color:#2469a6;color:#2469a6;background:#2469a60d}._btn_15hy6_48._active_15hy6_68{background:linear-gradient(135deg,#2469a6,#223773);border-color:#2469a6;color:#fff;box-shadow:0 4px 12px #2469a64d}._inputGroup_15hy6_75{display:flex;align-items:center;gap:.5rem}._inputGroup_15hy6_75 label{font-size:.875rem;color:#64748b;min-width:80px}._inputGroup_15hy6_75 input[type=range]{flex:1;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none}._inputGroup_15hy6_75 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#2469a6,#223773);cursor:pointer;box-shadow:0 2px 4px #0003}._inputGroup_15hy6_75 input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#2469a6,#223773);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}._inputGroup_15hy6_75 input[type=range]:disabled{opacity:.5;cursor:not-allowed}._inputGroup_15hy6_75 ._numberInput_15hy6_116{width:70px;padding:.5rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.875rem;font-weight:600;text-align:center;color:#223773;transition:all .2s}._inputGroup_15hy6_75 ._numberInput_15hy6_116:focus{outline:none;border-color:#2469a6;box-shadow:0 0 0 3px #2469a61a}._inputGroup_15hy6_75 ._unit_15hy6_132{font-size:.875rem;color:#94a3b8;font-weight:600}._checkbox_15hy6_138{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox_15hy6_138 input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2469A6}._checkbox_15hy6_138 span{font-size:.875rem;color:#475569}._applyBtn_15hy6_156,._optimizeBtn_15hy6_157{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}._applyBtn_15hy6_156{background:linear-gradient(135deg,#2469a6,#223773);color:#fff;box-shadow:0 4px 12px #2469a64d}._applyBtn_15hy6_156:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2469a666}._applyBtn_15hy6_156:active{transform:translateY(0)}._optimizeBtn_15hy6_157{background:linear-gradient(135deg,#f29727,#f27830);color:#fff;box-shadow:0 4px 12px #f297274d}._optimizeBtn_15hy6_157:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f2972766}._optimizeBtn_15hy6_157:active{transform:translateY(0)}._divider_15hy6_198{height:1px;background:#e2e8f0;margin:1.5rem 0}._modeIndicator_15hy6_204{padding:.75rem 1rem;background:linear-gradient(135deg,#2469a61a,#2237731a);border-left:3px solid #2469A6;border-radius:6px;font-size:.875rem;font-weight:600;color:#2469a6;text-align:center;margin-top:1rem}._designTokensPanel_1jj3w_1{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:100%}._header_1jj3w_11{padding:1.5rem;border-bottom:1px solid #e2e8f0}._header_1jj3w_11 h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}._header_1jj3w_11 p{font-size:.875rem;color:#6b7280;margin:0}._tabs_1jj3w_27{display:flex;gap:.5rem;padding:1rem;background:#f9fafb;border-bottom:1px solid #e2e8f0;overflow-x:auto}._tab_1jj3w_27{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}._tab_1jj3w_27:hover{background:#f3f4f6;border-color:#d1d5db}._tab_1jj3w_27._active_1jj3w_55{background:#2469a6;color:#fff;border-color:#2469a6}._content_1jj3w_61{flex:1;overflow-y:auto;padding:1.5rem}._section_1jj3w_67{margin-bottom:2rem}._section_1jj3w_67 h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}._colorsTab_1jj3w_79{display:flex;flex-direction:column;gap:2rem}._colorGroup_1jj3w_85 h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem;text-transform:capitalize}._colorGrid_1jj3w_93{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}._colorSwatch_1jj3w_99{aspect-ratio:1;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}._colorSwatch_1jj3w_99:hover{transform:scale(1.05);border-color:#2469a6;box-shadow:0 4px 12px #00000026}._colorSwatch_1jj3w_99:active{transform:scale(.95)}._colorLabel_1jj3w_117{position:absolute;bottom:0;left:0;right:0;padding:.25rem;background:#000000b3;color:#fff;font-size:.625rem;font-weight:600;text-align:center;opacity:0;transition:opacity .2s ease}._colorSwatch_1jj3w_99:hover ._colorLabel_1jj3w_117{opacity:1}._typographyTab_1jj3w_135{display:flex;flex-direction:column;gap:2rem}._fontList_1jj3w_141{display:flex;flex-direction:column;gap:.5rem}._fontItem_1jj3w_147{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}._fontItem_1jj3w_147:hover{background:#fff;border-color:#2469a6;box-shadow:0 2px 8px #0000001a}._fontName_1jj3w_164{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}._fontPreview_1jj3w_173{font-size:1.125rem;color:#1f2937}._sizeList_1jj3w_178,._weightList_1jj3w_179{display:flex;flex-direction:column;gap:.5rem}._sizeItem_1jj3w_185,._weightItem_1jj3w_186{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px}._sizeName_1jj3w_196,._weightName_1jj3w_197{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;min-width:60px}._sizeValue_1jj3w_205{flex:1;text-align:center;color:#1f2937}._sizeLabel_1jj3w_211,._weightValue_1jj3w_212{font-size:.75rem;color:#9ca3af;min-width:60px;text-align:right}._weightPreview_1jj3w_219{flex:1;text-align:center;color:#1f2937;font-size:1rem}._spacingTab_1jj3w_226{display:flex;flex-direction:column;gap:2rem}._spacingList_1jj3w_232{display:flex;flex-direction:column;gap:.5rem}._spacingItem_1jj3w_238{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}._spacingItem_1jj3w_238:hover{background:#fff;border-color:#2469a6;box-shadow:0 2px 8px #0000001a}._spacingName_1jj3w_255{font-size:.75rem;font-weight:600;color:#6b7280;min-width:40px}._spacingVisual_1jj3w_262{flex:1;height:20px;background:#e2e8f0;border-radius:4px;overflow:hidden}._spacingBar_1jj3w_270{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease}._spacingValue_1jj3w_277{font-size:.75rem;color:#9ca3af;min-width:60px;text-align:right}._radiusList_1jj3w_284{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}._radiusItem_1jj3w_290{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px}._radiusName_1jj3w_301{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}._radiusPreview_1jj3w_308{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #e2e8f0}._radiusValue_1jj3w_315{font-size:.75rem;color:#9ca3af}._gradientsTab_1jj3w_320{display:flex;flex-direction:column;gap:2rem}._gradientGrid_1jj3w_326{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}._gradientItem_1jj3w_332{aspect-ratio:16/9;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}._gradientItem_1jj3w_332:hover{transform:scale(1.05);border-color:#fff;box-shadow:0 8px 24px #0003}._gradientItem_1jj3w_332:active{transform:scale(.95)}._gradientLabel_1jj3w_350{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:#000000b3;color:#fff;font-size:.75rem;font-weight:600;text-align:center;text-transform:capitalize}._shadowList_1jj3w_364{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}._shadowItem_1jj3w_370{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px}._shadowName_1jj3w_381{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}._shadowPreview_1jj3w_388{width:80px;height:80px;background:#fff;border-radius:8px}._content_1jj3w_61::-webkit-scrollbar{width:8px}._content_1jj3w_61::-webkit-scrollbar-track{background:#f3f4f6}._content_1jj3w_61::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}._content_1jj3w_61::-webkit-scrollbar-thumb:hover{background:#9ca3af}._componentLibraryPanel_1r5lz_1{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0}._header_1r5lz_12{padding:1.5rem;border-bottom:1px solid #e2e8f0}._header_1r5lz_12 h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}._header_1r5lz_12 p{font-size:.875rem;color:#6b7280;margin:0}._searchBar_1r5lz_28{padding:1rem;border-bottom:1px solid #e2e8f0}._searchInput_1r5lz_33{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:all .2s ease}._searchInput_1r5lz_33:focus{outline:none;border-color:#2469a6;box-shadow:0 0 0 3px #2469a61a}._searchInput_1r5lz_33::placeholder{color:#9ca3af}._categories_1r5lz_50{display:flex;gap:.25rem;padding:1rem;border-bottom:1px solid #e2e8f0;max-height:250px;overflow-y:auto;flex-shrink:0}._categoryBtn_1r5lz_60{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;text-align:left}._categoryBtn_1r5lz_60:hover{background:#f3f4f6;color:#1f2937}._categoryBtn_1r5lz_60._active_1r5lz_79{background:#eff6ff;color:#2469a6;font-weight:600}._categoryBtn_1r5lz_60 svg{flex-shrink:0}._categoryBtn_1r5lz_60 span:first-of-type{flex:1}._count_1r5lz_91{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:#e5e7eb;border-radius:12px;font-size:.75rem;font-weight:600;color:#6b7280}._categoryBtn_1r5lz_60._active_1r5lz_79 ._count_1r5lz_91{background:#2469a6;color:#fff}._componentsGrid_1r5lz_109{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;align-content:start;min-height:0}._emptyState_1r5lz_120{grid-column:1/-1;padding:4rem 2rem;text-align:center}._emptyState_1r5lz_120 p{font-size:.875rem;color:#9ca3af;margin:0}._componentCard_1r5lz_131{display:flex;flex-direction:column;background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease}._componentCard_1r5lz_131:hover{border-color:#2469a6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}._componentCard_1r5lz_131:hover ._componentActions_1r5lz_146{opacity:1}._componentCard_1r5lz_131:active{transform:translateY(0)}._componentPreview_1r5lz_153{aspect-ratio:16/10;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);position:relative;overflow:hidden}._previewPlaceholder_1r5lz_160{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._previewIcon_1r5lz_168{font-size:3rem;opacity:.3}._componentInfo_1r5lz_173{padding:1rem;display:flex;flex-direction:column;gap:.25rem}._componentInfo_1r5lz_173 h4{font-size:.875rem;font-weight:600;color:#1f2937;margin:0}._componentCategory_1r5lz_186{font-size:.75rem;color:#6b7280;text-transform:capitalize}._componentActions_1r5lz_146{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s ease}._addIcon_1r5lz_200{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#2469a6;color:#fff;border-radius:8px;font-size:1.25rem;font-weight:600;box-shadow:0 2px 8px #0003}._categories_1r5lz_50::-webkit-scrollbar,._componentsGrid_1r5lz_109::-webkit-scrollbar{width:8px}._categories_1r5lz_50::-webkit-scrollbar-track,._componentsGrid_1r5lz_109::-webkit-scrollbar-track{background:#f3f4f6}._categories_1r5lz_50::-webkit-scrollbar-thumb,._componentsGrid_1r5lz_109::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}._categories_1r5lz_50::-webkit-scrollbar-thumb:hover,._componentsGrid_1r5lz_109::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){._componentsGrid_1r5lz_109{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}._categories_1r5lz_50{max-height:200px}}._stylesPanel_16un3_1{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:100%}._header_16un3_11{padding:1.5rem;border-bottom:1px solid #e2e8f0}._header_16un3_11 h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}._header_16un3_11 p{font-size:.875rem;color:#6b7280;margin:0}._tabs_16un3_27{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:1rem;background:#f9fafb;border-bottom:1px solid #e2e8f0;overflow-x:auto}._tab_16un3_27{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.75rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}._tab_16un3_27:hover{background:#f3f4f6;border-color:#d1d5db}._tab_16un3_27._active_16un3_56{background:#2469a6;color:#fff;border-color:#2469a6}._content_16un3_62{flex:1;overflow-y:auto;padding:1.5rem}._section_16un3_68{margin-bottom:2rem}._section_16un3_68 h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}._gradientsTab_16un3_80{display:flex;flex-direction:column;gap:2rem}._gradientGrid_16un3_86{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}._gradientPreset_16un3_92{aspect-ratio:1;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}._gradientPreset_16un3_92:hover{transform:scale(1.05);border-color:#fff;box-shadow:0 8px 24px #0003}._gradientPreset_16un3_92:active{transform:scale(.95)}._gradientName_16un3_110{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:#000000b3;color:#fff;font-size:.625rem;font-weight:600;text-align:center;text-transform:capitalize}._gradientBuilder_16un3_124{display:flex;flex-direction:column;gap:1.5rem}._inputGroup_16un3_130{display:flex;flex-direction:column;gap:.5rem}._inputGroup_16un3_130 label{font-size:.875rem;font-weight:500;color:#374151}._select_16un3_141{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease}._select_16un3_141:focus{outline:none;border-color:#2469a6;box-shadow:0 0 0 3px #2469a61a}._slider_16un3_156{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;cursor:pointer}._slider_16un3_156::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#2469a6;cursor:pointer;transition:all .2s ease}._slider_16un3_156::-webkit-slider-thumb:hover{transform:scale(1.2)}._slider_16un3_156::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#2469a6;cursor:pointer;border:none;transition:all .2s ease}._slider_16un3_156::-moz-range-thumb:hover{transform:scale(1.2)}._colorStops_16un3_192{display:flex;gap:.5rem;align-items:center}._colorInput_16un3_198{width:50px;height:50px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}._colorInput_16un3_198:hover{border-color:#2469a6}._addColorBtn_16un3_210{width:50px;height:50px;border:2px dashed #d1d5db;border-radius:8px;background:transparent;color:#6b7280;font-size:1.5rem;cursor:pointer;transition:all .2s ease}._addColorBtn_16un3_210:hover{border-color:#2469a6;color:#2469a6;background:#eff6ff}._gradientPreview_16un3_227,._shadowPreview_16un3_228,._effectsPreview_16un3_229{padding:2rem;background:#f9fafb;border-radius:12px;display:flex;align-items:center;justify-content:center}._previewBox_16un3_238{width:200px;height:200px;border-radius:12px;background:#fff}._applyBtn_16un3_245{padding:.875rem 1.5rem;background:linear-gradient(135deg,#2469a6,#223773);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}._applyBtn_16un3_245:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2469a64d}._applyBtn_16un3_245:active{transform:translateY(0)}._shadowsTab_16un3_264{display:flex;flex-direction:column;gap:2rem}._shadowGrid_16un3_270{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}._shadowPreset_16un3_276{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}._shadowPreset_16un3_276:hover{background:#fff;border-color:#2469a6;box-shadow:0 2px 8px #0000001a}._shadowBox_16un3_294{width:80px;height:80px;background:#fff;border-radius:8px}._shadowName_16un3_301{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}._shadowBuilder_16un3_308{display:flex;flex-direction:column;gap:1.5rem}._colorOpacity_16un3_314{display:flex;gap:1rem;align-items:center}._colorOpacity_16un3_314 span{font-size:.875rem;color:#6b7280;min-width:40px}._animationsTab_16un3_325{display:flex;flex-direction:column;gap:2rem}._animationGrid_16un3_331{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}._animationPreset_16un3_337{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}._animationPreset_16un3_337:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2469a6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}._animationPreset_16un3_337:active{transform:translateY(0)}._animationPreset_16un3_337 span{font-size:.875rem;font-weight:600;color:#374151;text-align:center}._animationIcon_16un3_365{font-size:2rem}._effectsTab_16un3_369{display:flex;flex-direction:column;gap:2rem}._effectsBuilder_16un3_375{display:flex;flex-direction:column;gap:1.5rem}._content_16un3_62::-webkit-scrollbar{width:8px}._content_16un3_62::-webkit-scrollbar-track{background:#f3f4f6}._content_16un3_62::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}._content_16un3_62::-webkit-scrollbar-thumb:hover{background:#9ca3af}._themePanel_1ebm8_1{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:100%}._header_1ebm8_11{padding:1.5rem;border-bottom:1px solid #e2e8f0}._header_1ebm8_11 h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}._header_1ebm8_11 p{font-size:.875rem;color:#6b7280;margin:0}._actions_1ebm8_27{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid #e2e8f0;background:#f9fafb;overflow-x:auto}._actionBtn_1ebm8_36{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}._actionBtn_1ebm8_36:hover{background:#f3f4f6;border-color:#d1d5db}._actionBtn_1ebm8_36:active{transform:scale(.98)}._content_1ebm8_60{flex:1;overflow-y:auto;padding:1.5rem}._section_1ebm8_66{margin-bottom:2rem}._section_1ebm8_66 h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}._section_1ebm8_66 h5{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}._themesGrid_1ebm8_84{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}._themeCard_1ebm8_90{display:flex;flex-direction:column;background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}._themeCard_1ebm8_90:hover{border-color:#2469a6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}._themeCard_1ebm8_90._active_1ebm8_106{border-color:#2469a6;box-shadow:0 0 0 3px #2469a61a}._themeCard_1ebm8_90:active{transform:translateY(0)}._colorPreview_1ebm8_114{display:flex;height:80px}._colorBar_1ebm8_119{flex:1}._themeInfo_1ebm8_123{padding:1rem;text-align:left}._themeInfo_1ebm8_123 h5{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}._themeInfo_1ebm8_123 p{font-size:.75rem;color:#6b7280;margin:0}._activeIndicator_1ebm8_139{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;background:#2469a6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}._themeBuilder_1ebm8_154{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#f9fafb;border-radius:12px;border:1px solid #e2e8f0}._inputGroup_1ebm8_164{display:flex;flex-direction:column;gap:.5rem}._inputGroup_1ebm8_164 label{font-size:.875rem;font-weight:500;color:#374151}._textInput_1ebm8_175{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease}._textInput_1ebm8_175:focus{outline:none;border-color:#2469a6;box-shadow:0 0 0 3px #2469a61a}._colorGrid_1ebm8_189{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}._colorInput_1ebm8_195{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px}._colorInput_1ebm8_195 label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:capitalize}._colorInput_1ebm8_195 input[type=color]{width:100%;height:50px;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}._colorInput_1ebm8_195 input[type=color]:hover{border-color:#2469a6}._colorInput_1ebm8_195 span{font-size:.75rem;color:#9ca3af;font-family:monospace;text-align:center}._builderActions_1ebm8_228{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}._cancelBtn_1ebm8_235,._saveBtn_1ebm8_236{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}._cancelBtn_1ebm8_235{background:#fff;color:#6b7280;border:1px solid #e2e8f0}._cancelBtn_1ebm8_235:hover{background:#f3f4f6;border-color:#d1d5db}._saveBtn_1ebm8_236{background:linear-gradient(135deg,#2469a6,#223773);color:#fff}._saveBtn_1ebm8_236:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2469a64d}._saveBtn_1ebm8_236:active{transform:translateY(0)}._content_1ebm8_60::-webkit-scrollbar{width:8px}._content_1ebm8_60::-webkit-scrollbar-track{background:#f3f4f6}._content_1ebm8_60::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}._content_1ebm8_60::-webkit-scrollbar-thumb:hover{background:#9ca3af}._visualBuilder_7vheh_1{display:flex;flex-direction:column;height:100vh;background:#f5f7fa}._header_7vheh_8{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}._headerLeft_7vheh_18 h1{font-size:1.5rem;font-weight:700;color:#223773;margin:0}._headerLeft_7vheh_18 p{font-size:.875rem;color:#64748b;margin:.25rem 0 0}._headerCenter_7vheh_30{flex:1;display:flex;justify-content:center;align-items:center;gap:1rem}._undoRedoGroup_7vheh_38{display:flex;gap:.25rem;background:#f1f5f9;padding:.25rem;border-radius:8px}._btnIcon_7vheh_46{padding:.5rem;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s;color:#64748b;display:flex;align-items:center;justify-content:center}._btnIcon_7vheh_46:hover:not(:disabled){background:#fff;color:#2469a6}._btnIcon_7vheh_46:disabled{opacity:.4;cursor:not-allowed}._zoomControls_7vheh_67{display:flex;align-items:center;gap:.25rem;background:#f1f5f9;padding:.25rem;border-radius:8px}._zoomControls_7vheh_67 ._zoomLevel_7vheh_75{min-width:60px;text-align:center;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;padding:.5rem .75rem;border-radius:6px;transition:all .2s}._zoomControls_7vheh_67 ._zoomLevel_7vheh_75:hover{background:#fff;color:#2469a6}._viewportSelector_7vheh_91{display:flex;gap:.5rem;background:#f1f5f9;padding:.25rem;border-radius:8px}._viewportSelector_7vheh_91 button{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s;color:#64748b}._viewportSelector_7vheh_91 button:hover{background:#fff;color:#2469a6}._viewportSelector_7vheh_91 button._active_7vheh_111{background:#fff;color:#2469a6;box-shadow:0 2px 4px #0000001a}._headerRight_7vheh_117{display:flex;gap:.75rem}._headerRight_7vheh_117 button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}._headerRight_7vheh_117 button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}._headerRight_7vheh_117 button._active_7vheh_111{background:linear-gradient(135deg,#2469a6,#223773);color:#fff;box-shadow:0 4px 12px #2469a64d}._headerRight_7vheh_117 ._btnSecondary_7vheh_142{background:#f1f5f9;color:#475569}._headerRight_7vheh_117 ._btnSecondary_7vheh_142:hover{background:#e2e8f0}._headerRight_7vheh_117 ._btnPrimary_7vheh_149{background:#2469a6;color:#fff}._headerRight_7vheh_117 ._btnPrimary_7vheh_149:hover{background:#1d5a8a}._mainLayout_7vheh_157{display:flex;gap:0;flex:1;overflow:hidden}._leftSidebar_7vheh_164,._rightSidebar_7vheh_165{position:relative;background:#f8f9fa;border-right:1px solid #e0e0e0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0}._leftSidebar_7vheh_164{width:280px}._leftSidebar_7vheh_164._collapsed_7vheh_177{width:40px}._rightSidebar_7vheh_165{width:320px;border-right:none;border-left:1px solid #e0e0e0}._rightSidebar_7vheh_165._collapsed_7vheh_177{width:40px}._collapseBtn_7vheh_190{position:absolute;top:10px;right:10px;z-index:10;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;color:#64748b}._collapseBtn_7vheh_190:hover{background:#f1f5f9;border-color:#2469a6;color:#2469a6}._rightSidebar_7vheh_165 ._collapseBtn_7vheh_190{right:auto;left:10px}._rightPanels_7vheh_217{display:flex;flex-direction:column;height:100%;overflow:hidden}._tabsNav_7vheh_224{display:flex;gap:.25rem;padding:.75rem;background:#f9fafb;border-bottom:2px solid #e2e8f0;overflow-x:auto;flex-shrink:0}._tabBtn_7vheh_234{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:8px;font-size:.75rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}._tabBtn_7vheh_234:hover{background:#e5e7eb;color:#374151}._tabBtn_7vheh_234._active_7vheh_111{background:#2469a6;color:#fff}._tabBtn_7vheh_234 svg{flex-shrink:0}._tabBtn_7vheh_234 span{font-size:.7rem}._tabContent_7vheh_265{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}._dragOverlay_7vheh_274{padding:1rem;background:#fff;border:2px dashed #2469A6;border-radius:8px;font-weight:600;color:#2469a6;box-shadow:0 4px 12px #00000026}._changeIndicator_7vheh_284{color:#f27830;font-size:.85rem;font-weight:600;margin-left:1rem}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes wobble{0%,to{transform:translate(0)}15%{transform:translate(-25px) rotate(-5deg)}30%{transform:translate(20px) rotate(3deg)}45%{transform:translate(-15px) rotate(-3deg)}60%{transform:translate(10px) rotate(2deg)}75%{transform:translate(-5px) rotate(-1deg)}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}to{transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes rubberBand{0%,to{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{transform:skew(6.25deg) skewY(6.25deg)}44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{transform:skew(.390625deg) skewY(.390625deg)}88.8%{transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc,0 0 30px #3b82f699}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.animated{animation-duration:1s;animation-fill-mode:both}.animated-fast{animation-duration:.5s}.animated-slow{animation-duration:2s}.animated-infinite{animation-iteration-count:infinite}.animated-delay-1s{animation-delay:1s}.animated-delay-2s{animation-delay:2s}.animated-delay-3s{animation-delay:3s}.grid-overlay{pointer-events:none;-webkit-user-select:none;user-select:none}.grid-overlay .grid-dot{transition:opacity .2s ease}.grid-overlay:hover .grid-dot{opacity:.8}@keyframes guide-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.smart-guide{position:absolute;background:#007bffcc;pointer-events:none;z-index:100;animation:guide-appear .2s ease}.smart-guide.horizontal{height:1px;width:100%;left:0}.smart-guide.vertical{width:1px;height:100%;top:0}.smart-guide:after{content:attr(data-label);position:absolute;background:#007bffe6;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;white-space:nowrap}.smart-guide.horizontal:after{top:-20px;left:50%;transform:translate(-50%)}.smart-guide.vertical:after{left:5px;top:50%;transform:translateY(-50%)}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f8fafc;padding:1rem}.error-boundary .error-content{text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:28rem;width:100%}.error-boundary .error-content .error-icon{font-size:4rem;margin-bottom:1rem;color:#ef4444}.error-boundary .error-content .error-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem;margin-top:0}.error-boundary .error-content .error-message{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.error-boundary .error-content .error-actions{display:flex;flex-direction:column;gap:.75rem}.error-boundary .error-content .error-actions .btn{width:100%;padding:.75rem 1rem;border-radius:8px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem}.error-boundary .error-content .error-actions .btn.btn-primary{background-color:#3b82f6;color:#fff}.error-boundary .error-content .error-actions .btn.btn-primary:hover{background-color:#2563eb}.error-boundary .error-content .error-actions .btn.btn-secondary{background-color:#e5e7eb;color:#374151}.error-boundary .error-content .error-actions .btn.btn-secondary:hover{background-color:#d1d5db}.error-boundary .error-content .error-details{margin-top:1rem;text-align:left}.error-boundary .error-content .error-details .error-details-summary{cursor:pointer;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.error-boundary .error-content .error-details .error-details-summary:hover{color:#374151}.error-boundary .error-content .error-details .error-details-content{margin-top:.5rem;font-size:.75rem;color:#dc2626;background-color:#fef2f2;padding:.5rem;border-radius:4px;overflow:auto;border:1px solid #fecaca}.visual-builder-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f8fafc}.visual-builder-loading .loading-content{text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;max-width:300px}.visual-builder-loading .loading-content .loading-spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}.visual-builder-loading .loading-content .loading-text{color:#6b7280;font-size:.875rem;margin:0;font-weight:500}.subscription-page{padding:2rem;max-width:1200px;margin:0 auto}.subscription-page .subscription-header{margin-bottom:2rem}.subscription-page .subscription-header .header-content{display:flex;align-items:center;gap:1rem;padding:2rem;background:linear-gradient(135deg,#0066ae1a,#887d801a,#e582121a);background:linear-gradient(135deg,color(xyz 0.126 0.125 0.449 / 0.102),#887d801a,#e582121a);border-radius:1rem;border:1px solid var(--border)}.subscription-page .subscription-header .header-content .header-icon{width:3rem;height:3rem;color:var(--primary)}.subscription-page .subscription-header .header-content h1{font-size:2rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem}.subscription-page .subscription-header .header-content p{color:var(--muted-foreground);margin:0;font-size:1.1rem}.subscription-page .subscription-content{display:flex;flex-direction:column;gap:2rem}.current-plan-card{background:var(--background);border:1px solid var(--border);border-radius:1rem;padding:2rem}.current-plan-card .plan-status{display:flex;justify-content:space-between;align-items:center}.current-plan-card .plan-status .plan-info h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--foreground)}.current-plan-card .plan-status .plan-info .plan-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#e582121a;border:1px solid oklch(70% .16 60deg / .3);border-radius:2rem;font-weight:600;color:var(--primary)}.current-plan-card .plan-status .plan-info .plan-badge .icon{width:1rem;height:1rem}.current-plan-card .plan-status .plan-usage{display:flex;gap:2rem}.current-plan-card .plan-status .plan-usage .usage-item{text-align:center}.current-plan-card .plan-status .plan-usage .usage-item .label{display:block;font-size:.875rem;color:var(--muted-foreground);margin-bottom:.25rem}.current-plan-card .plan-status .plan-usage .usage-item .value{display:block;font-size:1.25rem;font-weight:600;color:var(--foreground)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.plans-grid .plan-card{background:var(--background);border:1px solid var(--border);border-radius:1rem;padding:2rem;position:relative;transition:all .3s ease}.plans-grid .plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #23327826}.plans-grid .plan-card.popular{border-color:var(--primary);box-shadow:0 0 0 2px #0065b01a;box-shadow:0 0 0 2px oklch(50% .15 250deg / .1)}.plans-grid .plan-card.popular .popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.plans-grid .plan-card.popular .popular-badge .icon{width:1rem;height:1rem}.plans-grid .plan-card.current{border-color:var(--success);background:#0e8a0005;background:oklch(55% .22 142deg / .02)}.plans-grid .plan-card .plan-header{text-align:center;margin-bottom:2rem}.plans-grid .plan-card .plan-header h3{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0 0 1rem}.plans-grid .plan-card .plan-header .plan-price .amount{font-size:2.5rem;font-weight:800;color:var(--primary)}.plans-grid .plan-card .plan-header .plan-price .period{font-size:1rem;color:var(--muted-foreground)}.plans-grid .plan-card .plan-features{margin-bottom:2rem}.plans-grid .plan-card .plan-features h4{font-size:1.1rem;font-weight:600;color:var(--foreground);margin:0 0 1rem}.plans-grid .plan-card .plan-features ul{list-style:none;padding:0;margin:0}.plans-grid .plan-card .plan-features ul li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.95rem;color:var(--foreground)}.plans-grid .plan-card .plan-features ul li .icon{width:1.25rem;height:1.25rem;color:var(--success);flex-shrink:0;margin-top:.125rem}.plans-grid .plan-card .plan-features ul.limitations li .icon{color:var(--muted-foreground)}.plans-grid .plan-card .plan-features ul.limitations li:before{content:"•";color:var(--muted-foreground);margin-right:.75rem}.plans-grid .plan-card .plan-actions .button{width:100%;padding:1rem;font-size:1rem;font-weight:600}.plans-grid .plan-card .plan-actions .button.current-plan{background:var(--muted);color:var(--muted-foreground);cursor:default}.billing-section{background:var(--background);border:1px solid var(--border);border-radius:1rem;padding:2rem}.billing-section h3{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0 0 1.5rem}.billing-section .billing-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.billing-section .billing-info .info-item .label{display:block;font-size:.875rem;color:var(--muted-foreground);margin-bottom:.25rem}.billing-section .billing-info .info-item .value{display:block;font-size:1.1rem;font-weight:500;color:var(--foreground)}.faq-section{background:var(--background);border:1px solid var(--border);border-radius:1rem;padding:2rem}.faq-section h3{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0 0 1.5rem}.faq-section .faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-section .faq-list .faq-item h4{font-size:1.1rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.faq-section .faq-list .faq-item p{color:var(--muted-foreground);margin:0;line-height:1.6}@media (max-width: 768px){.subscription-page{padding:1rem}.subscription-page .subscription-header .header-content{padding:1.5rem;flex-direction:column;text-align:center;gap:.75rem}.subscription-page .subscription-header .header-content h1{font-size:1.5rem}.subscription-page .plans-grid{grid-template-columns:1fr;gap:1.5rem}.subscription-page .current-plan-card .plan-status{flex-direction:column;gap:1.5rem;align-items:flex-start}.subscription-page .current-plan-card .plan-status .plan-usage{width:100%;justify-content:space-between}.subscription-page .billing-info{grid-template-columns:1fr}}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .2s ease-out}.confirm-dialog{background:#fff;border-radius:var(--radius);box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;animation:slide-up .3s ease-out}.confirm-dialog-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.confirm-dialog-header .confirm-dialog-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffe8e6;background:oklch(95% .05 25deg);border-radius:calc(var(--radius) - .25rem);color:var(--destructive)}.confirm-dialog-header .confirm-dialog-title{flex:1;font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0;padding-top:.5rem}.confirm-dialog-header .confirm-dialog-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;border-radius:6px;transition:all .2s ease}.confirm-dialog-header .confirm-dialog-close:hover{background:var(--muted);color:var(--foreground)}.confirm-dialog-content{padding:1.5rem}.confirm-dialog-content .confirm-dialog-message{font-size:.9375rem;line-height:1.6;color:var(--muted-foreground);margin:0 0 1.5rem}.confirm-dialog-content .confirm-dialog-consequences{background:#f6f9fc;border:1px solid var(--border);border-radius:calc(var(--radius) - .25rem);padding:1rem}.confirm-dialog-content .confirm-dialog-consequences .consequences-title{font-size:.875rem;font-weight:600;color:var(--foreground);margin:0 0 .75rem}.confirm-dialog-content .confirm-dialog-consequences .consequences-list{margin:0;padding-left:1.25rem;list-style:none}.confirm-dialog-content .confirm-dialog-consequences .consequences-list li{position:relative;font-size:.875rem;line-height:1.6;color:var(--muted-foreground);margin-bottom:.5rem}.confirm-dialog-content .confirm-dialog-consequences .consequences-list li:last-child{margin-bottom:0}.confirm-dialog-content .confirm-dialog-consequences .consequences-list li:before{content:"•";position:absolute;left:-1.25rem;color:var(--destructive);font-weight:700}.confirm-dialog-actions{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border)}.confirm-dialog-actions .confirm-btn{flex:1;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;border:none;border-radius:calc(var(--radius) - .25rem);cursor:pointer;transition:all .2s ease}.confirm-dialog-actions .confirm-btn.cancel{background:var(--muted);color:var(--foreground)}.confirm-dialog-actions .confirm-btn.cancel:hover{background:#e0e5eb}.confirm-dialog-actions .confirm-btn.primary{background:var(--primary-blue);color:#fff}.confirm-dialog-actions .confirm-btn.primary:hover{background:#005798;background:oklch(45% .15 250deg);transform:translateY(-1px);box-shadow:0 4px 12px #2237734d}.confirm-dialog-actions .confirm-btn.danger{background:var(--destructive);color:#fff}.confirm-dialog-actions .confirm-btn.danger:hover{background:#d40924;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dark .confirm-dialog{background:var(--card)}.dark .confirm-dialog-header .confirm-dialog-icon{background:#361715}.dark .confirm-dialog-content .confirm-dialog-consequences{background:#13161a}.vector-sync-container{padding:2rem;background:linear-gradient(135deg,#fbfcfd,#f6f9fc);min-height:calc(100vh - 80px);animation:fade-in .5s ease-in}@media (max-width: 768px){.vector-sync-container{padding:1rem}}.vector-sync-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.vector-sync-header h1{font-size:2rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem}.vector-sync-header .subtitle{color:var(--muted-foreground);font-size:.95rem;margin:0}@media (max-width: 768px){.vector-sync-header{flex-direction:column;gap:1rem}.vector-sync-header h1{font-size:1.5rem}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:0 2px 8px #2237730a;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 16px #22377314;transform:translateY(-2px)}.stat-card .stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-card .stat-header .stat-title{font-size:.875rem;font-weight:500;color:var(--muted-foreground)}.stat-card .stat-header .stat-icon{color:var(--muted-foreground)}.stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--foreground);margin-bottom:.5rem}.stat-card .stat-value-small{font-size:.95rem;font-weight:600;color:var(--foreground);margin-bottom:.5rem}.stat-card .stat-description{font-size:.875rem;color:var(--muted-foreground);margin:0}.stat-card.stat-success .stat-value,.stat-card.stat-success .stat-icon{color:#3a9742}.stat-card.stat-warning .stat-value,.stat-card.stat-warning .stat-icon{color:#d86d38}.card{background:#fff;border-radius:var(--radius);box-shadow:0 2px 8px #2237730a;margin-bottom:1.5rem}.card .card-header{padding:1.5rem;border-bottom:1px solid oklch(95% .005 250deg)}.card .card-header h2{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.card .card-header .card-description{font-size:.875rem;color:var(--muted-foreground);margin:0}.card .card-content{padding:1.5rem}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:calc(var(--radius) - .25rem);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.alert svg{flex-shrink:0;margin-top:.125rem}.alert span{flex:1}.alert.alert-info{background:#e3f0ff;background:oklch(95% .05 250deg);color:var(--primary-blue);border:1px solid oklch(85% .05 250deg)}.alert.alert-warning{background:#fff6f2;background:oklch(98% .05 45deg);color:#8c3700;color:oklch(45% .15 45deg);border:1px solid oklch(90% .05 45deg)}.alert.alert-warning svg{color:#b64e10}.alert.alert-danger{background:#fff2f0;background:oklch(98% .05 25deg);color:var(--destructive);border:1px solid oklch(90% .05 25deg)}.alert.alert-danger svg{color:var(--destructive)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:none;border-radius:calc(var(--radius) - .25rem);cursor:pointer;transition:all .2s ease;background:var(--primary-blue);color:#fff;white-space:nowrap}.action-btn:hover:not(:disabled){background:#005798;background:oklch(45% .15 250deg);transform:translateY(-1px);box-shadow:0 4px 12px #2237734d}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.action-btn svg{flex-shrink:0}.action-btn.secondary{background:var(--muted);color:var(--foreground)}.action-btn.secondary:hover:not(:disabled){background:#e0e5eb;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:calc(var(--radius) - .25rem);border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.button svg{width:16px;height:16px}.button:disabled{opacity:.5;cursor:not-allowed}.button.button-primary{background:var(--primary-blue);color:#fff}.button.button-primary:hover:not(:disabled){background:#047bdc}.button.button-secondary{background:#eceff2;color:var(--foreground)}.button.button-secondary:hover:not(:disabled){background:#e0e5eb}.button.danger{background:var(--destructive);color:#fff;position:relative;overflow:hidden}.button.danger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.button.danger:hover:not(:disabled){background:#d40924;transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.button.danger:hover:not(:disabled):before{left:100%}.button.danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #dc26264d}.button.danger:disabled{background:#edc2bd;color:#9c7571;cursor:not-allowed;opacity:.6}.button.button-danger{background:#da1608;color:#fff}.button.button-danger:hover:not(:disabled){opacity:.9}.button.full-width{width:100%}.button-group{display:flex;gap:.75rem;flex-wrap:wrap}@media (max-width: 640px){.button-group{flex-direction:column}.button-group .button{width:100%}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem}.select{width:100%;padding:.625rem 1rem;font-size:.875rem;border:1px solid oklch(90% .01 250deg);border-radius:calc(var(--radius) - .25rem);background:#fff;color:var(--foreground);cursor:pointer;transition:all .2s ease}.select:hover{border-color:#c4cfdb}.select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2469a61a}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid oklch(95% .005 250deg)}.setting-row:last-child{border-bottom:none}.setting-row .setting-info{flex:1}.setting-row .setting-info label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.25rem}.setting-row .setting-info .setting-description{font-size:.875rem;color:var(--muted-foreground);margin:0}.setting-row .toggle{width:44px;height:24px;cursor:pointer;appearance:none;background:#c9ced4;border-radius:12px;position:relative;transition:background .2s ease}.setting-row .toggle:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s ease}.setting-row .toggle:checked{background:var(--primary-blue)}.setting-row .toggle:checked:before{transform:translate(20px)}.spinning{animation:spin 1s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state .loading-icon{width:48px;height:48px;color:var(--primary-blue);animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p{color:var(--muted-foreground);font-size:1rem}.dark .vector-sync-container{background:linear-gradient(135deg,#080b14,#07121e)}.dark .stat-card,.dark .card{background:var(--card)}.dark .select{background:var(--card);border-color:#1a222b}.dark .select:hover{border-color:#222f3c}.dark .setting-row{border-bottom-color:#1a222b}.dark .toggle{background:#262f38}.customer-payments{padding:2rem;max-width:1400px;margin:0 auto}.customer-payments__header{margin-bottom:2rem}.customer-payments__header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.customer-payments__header p{color:#6b7280;font-size:1rem}.customer-payments__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.customer-payments__stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.customer-payments__stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.customer-payments__stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.customer-payments__stat-card-header h3{font-size:.875rem;font-weight:500;color:#6b7280}.customer-payments__stat-card-header svg{width:1.25rem;height:1.25rem;color:#9ca3af}.customer-payments__stat-card-value{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.customer-payments__stat-card-description{font-size:.75rem;color:#9ca3af}.customer-payments__tabs{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.customer-payments__tabs-list{display:flex;gap:1rem;border-bottom:2px solid #f3f4f6;margin-bottom:1.5rem}.customer-payments__tabs-trigger{padding:.75rem 1.5rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-2px}.customer-payments__tabs-trigger:hover{color:#7c3aed}.customer-payments__tabs-trigger.active{color:#7c3aed;border-bottom-color:#7c3aed}.customer-payments__customer-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.customer-payments__customer-card:hover{box-shadow:0 4px 12px #0000001a}.customer-payments__customer-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.customer-payments__customer-card-header h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.customer-payments__customer-card-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.customer-payments__customer-card-info-item p:first-child{font-weight:500;font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.customer-payments__customer-card-info-item p:last-child{font-size:.875rem;color:#1a1a1a}.customer-payments__customer-card-stats{display:flex;gap:1.5rem;font-size:.875rem;margin-bottom:1rem}.customer-payments__customer-card-stats span:first-child{font-weight:500}.customer-payments__customer-card-stats span.amount{color:#10b981;font-weight:600}.customer-payments__customer-card-payments{margin-top:1rem}.customer-payments__customer-card-payments h4{font-size:.875rem;font-weight:500;margin-bottom:.75rem}.customer-payments__payment-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;margin-bottom:.5rem}.customer-payments__payment-item-info{flex:1}.customer-payments__payment-item-info p:first-child{font-size:.875rem;font-weight:500;color:#1a1a1a}.customer-payments__payment-item-info p:last-child{font-size:.75rem;color:#6b7280}.customer-payments__payment-item-details{display:flex;align-items:center;gap:1rem}.customer-payments__payment-item-details .amount{font-weight:600;color:#1a1a1a}.customer-payments__payment-item-actions{margin-left:1rem;flex-shrink:0}.customer-payments__badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.customer-payments__badge--success{background:#d1fae5;color:#065f46}.customer-payments__badge--pending{background:#fef3c7;color:#92400e}.customer-payments__badge--failed{background:#fee2e2;color:#991b1b}.customer-payments__badge--secondary{background:#e5e7eb;color:#374151}.customer-payments__badge svg{width:.75rem;height:.75rem}.customer-payments__button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb;background:#fff;color:#374151}.customer-payments__button:hover{background:#f9fafb;border-color:#7c3aed;color:#7c3aed}.customer-payments__button:disabled{opacity:.5;cursor:not-allowed}.customer-payments__button--primary{background:#7c3aed;color:#fff;border-color:#7c3aed}.customer-payments__button--primary:hover{background:#6d28d9}.customer-payments__button--small{padding:.25rem .5rem;font-size:.75rem;gap:.25rem}.customer-payments__button--small svg{width:.75rem;height:.75rem}.customer-payments__button svg{width:1rem;height:1rem}.customer-payments__dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.customer-payments__dialog-content{background:#fff;border-radius:12px;padding:1.5rem;max-width:525px;width:100%;position:relative;max-height:90vh;overflow-y:auto}.customer-payments__dialog-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s}.customer-payments__dialog-close:hover{background:#f3f4f6}.customer-payments__dialog-close svg{width:1.25rem;height:1.25rem}.customer-payments__dialog-header{margin-bottom:1.5rem}.customer-payments__dialog-header h2{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.customer-payments__dialog-header p{font-size:.875rem;color:#6b7280}.customer-payments__dialog-info{background:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1rem}.customer-payments__dialog-info p{font-size:.875rem;margin-bottom:.5rem}.customer-payments__dialog-info p span:first-child{font-weight:500}.customer-payments__dialog-textarea{width:100%;min-height:150px;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;resize:vertical}.customer-payments__dialog-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.customer-payments__dialog-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.customer-payments__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.customer-payments__loading-spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.customer-payments__loading p{color:#6b7280}.customer-payments__empty{text-align:center;padding:3rem 1rem;color:#6b7280}.customer-payments__empty svg{width:3rem;height:3rem;margin:0 auto 1rem;opacity:.5}@media (max-width: 768px){.customer-payments{padding:1rem}.customer-payments__stats,.customer-payments__customer-card-info{grid-template-columns:1fr}.customer-payments__tabs-list{overflow-x:auto;-webkit-overflow-scrolling:touch}}.analytics-page{padding:2rem;max-width:1400px;margin:0 auto;background:#f9fafb;min-height:100vh}.analytics-page .analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.analytics-page .analytics-loading .spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.analytics-page .analytics-loading p{color:#6b7280;font-size:1rem}.analytics-page .analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.analytics-page .analytics-header h1{font-size:2rem;font-weight:700;color:#111827;margin:0}.analytics-page .analytics-header p{color:#6b7280;margin:.5rem 0 0}.analytics-page .analytics-header .time-range-selector{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.analytics-page .analytics-header .time-range-selector button{padding:.5rem 1rem;border:none;background:transparent;color:#6b7280;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.analytics-page .analytics-header .time-range-selector button:hover{background:#f3f4f6;color:#111827}.analytics-page .analytics-header .time-range-selector button.active{background:#3b82f6;color:#fff}.analytics-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-page .stats-grid .stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;transition:all .3s ease}.analytics-page .stats-grid .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.analytics-page .stats-grid .stat-card .stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-page .stats-grid .stat-card .stat-content{flex:1}.analytics-page .stats-grid .stat-card .stat-content .stat-label{font-size:.875rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.analytics-page .stats-grid .stat-card .stat-content .stat-value{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.analytics-page .stats-grid .stat-card .stat-content .stat-subtitle{font-size:.75rem;color:#9ca3af;margin:0}.analytics-page .stats-grid .stat-card.revenue .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.analytics-page .stats-grid .stat-card.orders .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.analytics-page .stats-grid .stat-card.products .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.analytics-page .stats-grid .stat-card.customers .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.analytics-page .stats-grid .stat-card.average .stat-icon{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.analytics-page .chart-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.analytics-page .chart-card .chart-header{margin-bottom:1.5rem}.analytics-page .chart-card .chart-header h3{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .5rem}.analytics-page .chart-card .chart-header p{font-size:.875rem;color:#6b7280;margin:0}.analytics-page .chart-card .chart-container{width:100%}.analytics-page .charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem}@media (max-width: 1200px){.analytics-page .charts-row{grid-template-columns:1fr}}.analytics-page .alert-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:12px;margin-bottom:1rem}.analytics-page .alert-card svg{flex-shrink:0}.analytics-page .alert-card h4{margin:0 0 .25rem;font-size:1rem;font-weight:600}.analytics-page .alert-card p{margin:0;font-size:.875rem}.analytics-page .alert-card.warning{background:#fef3c7;border:2px solid #fbbf24;color:#92400e}.analytics-page .alert-card.warning svg{color:#f59e0b}.analytics-page .alert-card.danger{background:#fee2e2;border:2px solid #f87171;color:#991b1b}.analytics-page .alert-card.danger svg{color:#ef4444}@media (max-width: 768px){.analytics-page{padding:1rem}.analytics-page .analytics-header{flex-direction:column;align-items:flex-start}.analytics-page .analytics-header .time-range-selector{width:100%}.analytics-page .analytics-header .time-range-selector button{flex:1}.analytics-page .stats-grid,.analytics-page .charts-row{grid-template-columns:1fr}.analytics-page .chart-card{padding:1rem}.analytics-page .chart-card .chart-container{overflow-x:auto}}.data-management-page{padding:2rem;max-width:1400px;margin:0 auto;background:#f9fafb;min-height:100vh}.data-management-page .page-header{margin-bottom:2rem}.data-management-page .page-header .header-content{display:flex;align-items:center;gap:1rem}.data-management-page .page-header .header-content .header-icon{color:#3b82f6}.data-management-page .page-header .header-content h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.data-management-page .page-header .header-content p{color:#6b7280;margin:0}.data-management-page .message-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:500;animation:slideDown .3s ease-out}.data-management-page .message-banner.success{background:#d1fae5;border:2px solid #10b981;color:#065f46}.data-management-page .message-banner.success svg{color:#10b981}.data-management-page .message-banner.error{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.data-management-page .message-banner.error svg{color:#ef4444}.data-management-page .message-banner.info{background:#dbeafe;border:2px solid #3b82f6;color:#1e40af}.data-management-page .message-banner.info svg{color:#3b82f6}.data-management-page .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.data-management-page .actions-grid .action-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;gap:1.5rem}.data-management-page .actions-grid .action-card:not(.disabled):hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.data-management-page .actions-grid .action-card.disabled{opacity:.6;cursor:not-allowed}.data-management-page .actions-grid .action-card .card-icon{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto}.data-management-page .actions-grid .action-card.export-stats .card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.data-management-page .actions-grid .action-card.export-data .card-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.data-management-page .actions-grid .action-card.import-data .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.data-management-page .actions-grid .action-card.ai-report .card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;animation:sparkle 2s ease-in-out infinite}.data-management-page .actions-grid .action-card .card-content{text-align:center}.data-management-page .actions-grid .action-card .card-content h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .75rem}.data-management-page .actions-grid .action-card .card-content .card-description{color:#6b7280;margin:0 0 1.5rem;line-height:1.6}.data-management-page .actions-grid .action-card .card-content .card-details{background:#f9fafb;padding:1.25rem;border-radius:12px;text-align:left;margin-bottom:1.5rem}.data-management-page .actions-grid .action-card .card-content .card-details h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.data-management-page .actions-grid .action-card .card-content .card-details ul{list-style:none;padding:0;margin:0}.data-management-page .actions-grid .action-card .card-content .card-details ul li{padding:.5rem 0;color:#6b7280;font-size:.875rem;line-height:1.5;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem}.data-management-page .actions-grid .action-card .card-content .card-details ul li svg{flex-shrink:0;color:#3b82f6}.data-management-page .actions-grid .action-card .card-content .card-details ul li:last-child{border-bottom:none}.data-management-page .actions-grid .action-card .card-content .export-button{width:100%;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease}.data-management-page .actions-grid .action-card .card-content .export-button:disabled{opacity:.6;cursor:not-allowed}.data-management-page .actions-grid .action-card .card-content .export-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.data-management-page .actions-grid .action-card .card-content .export-button:not(:disabled):active{transform:translateY(0)}.data-management-page .actions-grid .action-card .card-content .export-button.stats{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.data-management-page .actions-grid .action-card .card-content .export-button.data{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.data-management-page .actions-grid .action-card .card-content .export-button.import{background:#e5e7eb;color:#9ca3af}.data-management-page .actions-grid .action-card .card-content .export-button.ai{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.data-management-page .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.data-management-page .modal-overlay .modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.data-management-page .modal-overlay .modal-content h3{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem;text-align:center}.data-management-page .modal-overlay .modal-content>p{color:#6b7280;text-align:center;margin:0 0 2rem}.data-management-page .modal-overlay .modal-content .format-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.data-management-page .modal-overlay .modal-content .format-options .format-option{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem 1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem}.data-management-page .modal-overlay .modal-content .format-options .format-option svg{color:#6b7280}.data-management-page .modal-overlay .modal-content .format-options .format-option span{font-weight:600;color:#111827}.data-management-page .modal-overlay .modal-content .format-options .format-option small{color:#9ca3af;font-size:.75rem}.data-management-page .modal-overlay .modal-content .format-options .format-option:hover:not(:disabled){border-color:#8b5cf6;background:#f5f3ff;transform:translateY(-2px)}.data-management-page .modal-overlay .modal-content .format-options .format-option:hover:not(:disabled) svg{color:#8b5cf6}.data-management-page .modal-overlay .modal-content .format-options .format-option:disabled{opacity:.6;cursor:not-allowed}.data-management-page .modal-overlay .modal-content .format-options .format-option.docx:hover:not(:disabled){border-color:#2563eb;background:#eff6ff}.data-management-page .modal-overlay .modal-content .format-options .format-option.docx:hover:not(:disabled) svg{color:#2563eb}.data-management-page .modal-overlay .modal-content .format-options .format-option.pdf:hover:not(:disabled){border-color:#dc2626;background:#fef2f2}.data-management-page .modal-overlay .modal-content .format-options .format-option.pdf:hover:not(:disabled) svg{color:#dc2626}.data-management-page .modal-overlay .modal-content .cancel-button{width:100%;padding:.75rem;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.data-management-page .modal-overlay .modal-content .cancel-button:hover{background:#f9fafb;border-color:#d1d5db}.data-management-page .info-section .info-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000001a}.data-management-page .info-section .info-card .info-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.data-management-page .info-section .info-card .info-header svg{color:#3b82f6}.data-management-page .info-section .info-card .info-header h3{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.data-management-page .info-section .info-card .info-content{display:flex;flex-direction:column;gap:1.5rem}.data-management-page .info-section .info-card .info-content .info-item{display:flex;gap:1rem;align-items:flex-start}.data-management-page .info-section .info-card .info-content .info-item svg{flex-shrink:0;color:#3b82f6;margin-top:.25rem}.data-management-page .info-section .info-card .info-content .info-item div{flex:1;color:#6b7280;line-height:1.8}.data-management-page .info-section .info-card .info-content .info-item div strong{color:#374151;font-weight:600}.data-management-page .info-section .info-card .info-content .info-item div ul{list-style:none;padding:0;margin:.75rem 0 0}.data-management-page .info-section .info-card .info-content .info-item div ul li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.data-management-page .info-section .info-card .info-content .info-item div ul li svg{color:#10b981;margin-top:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media (max-width: 768px){.data-management-page{padding:1rem}.data-management-page .actions-grid{grid-template-columns:1fr}.data-management-page .action-card{padding:1.5rem}.data-management-page .action-card .card-icon{width:60px;height:60px}.data-management-page .action-card .card-icon svg{width:30px;height:30px}.data-management-page .action-card .card-content h2{font-size:1.25rem}}.loading-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.loading-overlay .loading-content{background:#fff;border-radius:24px;padding:3rem 4rem;box-shadow:0 25px 50px #0000004d;text-align:center;max-width:400px;animation:slideUp .4s ease-out}.loading-overlay .loading-content .loading-spinner{margin-bottom:1.5rem;display:flex;justify-content:center}.loading-overlay .loading-content .loading-spinner .loading-icon{width:64px;height:64px}.loading-overlay .loading-content .loading-spinner .loading-icon.default{color:#3b82f6;animation:spin 1s linear infinite}.loading-overlay .loading-content .loading-spinner .loading-icon.ai{color:#8b5cf6;animation:pulse 2s ease-in-out infinite}.loading-overlay .loading-content .loading-spinner .loading-icon.export{color:#10b981;animation:bounce 1s ease-in-out infinite}.loading-overlay .loading-content .loading-message{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem}.loading-overlay .loading-content .loading-submessage{font-size:.95rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.loading-overlay .loading-content .loading-dots{display:flex;justify-content:center;gap:.5rem}.loading-overlay .loading-content .loading-dots span{width:10px;height:10px;background:#3b82f6;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.loading-overlay .loading-content .loading-dots span:nth-child(1){animation-delay:0s}.loading-overlay .loading-content .loading-dots span:nth-child(2){animation-delay:.2s}.loading-overlay .loading-content .loading-dots span:nth-child(3){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@media (max-width: 768px){.loading-overlay .loading-content{padding:2rem 2.5rem;max-width:90%}.loading-overlay .loading-content .loading-spinner .loading-icon{width:48px;height:48px}.loading-overlay .loading-content .loading-message{font-size:1.25rem}.loading-overlay .loading-content .loading-submessage{font-size:.875rem}}.order-management{padding:2rem;margin:0 auto}.order-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.order-management-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#06378c,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem}.order-management-header p{color:#64748b;margin:0}.order-management-header .btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-weight:600;cursor:pointer;transition:all .2s}.order-management-header .btn-refresh:hover{border-color:#06378c;color:#06378c;transform:translateY(-2px)}.order-management-header .btn-refresh svg{transition:transform .3s}.order-management-header .btn-refresh:hover svg{transform:rotate(180deg)}.order-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.order-management-loading .spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#06378c;border-radius:50%;animation:spin .8s linear infinite}.order-management-loading p{color:#64748b;font-weight:500}.order-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.order-stats .stat-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;transition:all .2s}.order-stats .stat-card:hover{box-shadow:0 10px 15px -3px #0000001a}.order-stats .stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.order-stats .stat-card .stat-content{flex:1}.order-stats .stat-card .stat-content .stat-label{font-size:.875rem;color:#64748b;margin:0 0 .25rem}.order-stats .stat-card .stat-content .stat-value{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.order-filters{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a}.order-filters .search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;transition:all .2s}.order-filters .search-box:focus-within{border-color:#06378c;background:#fff}.order-filters .search-box svg{color:#94a3b8;flex-shrink:0}.order-filters .search-box input{flex:1;border:none;background:transparent;outline:none;font-size:.9375rem;color:#1e293b}.order-filters .search-box input::placeholder{color:#94a3b8}.order-filters .status-filters{display:flex;flex-wrap:wrap;gap:.75rem}.order-filters .status-filters .filter-btn{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.order-filters .status-filters .filter-btn:hover{border-color:#cbd5e1;background:#f8fafc}.order-filters .status-filters .filter-btn.active{background:#f8fafc;font-weight:700}.orders-container{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.orders-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;min-height:400px}.orders-list .no-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:16px;color:#94a3b8}.orders-list .no-orders svg{margin-bottom:1rem}.orders-list .no-orders p{font-size:1.125rem;font-weight:500}.order-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;transition:all .2s;border:2px solid transparent}.order-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.order-card.selected{border-color:#06378c;box-shadow:0 0 0 3px #667eea1a}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.order-card-header .order-id{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:#64748b;font-weight:600}.order-card-header .order-id svg{color:#94a3b8}.order-card-header .order-status-badge{padding:.375rem .75rem;border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.order-card-body{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.order-card-body>div{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569}.order-card-body>div svg{color:#94a3b8;flex-shrink:0}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e2e8f0}.order-card-footer .order-items-count{font-size:.875rem;color:#64748b;font-weight:500}.order-card-footer svg{color:#cbd5e1}.order-details-panel{position:sticky;top:2rem;background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden;max-height:calc(100vh - 4rem);display:flex;flex-direction:column}.order-details-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#06378c,#764ba2);color:#fff}.order-details-panel .panel-header h2{font-size:1.25rem;font-weight:700;margin:0}.order-details-panel .panel-header .btn-close{width:32px;height:32px;border-radius:8px;border:none;background:#fff3;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.order-details-panel .panel-header .btn-close:hover{background:#ffffff4d;transform:rotate(90deg)}.order-details-panel .panel-content{flex:1;overflow-y:auto;padding:1.5rem}.order-details-panel .panel-content::-webkit-scrollbar{width:8px}.order-details-panel .panel-content::-webkit-scrollbar-track{background:#f1f5f9}.order-details-panel .panel-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.order-details-panel .panel-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.status-timeline{margin-bottom:2rem}.status-timeline h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.status-timeline .current-status{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:12px;color:#fff;margin-bottom:1.5rem}.status-timeline .current-status svg{flex-shrink:0}.status-timeline .current-status .status-label{font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.status-timeline .current-status .status-description{font-size:.875rem;opacity:.9;margin:0}.status-timeline .next-actions h4{font-size:.875rem;font-weight:600;color:#64748b;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.status-timeline .next-actions .action-buttons{display:flex;flex-direction:column;gap:.75rem}.status-timeline .next-actions .action-buttons .btn-action{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:2px solid;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.status-timeline .next-actions .action-buttons .btn-action:hover:not(:disabled){transform:translate(4px);box-shadow:0 4px 6px -1px #0000001a}.status-timeline .next-actions .action-buttons .btn-action:disabled{opacity:.5;cursor:not-allowed}.status-timeline .next-actions .action-buttons .btn-action svg{flex-shrink:0}.info-section{margin-bottom:2rem}.info-section h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.info-section .info-grid{display:flex;flex-direction:column;gap:1rem}.info-section .info-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:10px}.info-section .info-item svg{color:#06378c;flex-shrink:0;margin-top:2px}.info-section .info-item .info-label{font-size:.75rem;color:#64748b;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-section .info-item .info-value{font-size:.9375rem;color:#1e293b;font-weight:500;margin:0}.order-items{display:flex;flex-direction:column;gap:.75rem}.order-items .order-item{display:grid;grid-template-columns:48px 1fr auto auto;gap:.75rem;align-items:center;padding:.875rem;background:#f8fafc;border-radius:10px}.order-items .order-item .item-image{width:48px;height:48px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.order-items .order-item .item-image img{width:100%;height:100%;object-fit:cover}.order-items .order-item .item-image svg{color:#cbd5e1}.order-items .order-item .item-info .item-name{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.order-items .order-item .item-info .item-type{font-size:.75rem;color:#64748b;margin:0}.order-items .order-item .item-quantity{font-size:.875rem;font-weight:600;color:#64748b;padding:.25rem .5rem;background:#fff;border-radius:6px}.order-items .order-item .item-price{font-size:.9375rem;font-weight:700;color:#1e293b}.payment-summary{background:#f8fafc;border-radius:10px;padding:1rem}.payment-summary .payment-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.payment-summary .payment-row:not(:last-child){border-bottom:1px solid #e2e8f0}.payment-summary .payment-row.total{font-size:1.125rem;font-weight:700;color:#1e293b;padding-top:1rem}.payment-summary .payment-row .payment-status{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.payment-summary .payment-row .payment-status.succeeded,.payment-summary .payment-row .payment-status.success{background:#d1fae5;color:#065f46}.payment-summary .payment-row .payment-status.pending,.payment-summary .payment-row .payment-status.initiated{background:#fef3c7;color:#92400e}.payment-summary .payment-row .payment-status.failed,.payment-summary .payment-row .payment-status.cancelled{background:#fee2e2;color:#991b1b}.digital-products-page{padding:2rem;max-width:1400px;margin:0 auto}.digital-products-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.digital-products-page .loading-state .spin{animation:spin 1s linear infinite;color:#667eea}.digital-products-page .loading-state p{color:#7f8c8d;font-size:1rem}.digital-products-page .page-header{margin-bottom:2rem}.digital-products-page .page-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.digital-products-page .page-header .header-content .header-title{display:flex;align-items:center;gap:1rem}.digital-products-page .page-header .header-content .header-title svg{color:#667eea}.digital-products-page .page-header .header-content .header-title h1{font-size:1.75rem;font-weight:700;color:#2c3e50;margin:0}.digital-products-page .page-header .header-content .header-title p{color:#7f8c8d;margin:.25rem 0 0}.digital-products-page .page-header .header-content .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.digital-products-page .page-header .header-content .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.digital-products-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.digital-products-page .stats-grid .stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.digital-products-page .stats-grid .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.digital-products-page .stats-grid .stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.digital-products-page .stats-grid .stat-card .stat-icon.viewers{background:linear-gradient(135deg,#667eea,#764ba2)}.digital-products-page .stats-grid .stat-card .stat-icon.purchases{background:linear-gradient(135deg,#f093fb,#f5576c)}.digital-products-page .stats-grid .stat-card .stat-icon.watchtime{background:linear-gradient(135deg,#4facfe,#00f2fe)}.digital-products-page .stats-grid .stat-card .stat-icon.notes{background:linear-gradient(135deg,#43e97b,#38f9d7)}.digital-products-page .stats-grid .stat-card .stat-content{flex:1}.digital-products-page .stats-grid .stat-card .stat-content .stat-label{font-size:.875rem;color:#7f8c8d;margin:0 0 .25rem}.digital-products-page .stats-grid .stat-card .stat-content .stat-value{font-size:1.75rem;font-weight:700;color:#2c3e50;margin:0}.digital-products-page .filters-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.digital-products-page .filters-bar .search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.75rem 1rem;transition:all .3s ease}.digital-products-page .filters-bar .search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.digital-products-page .filters-bar .search-box svg{color:#7f8c8d}.digital-products-page .filters-bar .search-box input{flex:1;border:none;outline:none;font-size:1rem;color:#2c3e50}.digital-products-page .filters-bar .search-box input::placeholder{color:#bdc3c7}.digital-products-page .filters-bar .filter-group{display:flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.75rem 1rem}.digital-products-page .filters-bar .filter-group svg{color:#7f8c8d}.digital-products-page .filters-bar .filter-group select{border:none;outline:none;font-size:.95rem;color:#2c3e50;background:transparent;cursor:pointer;font-weight:500}.digital-products-page .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.digital-products-page .empty-state svg{color:#bdc3c7;margin-bottom:1rem}.digital-products-page .empty-state h3{font-size:1.5rem;color:#2c3e50;margin:0 0 .5rem}.digital-products-page .empty-state p{color:#7f8c8d;margin:0}.digital-products-page .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.digital-products-page .products-grid .product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column}.digital-products-page .products-grid .product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.digital-products-page .products-grid .product-card .product-image{position:relative;width:100%;height:180px;overflow:hidden}.digital-products-page .products-grid .product-card .product-image img{width:100%;height:100%;object-fit:cover}.digital-products-page .products-grid .product-card .product-image .product-type-badge{position:absolute;top:.75rem;right:.75rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.digital-products-page .products-grid .product-card .product-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.digital-products-page .products-grid .product-card .product-content .product-name{font-size:1.125rem;font-weight:700;color:#2c3e50;margin:0;line-height:1.4}.digital-products-page .products-grid .product-card .product-content .product-description{font-size:.875rem;color:#7f8c8d;margin:0;line-height:1.5}.digital-products-page .products-grid .product-card .product-content .product-price{font-size:1.25rem;font-weight:700;color:#667eea;margin:.5rem 0}.digital-products-page .products-grid .product-card .product-content .product-stats{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 0;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1}.digital-products-page .products-grid .product-card .product-content .product-stats .stat-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#7f8c8d}.digital-products-page .products-grid .product-card .product-content .product-stats .stat-item svg{color:#667eea}.digital-products-page .products-grid .product-card .product-content .product-stats .stat-item span{font-weight:600;color:#2c3e50}.digital-products-page .products-grid .product-card .product-content .product-modules{display:flex;gap:1rem;font-size:.875rem;color:#7f8c8d}.digital-products-page .products-grid .product-card .product-content .product-modules span{display:flex;align-items:center;gap:.25rem;font-weight:600}.digital-products-page .products-grid .product-card .product-actions{padding:1rem 1.25rem;background:#f8f9fa;display:flex;gap:.75rem}.digital-products-page .products-grid .product-card .product-actions button{flex:1;padding:.625rem 1rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none}.digital-products-page .products-grid .product-card .product-actions button.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.digital-products-page .products-grid .product-card .product-actions button.btn-secondary:hover{background:#667eea;color:#fff}.digital-products-page .products-grid .product-card .product-actions button.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.digital-products-page .products-grid .product-card .product-actions button.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.digital-products-page{padding:1rem}.digital-products-page .page-header .header-content{flex-direction:column;align-items:flex-start}.digital-products-page .page-header .header-content .btn-primary{width:100%}.digital-products-page .stats-grid{grid-template-columns:1fr}.digital-products-page .filters-bar{flex-direction:column}.digital-products-page .filters-bar .search-box,.digital-products-page .filters-bar .filter-group{width:100%}.digital-products-page .products-grid{grid-template-columns:1fr}}:root{--color-navy-deep: #303a73;--color-blue-primary: #3b82c6;--color-blue-light: #5ba8e5;--color-orange-primary: #f29c50;--color-orange-warm: #f2a05a;--color-green-leaf: #afd991;--color-green-accent: #73a641;--destructive: #da1608;--primary-navy: oklch(.35 .1 265);--primary-blue: oklch(.58 .14 240);--accent-blue-light: oklch(.68 .12 235);--accent-orange: oklch(.72 .14 55);--accent-orange-warm: oklch(.74 .13 50);--accent-green-leaf: oklch(.78 .12 130);--accent-green: oklch(.65 .15 135);--background: oklch(.99 .002 240);--foreground: oklch(.25 .08 265);--card: oklch(1 0 0);--card-foreground: oklch(.25 .08 265);--popover: oklch(1 0 0);--popover-foreground: oklch(.25 .08 265);--primary: oklch(.58 .14 240);--primary-foreground: oklch(.99 0 0);--secondary: oklch(.72 .14 55);--secondary-foreground: oklch(.99 0 0);--accent: oklch(.74 .13 50);--accent-foreground: oklch(.99 0 0);--success: oklch(.65 .15 135);--success-foreground: oklch(.99 0 0);--muted: oklch(.97 .01 240);--muted-foreground: oklch(.55 .05 240);--destructive: oklch(.55 .22 25);--destructive-foreground: oklch(.99 0 0);--border: oklch(.92 .01 240);--input: oklch(.92 .01 240);--ring: oklch(.58 .14 240);--chart-1: oklch(.35 .1 265);--chart-2: oklch(.58 .14 240);--chart-3: oklch(.65 .15 135);--chart-4: oklch(.72 .14 55);--chart-5: oklch(.78 .12 130);--radius: .75rem;--sidebar: oklch(.35 .1 265);--sidebar-foreground: oklch(.99 0 0);--sidebar-primary: oklch(.58 .14 240);--sidebar-primary-foreground: oklch(.99 0 0);--sidebar-accent: oklch(.72 .14 55);--sidebar-accent-foreground: oklch(.99 0 0);--sidebar-border: oklch(.28 .08 265);--sidebar-ring: oklch(.58 .14 240);--gradient-primary: linear-gradient( 135deg, oklch(.35 .1 265) 0%, oklch(.58 .14 240) 100% );--gradient-action: linear-gradient( 135deg, oklch(.72 .14 55) 0%, oklch(.74 .13 50) 100% );--gradient-full: linear-gradient( 135deg, oklch(.35 .1 265) 0%, oklch(.58 .14 240) 25%, oklch(.65 .15 135) 50%, oklch(.72 .14 55) 75%, oklch(.78 .12 130) 100% );--gradient-hero: linear-gradient( 135deg, oklch(.35 .1 265) 0%, oklch(.46 .12 252) 50%, oklch(.58 .14 240) 100% );--shop-primary: oklch(.6 .2 290);--shop-secondary: oklch(.65 .25 340);--shop-gradient: linear-gradient( 135deg, oklch(.6 .2 290) 0%, oklch(.65 .25 340) 100% );--product-bg-yellow: linear-gradient(135deg, #fef3c7 0%, #fed7aa 100%);--product-bg-orange: linear-gradient(135deg, #fed7aa 0%, #fecaca 100%);--product-bg-red: linear-gradient(135deg, #fecaca 0%, #fbcfe8 100%);--product-bg-green: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);--product-bg-purple: linear-gradient(135deg, #e9d5ff 0%, #fbcfe8 100%);--chat-header-bg: var(--shop-gradient);--chat-user-bubble: var(--shop-gradient);--chat-assistant-bubble: oklch(.99 0 0);--shop-button-radius: 24px;--shop-hover-lift: translateY(-4px)}.dark{--background: oklch(.18 .03 265);--foreground: oklch(.96 .01 0);--card: oklch(.22 .04 265);--card-foreground: oklch(.96 .01 0);--popover: oklch(.22 .04 265);--popover-foreground: oklch(.96 .01 0);--primary: oklch(.65 .14 240);--primary-foreground: oklch(.99 0 0);--secondary: oklch(.76 .14 55);--secondary-foreground: oklch(.18 .03 265);--accent: oklch(.78 .13 50);--accent-foreground: oklch(.18 .03 265);--success: oklch(.7 .15 135);--success-foreground: oklch(.18 .03 265);--muted: oklch(.28 .05 265);--muted-foreground: oklch(.7 .05 265);--destructive: oklch(.55 .22 25);--destructive-foreground: oklch(.96 0 0);--border: oklch(.32 .06 265);--input: oklch(.32 .06 265);--ring: oklch(.72 .14 55);--chart-1: oklch(.42 .1 265);--chart-2: oklch(.65 .14 240);--chart-3: oklch(.7 .15 135);--chart-4: oklch(.76 .14 55);--chart-5: oklch(.8 .12 130);--sidebar: oklch(.2 .04 265);--sidebar-foreground: oklch(.96 .01 0);--sidebar-primary: oklch(.65 .14 240);--sidebar-primary-foreground: oklch(.99 0 0);--sidebar-accent: oklch(.76 .14 55);--sidebar-accent-foreground: oklch(.99 0 0);--sidebar-border: oklch(.32 .06 265);--sidebar-ring: oklch(.76 .14 55)}*{border-color:var(--border);outline-color:color-mix(in oklch,var(--ring) 50%,transparent);transition:border-color .2s ease,background-color .2s ease,color .2s ease}body{background-color:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0}@keyframes gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse-glow-orange{0%,to{box-shadow:0 0 20px #f29c504d}50%{box-shadow:0 0 30px #f29c5099}}@keyframes pulse-glow-blue{0%,to{box-shadow:0 0 20px #3b82c64d}50%{box-shadow:0 0 30px #3b82c699}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.gradient-primary{background:var(--gradient-primary);background-size:200% 200%;animation:gradient-flow 4s ease infinite}.gradient-action{background:var(--gradient-action);background-size:200% 200%;animation:gradient-flow 3s ease infinite}.gradient-full{background:var(--gradient-full);background-size:300% 300%;animation:gradient-flow 5s ease infinite}.gradient-hero{background:var(--gradient-hero);background-size:200% 200%;animation:gradient-flow 6s ease infinite}.text-gradient-primary{background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 4s ease infinite}.text-gradient-action{background:var(--gradient-action);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 3s ease infinite}.btn-primary{background:var(--gradient-primary);background-size:200% 200%;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.btn-primary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82c64d}.btn-primary:active{transform:translateY(0)}.btn-action{background:var(--gradient-action);background-size:200% 200%;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-action:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #f29c5066}.btn-success{background:var(--success);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-success:hover{background:#70b445;transform:translateY(-2px);box-shadow:0 8px 20px #73a6414d}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px #f29c5033}.hover-lift-blue{transition:transform .3s ease,box-shadow .3s ease}.hover-lift-blue:hover{transform:translateY(-4px);box-shadow:0 12px 24px #3b82c640}.hover-glow-orange{transition:box-shadow .3s ease}.hover-glow-orange:hover{box-shadow:0 0 20px #f29c5066}.hover-glow-blue{transition:box-shadow .3s ease}.hover-glow-blue:hover{box-shadow:0 0 20px #3b82c666}.card-enter{animation:slide-up .6s ease-out}.fade-in{animation:fade-in .5s ease-in}.slide-in-right{animation:slide-in-right .5s ease-out}.badge-pulse-orange{animation:pulse-glow-orange 2s ease-in-out infinite}.badge-pulse-blue{animation:pulse-glow-blue 2s ease-in-out infinite}.badge-success{background:var(--success);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.badge-action{background:var(--accent-orange);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;animation:pulse-glow-orange 2s ease-in-out infinite}.loading-spinner{width:40px;height:40px;border:3px solid var(--muted);border-top-color:var(--primary-blue);border-right-color:var(--accent-orange);border-radius:50%;animation:spin .8s linear infinite}.card-premium{background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:0 4px 12px #303a7314;transition:all .3s ease;border:1px solid var(--border)}.card-premium:hover{box-shadow:0 8px 24px #303a731f;transform:translateY(-2px)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--muted);border-radius:var(--radius)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius);border:2px solid var(--muted)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-action)}:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px;border-radius:4px}::selection{background:#0082c040;background:oklch(58% .14 240deg / .25);color:var(--foreground)}.interactive{cursor:pointer;transition:all .2s ease}.interactive:hover{opacity:.85}.interactive:active{transform:scale(.98)}.border-gradient{border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--gradient-full);background-origin:border-box;background-clip:padding-box,border-box}.overlay-gradient{position:relative}.overlay-gradient:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:.1;z-index:-1;border-radius:inherit}.status-success{width:8px;height:8px;background:var(--success);border-radius:50%;display:inline-block;animation:pulse-glow-blue 2s ease-in-out infinite}.status-warning{width:8px;height:8px;background:var(--accent-orange);border-radius:50%;display:inline-block;animation:pulse-glow-orange 2s ease-in-out infinite}img{width:100%;height:100%;object-fit:cover}.product-search-results{margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6}.product-search-results .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6}.product-search-results .results-header h4{margin:0;color:#495057;font-size:1.1rem;font-weight:600}.product-search-results .results-header .search-info{display:flex;gap:1rem;font-size:.85rem;color:#6c757d}.product-search-results .results-header .search-info .quality-score{color:#28a745;font-weight:500}.product-search-results .results-header .search-info .attempts{color:#6c757d}.product-search-results .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:1rem}.product-search-results .product-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.product-search-results .product-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.product-search-results .product-card .product-image{width:100%;height:180px;overflow:hidden}.product-search-results .product-card .product-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.product-search-results .product-card .product-image img:hover{transform:scale(1.05)}.product-search-results .product-card .product-info{padding:1rem}.product-search-results .product-card .product-info .product-name{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#212529;line-height:1.3}.product-search-results .product-card .product-info .product-description{margin:0 0 1rem;font-size:.9rem;color:#6c757d;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-search-results .product-card .product-info .product-details{margin-bottom:1rem}.product-search-results .product-card .product-info .product-details .product-price .price{font-size:1.2rem;font-weight:700;color:#28a745}.product-search-results .product-card .product-info .product-details .product-stock{margin:.5rem 0}.product-search-results .product-card .product-info .product-details .product-stock .stock{font-size:.85rem;padding:.25rem .5rem;border-radius:4px}.product-search-results .product-card .product-info .product-details .product-stock .stock.in-stock{color:#28a745;background:#28a7451a}.product-search-results .product-card .product-info .product-details .product-stock .stock.out-of-stock{color:#dc3545;background:#dc35451a}.product-search-results .product-card .product-info .product-details .product-category{margin:.5rem 0}.product-search-results .product-card .product-info .product-details .product-category .category{display:inline-block;padding:.25rem .5rem;background:#e9ecef;color:#495057;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:capitalize}.product-search-results .product-card .product-info .product-details .product-tags{margin:.5rem 0}.product-search-results .product-card .product-info .product-details .product-tags .tag{display:inline-block;margin-right:.5rem;margin-bottom:.25rem;padding:.2rem .4rem;background:#007bff;color:#fff;border-radius:3px;font-size:.75rem;font-weight:500}.product-search-results .product-card .product-info .product-details .search-match{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f8f9fa}.product-search-results .product-card .product-info .product-details .search-match small{color:#6c757d;font-style:italic}.product-search-results .product-card .product-info .product-actions{display:flex;gap:.5rem}.product-search-results .product-card .product-info .product-actions button{flex:1;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.product-search-results .product-card .product-info .product-actions button.btn-primary{background:#007bff;color:#fff}.product-search-results .product-card .product-info .product-actions button.btn-primary:hover:not(:disabled){background:#0056b3}.product-search-results .product-card .product-info .product-actions button.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.product-search-results .product-card .product-info .product-actions button.btn-secondary{background:#6c757d;color:#fff}.product-search-results .product-card .product-info .product-actions button.btn-secondary:hover{background:#545b62}.product-search-results .results-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.product-search-results .results-footer .search-queries{margin:0 0 .5rem;font-size:.85rem;color:#6c757d;font-style:italic}.product-search-results .results-footer .help-text{margin:0;font-size:.9rem;color:#495057;text-align:center;padding:.5rem;background:#007bff1a;border-radius:6px}.product-search-results .no-results{text-align:center;padding:2rem;color:#6c757d}.product-search-results .no-results p{margin:.5rem 0;font-size:1rem}.product-search-results .no-results p:first-child{font-size:1.2rem;color:#495057}@media (max-width: 768px){.product-search-results .products-grid{grid-template-columns:1fr}.product-search-results .results-header{flex-direction:column;align-items:flex-start;gap:.5rem}.product-search-results .results-header .search-info{font-size:.8rem}.product-search-results .product-card .product-info .product-actions{flex-direction:column}.product-search-results .product-card .product-info .product-actions button{width:100%}}.ai-reasoning-display{margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-radius:12px;border:1px solid #b3d9ff;position:relative;overflow:hidden}.ai-reasoning-display:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#06b6d4,#8b5cf6);background-size:200% 100%;animation:reasoning-gradient 2s ease-in-out infinite}@keyframes reasoning-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.reasoning-header{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #b3d9ff}.reasoning-icon{margin-right:.75rem;padding:.5rem;background:#3b82f61a;border-radius:50%;display:flex;align-items:center;justify-content:center}.reasoning-title{display:flex;align-items:center;gap:.5rem}.title-text{font-weight:600;color:#1e40af;font-size:.95rem}.thinking-indicator{display:flex;gap:2px}.dot{width:4px;height:4px;background:#3b82f6;border-radius:50%;animation:thinking-bounce 1.4s ease-in-out infinite both}.dot.dot1{animation-delay:-.32s}.dot.dot2{animation-delay:-.16s}.dot.dot3{animation-delay:0s}@keyframes thinking-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.reasoning-content{max-height:300px;overflow-y:auto;padding-right:.5rem}.reasoning-content::-webkit-scrollbar{width:4px}.reasoning-content::-webkit-scrollbar-track{background:#3b82f61a;border-radius:2px}.reasoning-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:2px}.reasoning-step{display:flex;align-items:flex-start;margin-bottom:.75rem;padding:.5rem;border-radius:8px;transition:all .3s ease;opacity:.6}.reasoning-step.completed{opacity:1;background:#22c55e0d;border-left:3px solid #22c55e}.reasoning-step.current{opacity:1;background:#3b82f61a;border-left:3px solid #3b82f6;animation:pulse-current 2s ease-in-out infinite}.reasoning-step.pending{opacity:.4;background:#9ca3af0d;border-left:3px solid #d1d5db}@keyframes pulse-current{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 4px #3b82f600}}.step-icon{margin-right:.75rem;margin-top:.125rem;flex-shrink:0;color:#6b7280}.completed .step-icon{color:#22c55e}.current .step-icon{color:#3b82f6;animation:icon-pulse 1s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.step-content{flex:1;line-height:1.5}.step-text{font-size:.9rem;color:#374151}.step-text.completed{color:#111827}.step-text.typing{position:relative;color:#1e40af;font-weight:500}.step-text.typing .cursor{animation:cursor-blink 1s infinite;color:#3b82f6;font-weight:700}.step-text.pending{color:#9ca3af;font-style:italic}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.char-placeholder{color:#d1d5db;font-weight:300}.reasoning-progress{margin-top:1rem;padding-top:1rem;border-top:1px solid #b3d9ff;display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:6px;background:#3b82f633;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:3px;transition:width .5s ease}.progress-text{font-size:.8rem;color:#6b7280;font-weight:500;white-space:nowrap}@media (prefers-color-scheme: dark){.ai-reasoning-overlay{position:relative;margin:.5rem 1rem;padding:.5rem .75rem;background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border-radius:8px;border:1px solid rgba(59,130,246,.2);animation:fadeInOut 10s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.reasoning-content{display:flex;align-items:center;gap:.5rem}.reasoning-icon{color:#3b82f6;flex-shrink:0;opacity:.7}.reasoning-text{font-size:.85rem;color:#1e40af;font-weight:500;line-height:1.3;opacity:.9}}@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark){.ai-reasoning-overlay{background:linear-gradient(135deg,#3b82f626,#06b6d426);border-color:#60a5fa4d}.reasoning-text{color:#93c5fd}}@media (prefers-color-scheme: dark) and (max-width: 768px){.ai-reasoning-overlay{margin:.25rem .5rem;padding:.375rem .5rem}.reasoning-text{font-size:.8rem}}@media (prefers-color-scheme: dark){.ai-reasoning-display{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.ai-reasoning-display:before{background:linear-gradient(90deg,#60a5fa,#06b6d4,#a78bfa)}.reasoning-header{border-color:#334155}.reasoning-icon{background:#60a5fa1a}.title-text{color:#dbeafe}.dot{background:#60a5fa}.step-text{color:#d1d5db}.step-text.completed{color:#f9fafb}.step-text.typing{color:#93c5fd}.step-text.pending{color:#6b7280}.char-placeholder{color:#4b5563}.reasoning-progress{border-color:#334155}.progress-bar{background:#60a5fa33}.progress-text{color:#9ca3af}}@media (max-width: 768px){.ai-reasoning-display{margin:.5rem 0;padding:.75rem}.reasoning-step{padding:.375rem;margin-bottom:.5rem}.step-icon{margin-right:.5rem}.step-text{font-size:.85rem}.reasoning-progress{flex-direction:column;align-items:stretch;gap:.5rem}.progress-text{text-align:center}}.error-report-panel{margin:.5rem 1rem;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.2);border-radius:8px;overflow:hidden;animation:slideDown .3s ease-out}.error-report-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#ef444426,#dc262626);border-bottom:1px solid rgba(239,68,68,.2)}.error-report-header span{font-weight:600;color:#dc2626;font-size:.875rem}.error-report-content{padding:.75rem}.error-report-content p{margin:0 0 1rem;font-size:.875rem;color:#374151;line-height:1.4}.error-report-actions{display:flex;gap:.5rem}.error-report-button{flex:1;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.error-report-button.primary{background:#dc2626;color:#fff}.error-report-button.primary:hover{background:#b91c1c}.error-report-button.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.error-report-button.secondary:hover{background:#e5e7eb}.errorReportButton{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;margin-right:.5rem}.errorReportButton:hover{background:#ef44441a;color:#dc2626}.errorReportButton.active{background:#ef444433;color:#dc2626}@media (prefers-color-scheme: dark){.error-report-panel{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef44444d}.error-report-header{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef44444d}.error-report-header span{color:#fca5a5}.error-report-content p{color:#d1d5db}.error-report-button.secondary{background:#374151;color:#d1d5db;border-color:#4b5563}.error-report-button.secondary:hover{background:#4b5563}.errorReportButton{color:#9ca3af}.errorReportButton:hover{background:#ef444433;color:#fca5a5}.errorReportButton.active{background:#ef44444d;color:#fca5a5}}@media (max-width: 768px){.error-report-panel{margin:.25rem .5rem}.error-report-header,.error-report-content{padding:.625rem}.error-report-actions{flex-direction:column}.error-report-button{width:100%}}.inline-visual-image{margin:12px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;max-width:300px}.inline-visual-image img{display:block;width:100%;height:auto;max-height:200px;object-fit:cover}.inline-visual-image .image-caption{padding:8px 12px;background:var(--muted);font-size:14px;color:var(--muted-foreground);border-top:1px solid var(--border)}.inline-visual-video{margin:12px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;max-width:300px}.inline-visual-video video{display:block;width:100%;height:auto;max-height:200px}.inline-visual-video .video-title{padding:8px 12px;background:var(--muted);font-size:14px;color:var(--muted-foreground);border-top:1px solid var(--border)}.inline-visual-chart,.inline-visual-mermaid,.inline-visual-product-gallery{margin:12px 0;border-radius:12px;padding:16px;text-align:center;font-size:14px;font-weight:500;box-shadow:0 2px 8px #0000001a}.inline-visual-chart{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:2px dashed #6c757d;color:#495057}.inline-visual-mermaid{background:linear-gradient(135deg,#f0f8ff,#e0f0ff);border:2px dashed #17a2b8;color:#117a8b}.inline-visual-product-gallery{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:2px dashed #17a2b8;color:#117a8b}.inline-markdown{display:inline}.message-content-with-visuals{display:flex;flex-direction:column;gap:8px}.global_neoChat__voiceBtn{background:transparent;border:none;cursor:pointer}.global_neoChat__voiceBtn svg{color:#00f}