@charset "UTF-8";.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{background:var(--background);border-bottom:1px solid var(--border);padding:0 1.5rem;height:4rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.navbar .navbar-left{display:flex;align-items:center;gap:1rem}.navbar .navbar-left .neo_menu-button{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;cursor:pointer;transition:all .2s ease;color:var(--foreground)}.navbar .navbar-left .neo_menu-button:hover{background:var(--accent);color:var(--accent-foreground);transform:scale(1.05)}.navbar .navbar-left .neo_menu-button .icon{width:1.25rem;height:1.25rem}.navbar .navbar-left h2{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0;background:var(--accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar .navbar-right{display:flex;align-items:center;gap:1rem}.navbar .navbar-right .theme-toggle{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;cursor:pointer;transition:all .2s ease;color:var(--foreground)}.navbar .navbar-right .theme-toggle:hover{background:var(--accent);color:var(--accent-foreground);transform:scale(1.05)}.navbar .navbar-right .theme-toggle .icon{width:1.25rem;height:1.25rem}.navbar .navbar-right .user-info{display:flex;flex-direction:column;align-items:flex-end}.navbar .navbar-right .user-info .store-name{font-size:.875rem;font-weight:600;color:var(--foreground);margin:0}.navbar .navbar-right .user-info .role{font-size:.75rem;color:var(--muted-foreground);margin:0}.navbar .navbar-right .logout-button{background:var(--destructive);border:1px solid var(--destructive);border-radius:var(--radius);padding:.5rem;cursor:pointer;transition:all .2s ease;color:var(--destructive-foreground)}.navbar .navbar-right .logout-button:hover{background:var(--destructive);opacity:.8;transform:scale(1.05)}.navbar .navbar-right .logout-button .icon{width:1.25rem;height:1.25rem}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:1rem;border:2px solid var(--border)}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}@media (max-width: 750px){.navbar-left .nav-title,.nav-title{display:none}}.sidebar{height:100vh;background:linear-gradient(135deg,#fffffff2,#fffc),linear-gradient(135deg,#2c377a05,#ff8c0003);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.2);overflow-y:auto;flex-shrink:0;position:relative;box-shadow:4px 0 24px #00000014,inset -1px 0 #ffffff4d}.sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f108,#f59e0b05),radial-gradient(circle at 20% 20%,rgba(255,140,0,.04) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:sidebar-glow 8s ease-in-out infinite alternate}.sidebar:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 90%,rgba(99,102,241,.08) 1px,transparent 1px),radial-gradient(circle at 90% 10%,rgba(245,158,11,.06) .8px,transparent .8px);background-size:80px 80px,60px 60px;background-position:0 0,30px 30px;pointer-events:none;z-index:-1;animation:sidebar-particles 25s linear infinite}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;z-index:50;transform:translate(-100%);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:8px 0 48px #00000026,0 0 0 1px #ffffff1a}.sidebar.open{transform:translate(0);box-shadow:8px 0 48px #00000026,0 0 0 1px #ffffff1a,inset -1px 0 #ffffff4d}.sidebar.closed{transform:translate(-100%)}}.sidebar .sidebar-content{padding:1.5rem;height:100%;display:flex;flex-direction:column}.sidebar .sidebar-content .sidebar-close-btn{position:absolute;top:1rem;right:1rem;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;cursor:pointer;color:var(--foreground);display:none}@media (max-width: 768px){.sidebar .sidebar-content .sidebar-close-btn{display:block}}@keyframes sidebar-glow{0%,to{box-shadow:4px 0 24px #00000014,inset -1px 0 #ffffff4d}50%{box-shadow:4px 0 32px #6366f11f,inset -1px 0 #fff6}}@keyframes sidebar-particles{0%{background-position:0 0,30px 30px}to{background-position:80px 80px,110px 110px}}@keyframes logo-border-glow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes circuit-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes leaf-glow{0%,to{filter:drop-shadow(0 0 6px rgba(245,158,11,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(245,158,11,.8));transform:scale(1.1)}}@keyframes brand-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes underline-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes brand-underline-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sidebar .sidebar-content .logo{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--sidebar-border)}.sidebar .sidebar-content .logo .logo-icon .icon-svg{position:relative;width:3rem;height:3rem}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-dot{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-dot:nth-child(1){top:8px;left:8px}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-dot:nth-child(2){top:8px;right:8px}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-dot:nth-child(3){bottom:8px;left:50%;transform:translate(-50%)}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-line{position:absolute;height:2px;background:var(--primary)}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-line:nth-child(4){top:10px;left:12px;width:12px}.sidebar .sidebar-content .logo .logo-icon .icon-svg .circuit-line:nth-child(5){bottom:10px;right:12px;width:8px}.sidebar .sidebar-content .logo .logo-icon .icon-svg .leaf{position:absolute;bottom:6px;right:6px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--accent)}.sidebar .sidebar-content .logo .logo-text .brand-name{font-size:1.5rem;font-weight:700;margin:0;line-height:1.2}.sidebar .sidebar-content .logo .logo-text .brand-name .neho{position:relative;display:inline-block}.sidebar .sidebar-content .logo .logo-text .brand-name .neho:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));background-size:200% 100%;animation:underline-shimmer 2s ease-in-out infinite;border-radius:1.5px}.sidebar .sidebar-content .logo .logo-text .brand-name .sell{position:relative;display:inline-block;color:var(--primary)}.sidebar .sidebar-content .logo .logo-text .brand-name .sell:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--secondary),var(--color-green-accent));background-size:200% 100%;animation:underline-shimmer 2s ease-in-out infinite .5s;border-radius:1.5px}.sidebar .sidebar-content .logo .logo-text .store-subtitle{font-size:.75rem;color:var(--muted-foreground);margin:0;font-weight:500}.sidebar .sidebar-content .store-info{margin-bottom:2rem}.sidebar .sidebar-content .store-info .store-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--success);color:var(--success-foreground);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.sidebar .sidebar-content .store-info .store-badge .badge-dot{width:6px;height:6px;background:currentColor;border-radius:50%;animation:pulse 2s infinite}.sidebar .sidebar-content .store-info .store-name{font-size:.875rem;color:var(--sidebar-foreground);font-weight:600;margin:0}.sidebar .sidebar-content nav{flex:1}.sidebar .sidebar-content nav .nav-section{margin-bottom:.5rem}.sidebar .sidebar-content nav .nav-section .section-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--sidebar-accent);border:1px solid var(--sidebar-border);border-radius:var(--radius);color:var(--sidebar-accent-foreground);text-decoration:none;transition:all .2s ease;cursor:pointer;font-weight:600}.sidebar .sidebar-content nav .nav-section .section-header:hover{color:var(--sidebar-primary-foreground);transform:translateY(-1px);box-shadow:var(--shadow-md)}.sidebar .sidebar-content nav .nav-section .section-header .section-icon{width:1.25rem;height:1.25rem}.sidebar .sidebar-content nav .nav-section .section-header .chevron{margin-left:auto;width:1rem;height:1rem;transition:transform .2s ease}.sidebar .sidebar-content nav .nav-section .section-header .chevron.expanded{transform:rotate(180deg)}.sidebar .sidebar-content nav .nav-section .section-links{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.sidebar .sidebar-content nav .nav-section .nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);color:var(--sidebar-foreground);text-decoration:none;transition:all .2s ease;font-weight:500}.sidebar .sidebar-content nav .nav-section .nav-link:hover{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sidebar .sidebar-content nav .nav-section .nav-link.active{background:var(--sidebar-accent);color:var(--sidebar-primary-foreground);box-shadow:var(--shadow-md)}.sidebar .sidebar-content nav .nav-section .nav-link.compact{padding:.5rem 1rem;font-size:.875rem}.sidebar .sidebar-content nav .nav-section .nav-link .icon{width:1.25rem;height:1.25rem;flex-shrink:0}.content{padding:2rem;display:flex;flex:1;overflow:auto;background:var(--background)}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:var(--muted);border-radius:4px}.content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.layout{display:flex;height:100vh;background-color:var(--background);color:var(--foreground)}.layout .sidebar{width:280px;transition:width .3s ease;overflow:hidden}.layout .sidebar.closed{width:0}.layout .main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}@media (max-width: 768px){.layout .sidebar{position:fixed;top:0;left:0;height:100vh;z-index:40;width:280px;transform:translate(-100%);transition:transform .3s ease}.layout .sidebar.open{transform:translate(0)}.layout .sidebar.closed{transform:translate(-100%);width:280px}.layout .main-content{margin-left:0}}.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)}.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}}.custom-alert-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.custom-alert{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;min-width:300px}.custom-alert .custom-alert-icon{display:flex;align-items:center;flex-shrink:0}.custom-alert .custom-alert-message{flex:1;font-size:14px;font-weight:500;color:#333}.custom-alert .custom-alert-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:#666;transition:color .2s}.custom-alert .custom-alert-close:hover{color:#333}.custom-alert-success{border-left:4px solid #22c55e}.custom-alert-success .custom-alert-icon{color:#22c55e}.custom-alert-error{border-left:4px solid #ef4444}.custom-alert-error .custom-alert-icon{color:#ef4444}.custom-alert-warning{border-left:4px solid #f59e0b}.custom-alert-warning .custom-alert-icon{color:#f59e0b}.custom-alert-info{border-left:4px solid #3b82f6}.custom-alert-info .custom-alert-icon{color:#3b82f6}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-container{min-height:100vh;background:var(--background);color:var(--foreground);position:relative;overflow-x:hidden}.dashboard-container:before{content:"";position:fixed;inset:0;background:var(--background);pointer-events:none;z-index:-1;animation:background-float 30s ease-in-out infinite}.dashboard-container:after{content:"";position:fixed;inset:0;background-image:var(--background);pointer-events:none;z-index:-1;animation:background-float 30s ease-in-out infinite}.dashboard-container:after{content:"";position:fixed;inset:0;background-image:var(--background);background-size:120px 120px,100px 100px,140px 140px;background-position:0 0,40px 40px,20px 20px;pointer-events:none;z-index:-1;animation:particle-drift 40s linear infinite}.dashboard-container .dashboard-content{padding:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.dashboard-new .dashboard-header{margin-bottom:3rem;position:relative}.dashboard-new .dashboard-header:before{content:"";position:absolute;inset:-30px;background:var(--background);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 92px 198px #0000001f,inset 0 1px #ffffff4d;z-index:-1;animation:header-glow 6s ease-in-out infinite alternate}.dashboard-new .dashboard-header h1{font-size:3.5rem;font-weight:900;margin:0;background:var(--accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:text-shimmer 6s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.03em;text-align:center;position:relative;z-index:1;padding:2rem}.dashboard-new .dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:2.5rem;position:relative}.dashboard-new .dashboard-grid .grid-section{background:linear-gradient(135deg,#fffffff2,#fffc),linear-gradient(135deg,#ff8c0005,#2c377a03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 42px 98px #00000014,0 4px 16px #0000000a,inset 0 1px #fff6;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .4s ease;animation:card-enter .6s ease-out forwards}.dashboard-new .dashboard-grid .grid-section:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 24px 80px #00000026,0 8px 32px #ff8c001a,inset 0 1px #fff9;border-color:#ff8c004d}.dashboard-new .dashboard-grid .grid-section.performance{grid-column:1/-1;background:linear-gradient(135deg,#fffffffa,#ffffffe6),linear-gradient(135deg,#ff8c0008,#2c377a05);box-shadow:0 16px 64px #0000001a,0 6px 24px #0000000f,inset 0 1px #ffffff80}.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{background:linear-gradient(135deg,#ffffffeb,#ffffffbf),linear-gradient(135deg,#2c377a05,#ff8c0003)}.dashboard-new .dashboard-grid .grid-section h2{font-size:1.75rem;font-weight:700;color:var(--foreground);margin:0 0 2rem;display:flex;align-items:center;gap:1rem;letter-spacing:-.01em;position:relative}.dashboard-new .dashboard-grid .grid-section h2:before{content:"";width:6px;height:2rem;background:var(--primary);border-radius:3px;box-shadow:0 0 20px #ff8c004d;animation:accent-pulse 3s ease-in-out infinite}.dashboard-new .dashboard-grid .grid-section h2 svg{color:var(--primary);filter:drop-shadow(0 0 10px rgba(255,140,0,.3));transition:all .3s ease}.dashboard-new .dashboard-grid .grid-section h2 svg:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 15px rgba(255,140,0,.5))}.performance-globale .kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.performance-globale .kpi-cards.loading .kpi-card{animation:pulse 2s infinite}.performance-globale .kpi-cards .kpi-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease}.performance-globale .kpi-cards .kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.performance-globale .kpi-cards .kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.performance-globale .kpi-cards .kpi-card.blue:before{background:var(--chart-1)}.performance-globale .kpi-cards .kpi-card.green:before{background:var(--chart-3)}.performance-globale .kpi-cards .kpi-card.orange:before{background:var(--chart-2)}.performance-globale .kpi-cards .kpi-card.purple:before{background:var(--chart-4)}.performance-globale .kpi-cards .kpi-card.indigo:before{background:var(--chart-5)}.performance-globale .kpi-cards .kpi-card .kpi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.performance-globale .kpi-cards .kpi-card .kpi-header .kpi-title{font-size:.875rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.performance-globale .kpi-cards .kpi-card .kpi-header .kpi-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:var(--muted);color:var(--foreground)}.performance-globale .kpi-cards .kpi-card .kpi-value{font-size:2rem;font-weight:700;color:var(--card-foreground);margin-bottom:.5rem;line-height:1.2}.performance-globale .kpi-cards .kpi-card .kpi-description{font-size:.75rem;color:var(--muted-foreground);margin-bottom:1rem}.performance-globale .kpi-cards .kpi-card .kpi-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600}.performance-globale .kpi-cards .kpi-card .kpi-change.up{color:var(--success)}.performance-globale .kpi-cards .kpi-card .kpi-change.down{color:var(--destructive)}.performance-globale .kpi-cards .kpi-card .kpi-change span{font-weight:700}.performance-globale .error-message{text-align:center;padding:2rem;color:var(--muted-foreground)}.performance-globale .error-message p{margin:0 0 1rem;font-size:1.125rem}.produits-populaires .products-list{display:flex;flex-direction:column;gap:1rem}.produits-populaires .products-list.loading .product-item{animation:pulse 2s infinite}.produits-populaires .products-list .product-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);transition:all .3s ease}.produits-populaires .products-list .product-item:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.produits-populaires .products-list .product-item .product-rank{width:2rem;height:2rem;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.produits-populaires .products-list .product-item .product-image{width:3rem;height:3rem;border-radius:var(--radius);background:var(--muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.produits-populaires .products-list .product-item .product-image .placeholder-image{color:var(--muted-foreground)}.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:var(--card-foreground);margin:0 0 .25rem;line-height:1.4}.produits-populaires .products-list .product-item .product-info .product-sales{font-size:.875rem;color:var(--muted-foreground);margin:0}.produits-populaires .products-list .product-item.skeleton .skeleton-image,.produits-populaires .products-list .product-item.skeleton .skeleton-info .skeleton-name,.produits-populaires .products-list .product-item.skeleton .skeleton-info .skeleton-sales{background:var(--muted);border-radius:4px;animation:pulse 2s infinite}.produits-populaires .products-list .product-item.skeleton .skeleton-image{width:3rem;height:3rem}.produits-populaires .products-list .product-item.skeleton .skeleton-info{flex:1}.produits-populaires .products-list .product-item.skeleton .skeleton-info .skeleton-name{height:1rem;width:70%;margin-bottom:.5rem}.produits-populaires .products-list .product-item.skeleton .skeleton-info .skeleton-sales{height:.875rem;width:50%}.produits-populaires .empty-state{text-align:center;padding:3rem 1rem;color:var(--muted-foreground)}.produits-populaires .empty-state svg{margin-bottom:1rem;opacity:.5}.produits-populaires .empty-state p{margin:0;font-size:1.125rem}.dernieres-commandes .orders-table{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden}.dernieres-commandes .orders-table.loading .order-row{animation:pulse 2s infinite}.dernieres-commandes .orders-table .table-header{display:grid;grid-template-columns:1fr 2fr 1fr .5fr;gap:1rem;padding:1rem 1.5rem;background:var(--muted);border-bottom:1px solid var(--card-border)}.dernieres-commandes .orders-table .table-header .th{font-size:.875rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.dernieres-commandes .orders-table .table-body .order-row{display:grid;grid-template-columns:1fr 2fr 1fr .5fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--card-border);transition:all .2s ease}.dernieres-commandes .orders-table .table-body .order-row:hover{background:var(--muted)}.dernieres-commandes .orders-table .table-body .order-row:last-child{border-bottom:none}.dernieres-commandes .orders-table .table-body .order-row .td{display:flex;align-items:center;font-size:.875rem;color:var(--card-foreground)}.dernieres-commandes .orders-table .table-body .order-row .td.order-id{font-weight:600;color:var(--primary);font-family:Monaco,Menlo,monospace}.dernieres-commandes .orders-table .table-body .order-row .td.customer-name{font-weight:500}.dernieres-commandes .orders-table .table-body .order-row .td .status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.dernieres-commandes .orders-table .table-body .order-row .td .status-badge.status-completed{background:var(--success);color:var(--success-foreground)}.dernieres-commandes .orders-table .table-body .order-row .td .status-badge.status-processing{background:var(--primary);color:var(--primary-foreground)}.dernieres-commandes .orders-table .table-body .order-row .td .status-badge.status-pending{background:var(--chart-2);color:#fff}.dernieres-commandes .orders-table .table-body .order-row .td .status-badge.status-cancelled{background:var(--destructive);color:var(--destructive-foreground)}.dernieres-commandes .orders-table .table-body .order-row .td .status-badge.status-default{background:var(--muted);color:var(--muted-foreground)}.dernieres-commandes .orders-table .table-body .order-row .td .action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius);border:none;background:var(--muted);color:var(--muted-foreground);cursor:pointer;transition:all .2s ease}.dernieres-commandes .orders-table .table-body .order-row .td .action-btn:hover{background:var(--primary);color:var(--primary-foreground);transform:scale(1.1)}.dernieres-commandes .orders-table .table-body .order-row .td .action-btn.view:hover{background:var(--chart-1)}.dernieres-commandes .orders-table .table-body .order-row.skeleton .skeleton-cell{background:var(--muted);border-radius:4px;animation:pulse 2s infinite;height:1rem}.dernieres-commandes .orders-table .table-body .order-row.skeleton .skeleton-cell:nth-child(1){width:30%}.dernieres-commandes .orders-table .table-body .order-row.skeleton .skeleton-cell:nth-child(2){width:40%}.dernieres-commandes .orders-table .table-body .order-row.skeleton .skeleton-cell:nth-child(3){width:20%}.dernieres-commandes .orders-table .table-body .order-row.skeleton .skeleton-cell:nth-child(4){width:10%}.ventes-semaine .chart-container{height:250px;position:relative}.ventes-semaine .chart-container.loading .skeleton-chart{width:100%;height:100%;background:var(--muted);border-radius:var(--radius);animation:pulse 2s infinite}.ventes-semaine .chart-container .chart-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted-foreground)}.ventes-semaine .chart-container .chart-placeholder p{margin:0;font-size:1.125rem}.actions-rapides .actions-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.actions-rapides .actions-buttons .action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);font-weight:500;cursor:pointer;transition:all .3s ease}.actions-rapides .actions-buttons .action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.actions-rapides .actions-buttons .action-btn.primary{background:var(--gradient-primary);color:#fff;border-color:var(--primary)}.actions-rapides .actions-buttons .action-btn.primary:hover{background:var(--gradient-action);box-shadow:var(--shadow-lg)}.actions-rapides .actions-buttons .action-btn.secondary:hover{background:var(--muted);border-color:var(--primary);color:var(--primary)}.actions-rapides .actions-buttons .action-btn.success:hover{background:var(--success);border-color:var(--success);color:var(--success-foreground)}.actions-rapides .actions-buttons .action-btn span{font-size:.875rem}.actions-rapides .qr-section{display:flex;gap:1.5rem;align-items:center;padding:1.5rem;background:var(--muted);border-radius:var(--radius)}.actions-rapides .qr-section .qr-code{flex-shrink:0}.actions-rapides .qr-section .qr-code svg{border-radius:var(--radius);box-shadow:var(--shadow-sm)}.actions-rapides .qr-section .qr-info{flex:1}.actions-rapides .qr-section .qr-info h4{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.actions-rapides .qr-section .qr-info p{font-size:.875rem;color:var(--muted-foreground);margin:0 0 .5rem}.actions-rapides .qr-section .qr-info .shop-url{display:block;font-size:.75rem;color:var(--primary);font-family:Monaco,Menlo,monospace;margin-bottom:1rem;word-break:break-all}.actions-rapides .qr-section .qr-info .download-qr-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.actions-rapides .qr-section .qr-info .download-qr-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.loading-state .loading-icon{width:3rem;height:3rem;color:var(--primary);animation:spin 1s linear infinite;margin-bottom:1rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.error-state p{color:var(--muted-foreground);font-size:1.125rem;margin:0 0 1.5rem}.error-state .retry-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s ease}.error-state .retry-button:hover{background:var(--primary-hover);transform:scale(1.05)}.error-state .retry-button .icon-small{width:1rem;height:1rem}@keyframes background-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-.8deg)}}@keyframes particle-drift{0%{background-position:0 0,40px 40px,20px 20px}to{background-position:120px 120px,160px 160px,140px 140px}}@keyframes header-glow{0%,to{box-shadow:0 12px 48px #0000001f,inset 0 1px #ffffff4d}50%{box-shadow:0 20px 80px #ff8c0026,inset 0 1px #ffffff80}}@keyframes card-enter{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-hover{0%{transform:translateY(0) scale(1)}to{transform:translateY(-12px) scale(1.02)}}@keyframes icon-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,140,0,.3))}50%{transform:scale(1.1);filter:drop-shadow(0 0 40px rgba(255,140,0,.6))}}@keyframes accent-pulse{0%,to{box-shadow:0 0 20px #ff8c004d}50%{box-shadow:0 0 40px #ff8c0099}}@keyframes pulse-glow-blue{0%,to{transform:scale(1);filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}50%{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(59,130,246,.4))}}@keyframes pulse-glow-orange{0%,to{transform:scale(1);filter:drop-shadow(0 2px 4px rgba(255,140,0,.2))}50%{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(255,140,0,.4))}}@keyframes pulse-glow-green{0%,to{transform:scale(1);filter:drop-shadow(0 2px 4px rgba(34,197,94,.2))}50%{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(34,197,94,.4))}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff8c004d}50%{box-shadow:0 0 40px #ff8c0099}}@media (max-width: 1024px){.dashboard-new .dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-new .dashboard-grid .grid-section.performance{grid-column:1}.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-row:auto}}@media (max-width: 768px){.dashboard-container .dashboard-content{padding:1rem}.dashboard-new .dashboard-header h1{font-size:2rem}.dashboard-new .dashboard-grid{gap:1rem}.dashboard-new .dashboard-grid .grid-section{padding:1rem}.dashboard-new .dashboard-grid .grid-section h2{font-size:1.25rem;margin-bottom:1rem}.performance-globale .kpi-cards{grid-template-columns:1fr;gap:1rem}.performance-globale .kpi-cards .kpi-card{padding:1rem}.performance-globale .kpi-cards .kpi-card .kpi-value{font-size:1.5rem}.actions-rapides .actions-grid{grid-template-columns:1fr}}.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 .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(--foreground);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}}.withdrawal-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}@media (max-width: 768px){.withdrawal-methods-grid{grid-template-columns:1fr}}.withdrawal-method-card{position:relative;cursor:pointer;display:block;transition:all .3s cubic-bezier(.4,0,.2,1)}.withdrawal-method-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.withdrawal-method-card .card-content{position:relative;padding:1.75rem;background:#fff;border:2px solid var(--border);border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.withdrawal-method-card .card-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.withdrawal-method-card .card-content:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,oklch(50% .15 250deg / .03),transparent 60%);opacity:0;transition:opacity .3s ease}.withdrawal-method-card .icon-wrapper{width:64px;height:64px;border-radius:16px;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));display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.withdrawal-method-card .icon-wrapper:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,oklch(50% .15 250deg / .2),transparent 30%);animation:icon-shimmer 3s linear infinite;animation-play-state:paused}.withdrawal-method-card .icon-wrapper .icon{width:32px;height:32px;color:var(--primary-blue);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.withdrawal-method-card .card-info h5{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:var(--foreground);transition:color .3s ease}.withdrawal-method-card .card-info p{margin:0;font-size:.875rem;color:var(--muted-foreground);line-height:1.5;transition:color .3s ease}.withdrawal-method-card .check-indicator{position:absolute;top:1.25rem;right:1.25rem;width:28px;height:28px;border-radius:50%;background:var(--muted);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.withdrawal-method-card .check-indicator svg{width:16px;height:16px;color:#fff;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.withdrawal-method-card:hover:not(.selected) .card-content{border-color:var(--primary-blue);box-shadow:0 4px 20px #3b82c61f;transform:translateY(-4px)}.withdrawal-method-card:hover:not(.selected) .card-content:after{opacity:1}.withdrawal-method-card:hover:not(.selected) .icon-wrapper{transform:scale(1.05);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))}.withdrawal-method-card:hover:not(.selected) .icon-wrapper .icon{transform:scale(1.1)}.withdrawal-method-card:hover:not(.selected) .check-indicator{border-color:var(--primary-blue);background:#0065b01a;background:oklch(50% .15 250deg / .1)}.withdrawal-method-card.selected .card-content{border-color:var(--primary-blue);background:linear-gradient(to bottom,#0066ae08,#fff);background:linear-gradient(to bottom,color(xyz 0.126 0.125 0.449 / 0.031),#fff);box-shadow:0 8px 24px #3b82c626}.withdrawal-method-card.selected .card-content:before{transform:scaleX(1)}.withdrawal-method-card.selected .card-content:after{opacity:1}.withdrawal-method-card.selected .icon-wrapper{background:var(--gradient-primary);transform:scale(1.05);animation:pulse-glow 2s ease-in-out infinite}.withdrawal-method-card.selected .icon-wrapper:before{animation-play-state:running}.withdrawal-method-card.selected .icon-wrapper .icon{color:#fff;transform:scale(1.1)}.withdrawal-method-card.selected .card-info h5{color:var(--primary-blue)}.withdrawal-method-card.selected .check-indicator{background:var(--gradient-primary);border-color:var(--primary-blue);transform:scale(1.1)}.withdrawal-method-card.selected .check-indicator svg{opacity:1;transform:scale(1)}.withdrawal-method-card:active .card-content{transform:translateY(-2px)}.withdrawal-method-card:has(input:disabled){opacity:.6;cursor:not-allowed}.withdrawal-method-card:has(input:disabled) .card-content{background:var(--muted)}.withdrawal-method-card:has(input:disabled):hover .card-content{transform:none;box-shadow:none}@keyframes pulse-glow{0%,to{box-shadow:0 0 #3b82c666}50%{box-shadow:0 0 0 8px #3b82c600}}@keyframes icon-shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.withdrawal-methods-grid .withdrawal-method-card{animation:fade-in-up .5s ease-out backwards}.withdrawal-methods-grid .withdrawal-method-card:nth-child(1){animation-delay:.1s}.withdrawal-methods-grid .withdrawal-method-card:nth-child(2){animation-delay:.2s}.withdrawal-methods-grid .withdrawal-method-card:nth-child(3){animation-delay:.3s}.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)}.dark .withdrawal-method-card .card-content{background:var(--card);border-color:var(--border)}.dark .withdrawal-method-card .card-content:after{background:radial-gradient(circle at top right,oklch(50% .15 250deg / .05),transparent 60%)}.dark .withdrawal-method-card .icon-wrapper{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 .withdrawal-method-card:hover:not(.selected) .card-content{background:#1a2135}.dark .withdrawal-method-card:hover:not(.selected) .icon-wrapper{background:linear-gradient(135deg,#0066ae33,#376ca733,#58719933 25%,#8c777a33,#bb785233 75%,#d2763433,#e4760033);background:linear-gradient(135deg,color(xyz 0.126 0.125 0.449 / 0.2),#376ca733,#58719933 25%,#8c777a33,#bb785233 75%,#d2763433,color(xyz 0.394 0.294 0.022 / 0.2))}.dark .withdrawal-method-card.selected .card-content{background:linear-gradient(to bottom,oklch(50% .15 250deg / .08),var(--card))}.dark .withdrawal-method-card .check-indicator{background:#242c47;border-color:var(--border)}.settings-container{display:grid;grid-template-columns:280px 1fr;gap:2rem;min-height:calc(100vh - 80px);padding:2rem;width:100%;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}.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:12%;top:89%;animation-delay:3s;animation-duration:12s;background:var(--color-blue-ocean)}.particles .particle.particle-2{left:64%;top:40%;animation-delay:4.5s;animation-duration:14s;background:var(--color-green-fresh)}.particles .particle.particle-3{left:94%;top:24%;animation-delay:.5s;animation-duration:17s;background:var(--color-orange-warm)}.particles .particle.particle-4{left:57%;top:43%;animation-delay:1s;animation-duration:18s;background:var(--color-orange-bright)}.particles .particle.particle-5{left:32%;top:63%;animation-delay:1s;animation-duration:17s;background:var(--color-violet-deep)}.particles .particle.particle-6{left:75%;top:27%;animation-delay:3.5s;animation-duration:19s;background:var(--color-blue-ocean)}.particles .particle.particle-7{left:60%;top:61%;animation-delay:1s;animation-duration:14s;background:var(--color-green-fresh)}.particles .particle.particle-8{left:79%;top:90%;animation-delay:3.5s;animation-duration:11s;background:var(--color-orange-warm)}.particles .particle.particle-9{left:57%;top:2%;animation-delay:5s;animation-duration:16s;background:var(--color-orange-bright)}.particles .particle.particle-10{left:63%;top:54%;animation-delay:4s;animation-duration:17s;background:var(--color-violet-deep)}.particles .particle.particle-11{left:34%;top:12%;animation-delay:3s;animation-duration:20s;background:var(--color-blue-ocean)}.particles .particle.particle-12{left:83%;top:64%;animation-delay:3s;animation-duration:17s;background:var(--color-green-fresh)}.particles .particle.particle-13{left:84%;top:46%;animation-delay:5s;animation-duration:16s;background:var(--color-orange-warm)}.particles .particle.particle-14{left:29%;top:48%;animation-delay:4.5s;animation-duration:16s;background:var(--color-orange-bright)}.particles .particle.particle-15{left:54%;top:18%;animation-delay:3.5s;animation-duration:19s;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 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}}.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(--accent);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}.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%}}.product-form-layout{display:flex;gap:2rem;margin-top:2rem}.product-form-layout .sidebar-container{flex:0 0 280px;background:#f8f9fa;border-radius:8px;padding:1.5rem;height:fit-content;box-shadow:0 1px 3px #0000001a}.product-form-layout .form-content{flex:1;min-width:0}.product-form-layout .form-content .form-section-container{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.product-form-layout .form-content .form-section-container .section-header{margin-bottom:1.5rem}.product-form-layout .form-content .form-section-container .section-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#333}.product-form-layout .form-content .form-section-container .section-header p{color:#6c757d;margin:0}.product-form-layout .form-content .form-navigation{display:flex;justify-content:space-between;padding:1rem 0}.product-form-layout .form-content .form-navigation button{min-width:120px}.product-form-layout .form-content .form-navigation button:first-child{margin-right:1rem}.sidebar-navigation .steps-list{list-style:none;padding:0;margin:0}.sidebar-navigation .steps-list .step-item{display:flex;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.sidebar-navigation .steps-list .step-item:hover{background-color:#e9ecef}.sidebar-navigation .steps-list .step-item.active{background-color:#007bff;color:#fff}.sidebar-navigation .steps-list .step-item.active .step-indicator .step-icon{color:#fff}.sidebar-navigation .steps-list .step-item.active .step-indicator .step-number{background-color:#fff;color:#007bff}.sidebar-navigation .steps-list .step-item.completed .step-indicator .step-number{background-color:#28a745;color:#fff}.sidebar-navigation .steps-list .step-item.completed .step-indicator .step-number:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px}.sidebar-navigation .steps-list .step-item .step-indicator{display:flex;align-items:center;margin-right:1rem;position:relative}.sidebar-navigation .steps-list .step-item .step-indicator .step-icon{color:#6c757d;margin-right:.75rem}.sidebar-navigation .steps-list .step-item .step-indicator .step-number{width:24px;height:24px;border-radius:50%;background-color:#ced4da;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;position:relative}.sidebar-navigation .steps-list .step-item .step-label{font-weight:500;font-size:.95rem}.review-section .review-content .review-group{margin-bottom:2rem}.review-section .review-content .review-group:last-child{margin-bottom:0}.review-section .review-content .review-group h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee;color:#333}.review-section .review-content .review-group .review-item{display:flex;margin-bottom:.75rem;padding:.5rem 0}.review-section .review-content .review-group .review-item:last-child{margin-bottom:0}.review-section .review-content .review-group .review-item .label{font-weight:500;min-width:150px;color:#495057}.review-section .review-content .review-group .review-item .value{flex:1;color:#212529}@media (max-width: 768px){.product-form-layout{flex-direction:column}.product-form-layout .sidebar-container{flex:0 0 auto;margin-bottom:1.5rem}}.mobile-menu-trigger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px}.mobile-menu-trigger:hover{background-color:#f1f3f5}.mobile-menu-trigger .menu-icon{width:24px;height:24px}.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:1000}.mobile-sidebar-overlay.active{display:block}.mobile-sidebar-content{position:fixed;top:0;left:0;width:80%;max-width:300px;height:100%;background:#fff;z-index:1001;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 5px #0000001a}.mobile-sidebar-content.active{transform:translate(0)}.mobile-sidebar-content .close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px}.mobile-sidebar-content .close-button:hover{background-color:#f1f3f5}.mobile-sidebar-content .sidebar-navigation{padding:1rem;margin-top:3rem}@media (max-width: 768px){.mobile-menu-trigger{display:block;position:fixed;top:1rem;left:1rem;z-index:999}.sidebar-container,.product-form-layout .sidebar-container{display:none}}.header{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:1rem 1.5rem}.header .logo{width:100px}.header__brand{color:#171717;gap:.75rem;text-decoration:none}.header__brand,.header__brand-icon{align-items:center;display:flex;justify-content:center}.header__brand-icon{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:.5rem;box-shadow:0 2px 8px #6366f133;color:#fff;font-weight:700;height:2rem;width:2rem}.header__brand-title{color:#171717;font-size:1.5rem;font-weight:700}.header__brand-version{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:.25rem;color:#a3a3a3;font-size:.75rem;padding:.125rem .5rem}.header__stats{color:#737373;display:flex;font-size:.875rem;gap:1.5rem}@media (max-width:640px){.header__stats{display:none}}.header__actions{align-items:center;background:none;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:.375rem;color:inherit;color:#404040;cursor:pointer;display:flex;font:inherit;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.header__actions:hover{background:#e5e5e5;color:#171717}.header__actions svg{height:16px;width:16px}.toolbar-color-picker{position:relative}.color-picker-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;min-width:240px;padding:12px;position:absolute;top:100%;z-index:1000}.color-grid{display:grid;gap:4px;grid-template-columns:repeat(10,1fr)}.color-swatch{border:1px solid #ddd;border-radius:3px;cursor:pointer;height:20px;transition:transform .2s;width:20px}.color-swatch:hover{border-color:#666;transform:scale(1.2)}.toolbar-dropdown{position:relative}.toolbar-dropdown-trigger{align-items:center;display:flex;gap:4px}.toolbar-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:300px;min-width:150px;overflow-y:auto;position:absolute;top:100%;z-index:1000}.toolbar-dropdown-menu--scrollable{max-height:400px}.toolbar-dropdown-menu--fonts{min-width:200px}.toolbar-dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 16px;text-align:left;transition:background-color .2s;width:100%}.toolbar-dropdown-item:hover{background-color:#f5f5f5}.toolbar-dropdown-item.active{background-color:#e3f2fd;color:#1976d2;font-weight:500}.toolbar-dropdown-item:first-child{border-radius:8px 8px 0 0}.toolbar-dropdown-item:last-child{border-radius:0 0 8px 8px}.toolbar-dropdown-item--custom{color:#1976d2;font-weight:500;gap:8px}.toolbar-dropdown-item--custom svg{flex-shrink:0}.toolbar-dropdown-divider{background-color:#e0e0e0;height:1px;margin:4px 0}.toolbar-custom-input-form{display:flex;flex-direction:column;gap:8px;padding:12px}.toolbar-custom-input{border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.toolbar-custom-input:focus{border-color:#1976d2}.toolbar-custom-input::placeholder{color:#999}.toolbar-custom-input-actions{display:flex;gap:8px;justify-content:flex-end}.toolbar-custom-input-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.toolbar-custom-input-btn--cancel{background:#f5f5f5;color:#666}.toolbar-custom-input-btn--cancel:hover{background:#e0e0e0}.toolbar-custom-input-btn--apply{background:#1976d2;color:#fff}.toolbar-custom-input-btn--apply:hover:not(:disabled){background:#1565c0}.toolbar-custom-input-btn--apply:disabled{cursor:not-allowed;opacity:.5}.toolbar{display:flex;justify-content:space-between;position:sticky;top:0;z-index:50}.toolbar .ai-button{align-items:center;background:none;border:none;border-radius:9999px;box-shadow:0 1px 2px #0000000d;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.toolbar .ai-button:not(.processing){background:#6366f1;color:#fff}.toolbar .ai-button:not(.processing):hover{background:#4f46e5;box-shadow:0 2px 8px #6366f14d}.toolbar .ai-button.processing{background:#f5f5f5;color:#a3a3a3;cursor:wait}.toolbar .ai-button.processing svg{animation:spin 1s linear infinite}.toolbar .ai-button svg{height:16px;width:16px}.toolbar .toolbar__container{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.toolbar__group{align-items:center;display:flex;gap:.25rem}.toolbar__divider{align-self:center;background:#e5e5e5;height:1.5rem;margin:0 .5rem;width:1px}.toolbar__spacer{flex-grow:1}.toolbar-button{align-items:center;background:none;border:none;border-radius:.375rem;color:inherit;color:#525252;cursor:pointer;display:flex;font:inherit;justify-content:center;padding:.5rem;transition:all .2s ease-in-out}.toolbar-button:hover:not(:disabled){background:#f5f5f5;color:#171717}.toolbar-button.active{background:#6366f1;box-shadow:0 1px 3px #6366f14d;color:#fff}.toolbar-button:disabled{cursor:not-allowed;opacity:.4}.toolbar-button svg{height:18px;width:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:640px){.toolbar__group--alignment{display:none}}.main-editor{background:#fff;border:1px solid #e5e5e5;border-radius:.5rem;box-shadow:0 1px 3px #0000000d;display:flex;flex:1;flex-direction:column;margin:2rem auto;max-width:76rem;overflow:hidden;position:relative;width:100%}@media (max-width:640px){.main-editor{border-left:none;border-radius:0;border-right:none;margin:0}}.editor-container{background:#fff;cursor:text;flex:1;overflow-y:auto;position:relative}.editor-container__background{background-image:url(https://www.transparenttextures.com/patterns/cream-paper.png);inset:0;opacity:.03;pointer-events:none;position:absolute}.editor-content{color:#262626;font-family:Merriweather,Georgia,serif;font-size:1.0625rem;line-height:1.75;min-height:100%;outline:none;padding:3rem 4rem}@media (max-width:640px){.editor-content{padding:2rem 1.5rem}}.editor-content:empty:before{color:#a3a3a3;content:"Start writing...";font-style:italic}.editor-content h1{color:#171717;font-size:2.25rem;font-weight:700;line-height:1.2;margin:2rem 0 1rem}.editor-content h2{color:#262626;font-size:1.875rem;font-weight:600;line-height:1.3;margin:1.75rem 0 .875rem}.editor-content p{margin:1rem 0}.editor-content blockquote{border-left:3px solid #6366f1;color:#525252;font-style:italic;margin:1.5rem 0;padding-left:1.5rem}.editor-content ol,.editor-content ul{margin:1rem 0;padding-left:2rem}.editor-content ol li,.editor-content ul li{margin:.5rem 0}.editor-content a{color:#6366f1;text-decoration:underline}.editor-content a:hover{color:#4f46e5}.editor-content img{border-radius:.375rem;height:auto;margin:1.5rem 0;max-width:100%}.editor-content b,.editor-content strong{font-weight:700}.editor-content em,.editor-content i{font-style:italic}.editor-content u{text-decoration:underline}.editor-content s{text-decoration:line-through}.editor-footer{align-items:center;background:#fafafa;border-top:1px solid #e5e5e5;color:#737373;display:flex;font-size:.75rem;justify-content:space-between;padding:.5rem 1rem}@media (min-width:640px){.editor-footer{display:none}}.footer{background:#fafafa;color:#737373;font-size:.75rem;padding:1rem;text-align:center}.ai-menu{animation:fadeInUp .2s ease-out;background:#fff;border:1px solid #e5e5e5;border-radius:.75rem;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:absolute;right:1rem;top:5rem;width:20rem;z-index:50}.ai-menu--wide{width:24rem}.ai-menu__header{align-items:center;background:#fafafa;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:1rem}.ai-menu__header-title{align-items:center;color:#171717;display:flex;font-weight:600;gap:.5rem}.ai-menu__header-title svg{color:#6366f1}.ai-menu__header-close{background:none;border:none;color:inherit;color:#a3a3a3;cursor:pointer;font:inherit;padding:0;transition:all .2s ease-in-out}.ai-menu__header-close:hover{color:#404040}.ai-menu__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:12.5rem;padding:1.5rem}.ai-menu__loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e5e5;border-radius:50%;border-top-color:#6366f1;height:2.5rem;margin-bottom:1rem;width:2.5rem}.ai-menu__loading-text{animation:pulse 2s ease-in-out infinite;color:#525252;font-weight:500}.ai-menu__content{flex:1;overflow-y:auto;padding:1rem}.ai-menu__result{background:#fafafa;border:1px solid #e5e5e5;border-radius:.5rem;color:#404040;font-size:.875rem;line-height:1.6;padding:.75rem}.ai-menu__actions{background:#fff;border-top:1px solid #e5e5e5;display:flex;gap:.5rem;padding:1rem}.ai-menu__button{background:none;border:none;border-radius:.5rem;color:inherit;cursor:pointer;flex:1;font:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease-in-out}.ai-menu__button--secondary{border:1px solid #e5e5e5;color:#525252}.ai-menu__button--secondary:hover{background:#f5f5f5;color:#171717}.ai-menu__button--primary{align-items:center;background:#6366f1;box-shadow:0 1px 3px #6366f133;color:#fff;display:flex;gap:.5rem;justify-content:center}.ai-menu__button--primary:hover{background:#4f46e5;box-shadow:0 2px 6px #6366f14d}.ai-menu__intro{gap:.75rem;margin-bottom:1.5rem}.ai-menu__intro,.ai-menu__intro-icon{align-items:center;display:flex;justify-content:center}.ai-menu__intro-icon{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:.5rem;box-shadow:0 2px 8px #6366f133;color:#fff;padding:.5rem}.ai-menu__intro-info h3{color:#171717;font-weight:700}.ai-menu__intro-info p{color:#737373;font-size:.75rem}.ai-menu__section-title{color:#666;font-size:13px;font-weight:600;margin:16px 0 8px;padding:0}.ai-menu__actions-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:8px}.ai-menu__quick-action{align-items:center;background:none;border:1px solid #e5e5e5;border-radius:.5rem;color:inherit;color:#404040;cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.75rem;margin-bottom:.5rem;padding:.75rem;text-align:left;transition:all .2s ease-in-out;width:100%}.ai-menu__quick-action:hover{background:#fafafa;border-color:#6366f1}.ai-menu__quick-action:hover svg{color:#6366f1}.ai-menu__quick-action svg{color:#a3a3a3;transition:all .2s ease-in-out}.ai-menu__divider{margin:1rem 0;position:relative}.ai-menu__divider:before{align-items:center;border-top:1px solid #e5e5e5;content:"";display:flex;inset:0;justify-content:center;position:absolute}.ai-menu__divider span{background:#fff;color:#a3a3a3;display:block;font-size:.75rem;padding:0 .5rem;position:relative;text-align:center}.ai-menu__custom-form{margin-top:1rem}.ai-menu__custom-form label{color:#404040;display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.ai-menu__custom-form-input-group{display:flex;gap:.5rem}.ai-menu__custom-form input{border:1px solid #d4d4d4;border-radius:.5rem;flex:1;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:all .2s ease-in-out}.ai-menu__custom-form input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ai-menu__custom-form input::placeholder{color:#a3a3a3}.ai-menu__custom-form button{background:none;background:#6366f1;border:none;border-radius:.5rem;color:inherit;color:#fff;cursor:pointer;font:inherit;padding:.5rem;transition:all .2s ease-in-out}.ai-menu__custom-form button:hover:not(:disabled){background:#4f46e5}.ai-menu__custom-form button:disabled{opacity:.5}.ai-menu__no-selection{background:#fafafa;border:1px solid #e5e5e5;border-radius:.375rem;color:#525252;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.ai-menu__continue-btn{align-items:center;background:none;background:#6366f1;border:none;border-radius:.5rem;box-shadow:0 1px 3px #6366f133;color:inherit;color:#fff;cursor:pointer;display:flex;font:inherit;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}.ai-menu__continue-btn:hover{background:#4f46e5;box-shadow:0 2px 6px #6366f14d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.resources-form .form-group{margin-top:1.5rem}.resources-form .form-group h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.resources-form .resources-list{display:flex;flex-direction:column;gap:1.5rem}.resources-form .resources-list .resource-item{padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb}.resources-form .resources-list .resource-item .resource-info{display:flex;gap:1rem}.resources-form .resources-list .resource-item .resource-info .resource-icon-wrapper{flex-shrink:0;margin-top:2rem}.resources-form .resources-list .resource-item .resource-info .resource-icon-wrapper .resource-icon{color:#2563eb}.resources-form .resources-list .resource-item .resource-info .resource-details{flex:1;display:flex;flex-direction:column;gap:1rem}.resources-form .resources-list .resource-item .resource-info .resource-details .form-field label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.resources-form .resources-list .resource-item .resource-info .resource-details .form-field input,.resources-form .resources-list .resource-item .resource-info .resource-details .form-field select{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.resources-form .resources-list .resource-item .resource-info .resource-details .form-field input:focus,.resources-form .resources-list .resource-item .resource-info .resource-details .form-field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.resources-form .resources-list .resource-item .resource-info .resource-details .form-field input::placeholder,.resources-form .resources-list .resource-item .resource-info .resource-details .form-field select::placeholder{color:#9ca3af}.resources-form .resources-list .resource-item .resource-info .resource-details .resource-meta{padding-top:.5rem;border-top:1px solid #e5e7eb}.resources-form .resources-list .resource-item .resource-info .resource-details .resource-meta .resource-size{font-size:.875rem;color:#6b7280}.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}.digital-product-config .upload-section{display:flex;flex-direction:column;gap:16px}.digital-product-config .upload-section h4{margin:0;font-size:14px;font-weight:600;color:#374151}.digital-product-config .drop-zone{border:2px dashed #d1d5db;border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.digital-product-config .drop-zone:hover{border-color:#3b82f6;background:#eff6ff}.digital-product-config .drop-zone.drag-over{border-color:#3b82f6;background:#eff6ff;transform:scale(1.02)}.digital-product-config .drop-zone.uploading{border-color:#f59e0b;background:#fffbeb;cursor:not-allowed}.digital-product-config .drop-zone .drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.digital-product-config .drop-zone .drop-zone-content svg{color:#6b7280;transition:color .2s}.digital-product-config .drop-zone .drop-zone-content p{margin:0;font-size:14px;color:#6b7280;font-weight:500}.digital-product-config .drop-zone .drop-zone-content .file-size-limit{font-size:12px;color:#9ca3af;font-weight:400;margin-top:4px}.digital-product-config .drop-zone .drop-zone-content .or-text{color:#9ca3af;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.digital-product-config .drop-zone .drop-zone-content .btn-select-file{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 .drop-zone .drop-zone-content .btn-select-file:hover{background:#2563eb;transform:translateY(-1px)}.digital-product-config .drop-zone .upload-status{display:flex;flex-direction:column;align-items:center;gap:12px}.digital-product-config .drop-zone .upload-status .spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.digital-product-config .drop-zone .upload-status p{margin:0;font-size:14px;color:#6b7280;font-weight:500}.digital-product-config .separator{display:flex;align-items:center;gap:16px;margin:16px 0}.digital-product-config .separator .separator-line{flex:1;height:1px;background:#e5e7eb}.digital-product-config .separator .separator-text{font-size:12px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:0 8px;background:#fff}.digital-product-config .url-input-section .url-input-group{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;transition:all .2s}.digital-product-config .url-input-section .url-input-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.digital-product-config .url-input-section .url-input-group svg{color:#6b7280;flex-shrink:0}.digital-product-config .url-input-section .url-input-group input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.digital-product-config .url-input-section .url-input-group input::placeholder{color:#9ca3af}.digital-product-config .current-file{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px}.digital-product-config .current-file .file-url{font-size:13px;color:#0c4a6e;font-weight:500;word-break:break-all;flex:1;margin-right:8px}.digital-product-config .current-file .btn-clear{padding:4px;background:transparent;color:#ef4444;border:none;border-radius:4px;cursor:pointer;transition:all .2s;flex-shrink:0}.digital-product-config .current-file .btn-clear:hover{background:#fee2e2}.digital-product-config .current-file .btn-clear svg{width:14px;height:14px}._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}.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}._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;width:100%;margin:0 auto;background:var(--background);color:var(--foreground);min-height:100vh}.vector-sync-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.vector-sync-header h1{font-size:2.5rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem;background:var(--accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vector-sync-header .subtitle{color:var(--muted-foreground);font-size:1.125rem;margin:0}.vector-sync-header .button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card);color:var(--foreground);font-weight:600;cursor:pointer;transition:all .2s ease}.vector-sync-header .button:hover{background:var(--muted);transform:scale(1.05)}.vector-sync-header .button.button-secondary{background:var(--muted);color:var(--foreground)}.vector-sync-header .button.button-secondary:hover{background:var(--muted-foreground);color:var(--background)}.vector-sync-header .button svg{width:1rem;height:1rem}.stats-grid .stat-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.stats-grid .stat-card.stat-success:before{background:var(--chart-3)}.stats-grid .stat-card.stat-warning:before{background:var(--chart-2)}.stats-grid .stat-card .stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stats-grid .stat-card .stat-header .stat-title{font-size:.875rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.stats-grid .stat-card .stat-header .stat-icon{width:2rem;height:2rem;color:var(--primary)}.stats-grid .stat-card .stat-value{font-size:2.5rem;font-weight:700;color:var(--foreground);margin-bottom:.5rem;line-height:1.2}.stats-grid .stat-card .stat-value-small{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:.5rem;line-height:1.3}.stats-grid .stat-card .stat-description{font-size:.875rem;color:var(--muted-foreground);margin:0}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:2rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.card .card-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--card-border)}.card .card-header h2{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.card .card-header .card-description{color:var(--muted-foreground);margin:0;font-size:.875rem}.card .card-content{padding:1.5rem}.card .card-content .alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-weight:500}.card .card-content .alert.alert-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#2563eb}.card .card-content .alert.alert-info svg{color:#2563eb}.card .card-content .alert.alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#92400e}.card .card-content .alert.alert-warning svg{color:#92400e}.card .card-content .alert svg{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.card .card-content .alert span{flex:1;font-size:.875rem}.card .card-content .button-group{display:flex;gap:1rem;flex-wrap:wrap}.card .card-content .button-group .button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--card-border);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;min-width:200px}.card .card-content .button-group .button:disabled{opacity:.6;cursor:not-allowed}.card .card-content .button-group .button.button-primary{background:var(--gradient-primary);color:#fff;border-color:var(--primary)}.card .card-content .button-group .button.button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.card .card-content .button-group .button.button-secondary{background:var(--muted);color:var(--foreground)}.card .card-content .button-group .button.button-secondary:hover:not(:disabled){background:var(--muted-foreground);color:var(--background)}.card .card-content .button-group .button .spinning{animation:spin 1s linear infinite}.card .card-content .button-group .button svg{width:1rem;height:1rem}.card .card-content .setting-row{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 0;border-bottom:1px solid var(--card-border)}.card .card-content .setting-row:last-child{border-bottom:none}.card .card-content .setting-row .setting-info{flex:1;margin-right:2rem}.card .card-content .setting-row .setting-info label{display:block;font-weight:600;color:var(--foreground);margin-bottom:.25rem;font-size:.875rem}.card .card-content .setting-row .setting-info .setting-description{color:var(--muted-foreground);font-size:.875rem;margin:0;line-height:1.4}.card .card-content .setting-row .toggle{width:3rem;height:1.5rem;border-radius:.75rem;border:2px solid var(--card-border);background:var(--muted);cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.card .card-content .setting-row .toggle:checked{background:var(--primary);border-color:var(--primary)}.card .card-content .setting-row .toggle:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.card .card-content .setting-row .toggle:before{content:"";position:absolute;top:1px;left:1px;width:1rem;height:1rem;border-radius:50%;background:#fff;transition:transform .2s ease}.card .card-content .setting-row .toggle:checked:before{transform:translate(1.5rem)}.card .card-content .form-group{margin-bottom:1.5rem}.card .card-content .form-group label{display:block;font-weight:600;color:var(--foreground);margin-bottom:.5rem;font-size:.875rem}.card .card-content .form-group .select{width:100%;padding:.75rem 1rem;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card);color:var(--foreground);font-size:.875rem;cursor:pointer;transition:all .2s ease}.card .card-content .form-group .select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.card .card-content .form-group .select option{background:var(--card);color:var(--foreground)}.card .card-content .button.button-primary.full-width{width:100%;margin-top:1rem}.card .card-content .actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.card .card-content .actions-grid .action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--card-border);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s ease}.card .card-content .actions-grid .action-btn:disabled{opacity:.6;cursor:not-allowed}.card .card-content .actions-grid .action-btn.secondary{background:var(--muted);color:var(--foreground)}.card .card-content .actions-grid .action-btn.secondary:hover:not(:disabled){background:var(--muted-foreground);color:var(--background)}.card .card-content .actions-grid .action-btn.danger{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.card .card-content .actions-grid .action-btn.danger:hover:not(:disabled){background:#ef4444cc}.card .card-content .actions-grid .action-btn svg{width:1rem;height:1rem}.loading-state .loading-icon{width:3rem;height:3rem;color:var(--primary);animation:spin 1s linear infinite;margin-bottom:1.5rem}@media (max-width: 768px){.vector-sync-container{padding:1rem}.vector-sync-header{flex-direction:column;gap:1.5rem;text-align:center}.vector-sync-header h1{font-size:2rem;color:var(--accent)}.stats-grid{grid-template-columns:1fr;gap:1rem}.stats-grid .stat-card{padding:1rem}.stats-grid .stat-card .stat-value{font-size:2rem}.card .card-header{padding:1rem}.card .card-header h2{font-size:1.25rem}.card .card-content{padding:1rem}.card .card-content .button-group{flex-direction:column}.card .card-content .button-group .button{min-width:auto}.card .card-content .setting-row{flex-direction:column;gap:1rem}.card .card-content .setting-row .setting-info{margin-right:0}.card .card-content .actions-grid{grid-template-columns:1fr}}.customer-payments{padding:2rem;width:100%;margin:0 auto;animation:fadeIn .4s ease-out;background:#f8fafc}html.dark .customer-payments{background:#1e293b}.customer-payments{color:#1e293b}html.dark .customer-payments{color:#f1f5f9}.customer-payments{min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.customer-payments__header{margin-bottom:2.5rem;position:relative;padding-bottom:1.5rem;color:#1e293b}html.dark .customer-payments__header{color:#f1f5f9}.customer-payments__header:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:2px}.customer-payments__header h1{margin:0 0 .5rem;font-size:2.25rem;font-weight:700;color:#1a202c;background:linear-gradient(135deg,#1a202c,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.customer-payments__header p{margin:0;color:#64748b;font-size:1rem}.customer-payments__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.customer-payments__stat-card{background:#fff}html.dark .customer-payments__stat-card{background:#334155}.customer-payments__stat-card{border-radius:16px;padding:1.75rem;box-shadow:0 1px 3px #0000000d}html.dark .customer-payments__stat-card{box-shadow:0 1px 3px #0000004d}.customer-payments__stat-card{border-color:#e2e8f0}html.dark .customer-payments__stat-card{border-color:#475569}.customer-payments__stat-card{border:1px solid;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.customer-payments__stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#818cf8);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.customer-payments__stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#6366f1}.customer-payments__stat-card:hover:before{transform:scaleX(1)}.customer-payments__stat-card:hover .customer-payments__stat-card-header svg{transform:scale(1.1) rotate(5deg)}.customer-payments__stat-card:nth-child(1){animation:slideInUp .5s ease-out .1s both}.customer-payments__stat-card:nth-child(2){animation:slideInUp .5s ease-out .2s both}.customer-payments__stat-card:nth-child(3){animation:slideInUp .5s ease-out .3s both}.customer-payments__stat-card:nth-child(4){animation:slideInUp .5s ease-out .4s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.customer-payments__stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.customer-payments__stat-card-header h3{margin:0;font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.customer-payments__stat-card-header svg{width:24px;height:24px;color:#6366f1;transition:all .3s ease}.customer-payments__stat-card-value{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem;line-height:1}.customer-payments__stat-card-description{margin:0;font-size:.875rem;color:#64748b}.customer-payments__tabs{background:#fff}html.dark .customer-payments__tabs{background:#334155}.customer-payments__tabs{border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000000d}html.dark .customer-payments__tabs{box-shadow:0 1px 3px #0000004d}.customer-payments__tabs{border-color:#e2e8f0}html.dark .customer-payments__tabs{border-color:#475569}.customer-payments__tabs{border:1px solid}.customer-payments__tabs-list{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:#f8fafc}html.dark .customer-payments__tabs-list{background:#475569}.customer-payments__tabs-list{border-radius:12px}.customer-payments__tabs-trigger{flex:1;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;position:relative}.customer-payments__tabs-trigger:hover{color:#6366f1;background:#6366f10d}.customer-payments__tabs-trigger.active{background:#fff}html.dark .customer-payments__tabs-trigger.active{background:#334155}.customer-payments__tabs-trigger.active{color:#6366f1;box-shadow:0 1px 3px #0000000d}html.dark .customer-payments__tabs-trigger.active{box-shadow:0 1px 3px #0000004d}.customer-payments__tabs-trigger.active:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:40px;height:3px;background:#6366f1;border-radius:2px}.customer-payments__customer-card{background:#f8fafc}html.dark .customer-payments__customer-card{background:#475569}.customer-payments__customer-card{border-radius:16px;padding:1.75rem;margin-bottom:1.5rem;border:2px solid transparent;transition:all .3s ease}.customer-payments__customer-card:hover{border-color:#6366f1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translate(4px)}.customer-payments__customer-card h3{margin:0;font-size:1.125rem;font-weight:600;color:#1a202c}.customer-payments__customer-card-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0;padding:1rem;background:#fff}html.dark .customer-payments__customer-card-info{background:#334155}.customer-payments__customer-card-info{border-radius:8px}.customer-payments__customer-card-info-item p:first-child{margin:0 0 .25rem;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.customer-payments__customer-card-info-item p:last-child{margin:0;font-size:.9375rem;font-weight:500;color:#1a202c}.customer-payments__customer-card-stats{display:flex;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.customer-payments__customer-card-stats div{font-size:.875rem;color:#64748b}.customer-payments__customer-card-stats div .amount{font-weight:700;color:#6366f1;font-size:1rem}.customer-payments__customer-card-payments{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.customer-payments__customer-card-payments h4{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:#1a202c}.customer-payments__payment-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff}html.dark .customer-payments__payment-item{background:#334155}.customer-payments__payment-item{border-radius:8px;margin-bottom:.75rem;border-color:#e2e8f0}html.dark .customer-payments__payment-item{border-color:#475569}.customer-payments__payment-item{border:1px solid;transition:all .2s ease}.customer-payments__payment-item:hover{border-color:#6366f1;box-shadow:0 1px 2px #0000000d}.customer-payments__payment-item p{margin:0}.customer-payments__payment-item-info{flex:1}.customer-payments__payment-item-info p:first-child{font-weight:600;color:#1a202c;margin-bottom:.25rem}.customer-payments__payment-item-info p:nth-child(2){font-size:.875rem;color:#64748b}.customer-payments__payment-item-info p:last-child{font-size:.75rem;color:#64748b}.customer-payments__payment-item-details{display:flex;align-items:center;gap:1rem}.customer-payments__payment-item-details .amount{font-weight:700;color:#1a202c;font-size:1.125rem}.customer-payments__payment-item-actions{display:flex;gap:.5rem}.customer-payments__badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.customer-payments__badge--success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.customer-payments__badge--pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.customer-payments__badge--failed{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.customer-payments__badge--secondary{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.2)}.customer-payments__button{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;border-color:#e2e8f0}html.dark .customer-payments__button{border-color:#475569}.customer-payments__button{border:1px solid;background:#fff}html.dark .customer-payments__button{background:#334155}.customer-payments__button{color:#1e293b}html.dark .customer-payments__button{color:#f1f5f9}.customer-payments__button{cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.customer-payments__button:hover:not(:disabled){background:#f8fafc}html.dark .customer-payments__button:hover:not(:disabled){background:#475569}.customer-payments__button:hover:not(:disabled){border-color:#6366f1;color:#6366f1;transform:translateY(-2px);box-shadow:0 1px 2px #0000000d}.customer-payments__button:disabled{opacity:.5;cursor:not-allowed}.customer-payments__button--primary{background:#6366f1;color:#fff;border-color:#6366f1}.customer-payments__button--primary:hover:not(:disabled){background:#818cf8;border-color:#818cf8;color:#fff}.customer-payments__button--small{padding:.5rem .875rem;font-size:.8125rem}.customer-payments__dialog-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.customer-payments__dialog-content{background:#fff}html.dark .customer-payments__dialog-content{background:#334155}.customer-payments__dialog-content{border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideInScale .3s ease-out}@keyframes slideInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.customer-payments__dialog-header{position:relative;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f8fafc}.customer-payments__dialog-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#1a202c}.customer-payments__dialog-header p{margin:0;color:#64748b;font-size:.9375rem}.customer-payments__dialog-close{position:absolute;top:0;right:0;padding:.5rem;background:transparent;border:none;cursor:pointer;color:#64748b;transition:all .2s ease;border-radius:8px}.customer-payments__dialog-close:hover{background:#f8fafc;color:#ef4444;transform:rotate(90deg)}.customer-payments__dialog-close svg{width:20px;height:20px}.customer-payments__dialog-info{background:#f8fafc;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.customer-payments__dialog-info p{margin:.5rem 0;font-size:.875rem}.customer-payments__dialog-info p span:first-child{font-weight:600;color:#64748b;margin-right:.5rem}.customer-payments__dialog-textarea{width:100%;padding:.875rem;border-color:#e2e8f0}html.dark .customer-payments__dialog-textarea{border-color:#475569}.customer-payments__dialog-textarea{border:2px solid;border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical;background:#fff}html.dark .customer-payments__dialog-textarea{background:#475569}.customer-payments__dialog-textarea{color:#1e293b}html.dark .customer-payments__dialog-textarea{color:#f1f5f9}.customer-payments__dialog-textarea{transition:all .2s ease}.customer-payments__dialog-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.customer-payments__dialog-textarea::placeholder{color:#64748b}.customer-payments__dialog-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.customer-payments__empty{text-align:center;padding:3rem 1rem;color:#64748b}.customer-payments__empty svg{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.customer-payments__empty p{margin:0;font-size:1rem}.customer-payments__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.customer-payments__loading p{color:#64748b;font-size:1rem}.customer-payments__loading-spinner{width:48px;height:48px;border:4px solid #f8fafc;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.customer-payments{padding:1rem}.customer-payments__header h1{font-size:1.75rem}.customer-payments__stats{grid-template-columns:1fr}.customer-payments__tabs{padding:1rem}.customer-payments__tabs-list{flex-direction:column}.customer-payments__customer-card-info{grid-template-columns:1fr}.customer-payments__customer-card-stats{flex-direction:column;gap:.5rem}.customer-payments__payment-item{flex-direction:column;align-items:flex-start}.customer-payments__dialog-content{width:95%;padding:1.5rem}}.analytics-page{padding:2rem;width:100%;margin:0 auto;background:var(--background);color:var(--foreground);min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.analytics-header h1{font-size:2.5rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.analytics-header h1 .header-icon{width:2rem;height:2rem;color:var(--primary)}.analytics-header p{color:var(--muted-foreground);font-size:1.125rem;margin:0}.analytics-header .time-range-selector{display:flex;gap:.5rem;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:.25rem}.analytics-header .time-range-selector button{padding:.5rem 1rem;border:none;background:transparent;color:var(--muted-foreground);border-radius:calc(var(--radius) - .25rem);font-weight:500;cursor:pointer;transition:all .2s ease}.analytics-header .time-range-selector button:hover{background:var(--muted);color:var(--foreground)}.analytics-header .time-range-selector button.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-grid .stat-card.revenue:before{background:var(--chart-2)}.stats-grid .stat-card.orders:before{background:var(--chart-1)}.stats-grid .stat-card.products:before{background:var(--chart-3)}.stats-grid .stat-card.customers:before{background:var(--chart-4)}.stats-grid .stat-card.average:before{background:var(--chart-5)}.stats-grid .stat-card .stat-icon{width:3rem;height:3rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:var(--muted);color:var(--foreground);flex-shrink:0}.stats-grid .stat-card .stat-content .stat-value{font-size:2rem;font-weight:700;color:var(--foreground);margin:0 0 .25rem;line-height:1.2}.stats-grid .stat-card .stat-content .stat-subtitle{font-size:.875rem;color:var(--muted-foreground);margin:0;line-height:1.4}.chart-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:2rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease}.chart-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.chart-card .chart-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--card-border)}.chart-card .chart-header h3{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.chart-card .chart-header h3 .header-icon{width:1.5rem;height:1.5rem}.chart-card .chart-header h3 .header-icon.sales-icon{color:var(--chart-1)}.chart-card .chart-header h3 .header-icon.trophy-icon{color:var(--chart-2)}.chart-card .chart-header h3 .header-icon.category-icon{color:var(--chart-3)}.chart-card .chart-header p{color:var(--muted-foreground);margin:0;font-size:.875rem}.chart-card .chart-container{padding:1.5rem;height:400px}.chart-card .chart-container .recharts-wrapper{margin:0 auto}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 1024px){.charts-row{grid-template-columns:1fr;gap:1.5rem}}.alert-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid}.alert-card.warning{background:#f59e0b1a;border-color:var(--chart-2);color:#92400e}.alert-card.warning .alert-icon{color:var(--chart-2)}.alert-card.danger{background:#ef44441a;border-color:var(--destructive);color:#991b1b}.alert-card.danger .alert-icon{color:var(--destructive)}.alert-card h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.alert-card p{margin:0;font-size:.875rem;line-height:1.5}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.analytics-loading .spinner{width:3rem;height:3rem;border:3px solid var(--muted);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.analytics-loading p{color:var(--muted-foreground);font-size:1.125rem;margin:0}@media (max-width: 768px){.analytics-page{padding:1rem}.analytics-header{flex-direction:column;gap:1.5rem;align-items:stretch}.analytics-header h1{font-size:2rem}.analytics-header .time-range-selector{justify-content:center}.analytics-header .time-range-selector button{padding:.5rem .75rem;font-size:.875rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stats-grid .stat-card{padding:1rem}.stats-grid .stat-card .stat-icon{width:2.5rem;height:2.5rem}.stats-grid .stat-card .stat-content .stat-value{font-size:1.5rem}.chart-card .chart-header{padding:1rem}.chart-card .chart-header h3{font-size:1.25rem}.chart-card .chart-container{padding:1rem;height:300px}.charts-row{gap:1rem}.alert-card{padding:1rem}.alert-card h4{font-size:1rem}}.data-management-page{padding:2rem;margin:0 auto;background:var(--background);color:var(--foreground);min-height:100vh}.data-management-page .page-header{margin-bottom:2rem}.data-management-page .page-header .page-header-content{display:flex;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.data-management-page .page-header .page-header-content .header-icon{color:var(--primary);width:2rem;height:2rem}.data-management-page .page-header .page-header-content h1{font-size:2.5rem;font-weight:700;color:var(--foreground);margin:0;background:var(--foreground);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.data-management-page .page-header .page-header-content p{color:var(--muted-foreground);font-size:1.125rem;margin:0}.data-management-page .message-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:var(--radius);margin-bottom:2rem;font-weight:500}.data-management-page .message-banner.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#16a34a}.data-management-page .message-banner.success svg{color:#16a34a}.data-management-page .message-banner.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626}.data-management-page .message-banner.error svg{color:#dc2626}.data-management-page .message-banner.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#2563eb}.data-management-page .message-banner.info svg{color:#2563eb}.data-management-page .message-banner span{flex:1}.data-management-page .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.data-management-page .actions-grid .action-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm)}.data-management-page .actions-grid .action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.data-management-page .actions-grid .action-card.disabled{opacity:.6;pointer-events:none}.data-management-page .actions-grid .action-card.export-stats:before,.data-management-page .actions-grid .action-card.export-data:before,.data-management-page .actions-grid .action-card.ai-report:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.data-management-page .actions-grid .action-card.export-stats:before{background:var(--chart-1)}.data-management-page .actions-grid .action-card.export-data:before{background:var(--chart-2)}.data-management-page .actions-grid .action-card.ai-report:before{background:var(--chart-3)}.data-management-page .actions-grid .action-card.import-data:before{background:var(--muted)}.data-management-page .actions-grid .action-card .card-icon{display:flex;align-items:center;justify-content:center;width:100%;height:120px;background:var(--muted);color:var(--foreground);position:relative;overflow:hidden}.data-management-page .actions-grid .action-card .card-icon .card-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4;filter:blur(0px);z-index:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;-webkit-touch-callout:none}.data-management-page .actions-grid .action-card .card-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0000004d,#0000001a);z-index:0}.data-management-page .actions-grid .action-card .card-icon svg{width:3rem;height:3rem;position:relative;z-index:2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.data-management-page .actions-grid .action-card .card-content{padding:1.5rem;position:relative}.data-management-page .actions-grid .action-card .card-content h2{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.data-management-page .actions-grid .action-card .card-content .card-description{color:var(--muted-foreground);font-size:.875rem;margin:0 0 1.5rem;line-height:1.5}.data-management-page .actions-grid .action-card .card-content .card-details{margin-bottom:2rem}.data-management-page .actions-grid .action-card .card-content .card-details h4{font-size:.875rem;font-weight:600;color:var(--foreground);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.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{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-foreground);margin-bottom:.5rem}.data-management-page .actions-grid .action-card .card-content .card-details ul li svg{width:1rem;height:1rem;color:var(--primary);flex-shrink:0}.data-management-page .actions-grid .action-card .card-content .export-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card);color:var(--foreground);font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.data-management-page .actions-grid .action-card .card-content .export-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.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.stats:hover:not(:disabled){background:var(--chart-1);border-color:var(--chart-1);color:#fff}.data-management-page .actions-grid .action-card .card-content .export-button.data:hover:not(:disabled){background:var(--chart-2);border-color:var(--chart-2);color:#fff}.data-management-page .actions-grid .action-card .card-content .export-button.ai{background:var(--gradient-primary);color:#fff;border-color:var(--primary)}.data-management-page .actions-grid .action-card .card-content .export-button.ai:hover:not(:disabled){background:var(--gradient-action);box-shadow:var(--shadow-lg)}.data-management-page .actions-grid .action-card .card-content .export-button.import{background:var(--muted);color:var(--muted-foreground)}.data-management-page .actions-grid .action-card .card-content .export-button svg{width:1.25rem;height:1.25rem}.data-management-page .actions-grid .action-card .card-content .export-button span{font-size:.875rem}.data-management-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.data-management-page .modal-content{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-xl)}.data-management-page .modal-content h3{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem;text-align:center}.data-management-page .modal-content p{color:var(--muted-foreground);font-size:.875rem;margin:0 0 2rem;text-align:center;line-height:1.5}.data-management-page .modal-content .format-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.data-management-page .modal-content .format-options .format-option{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border:2px solid var(--card-border);border-radius:var(--radius);background:var(--card);color:var(--foreground);cursor:pointer;transition:all .2s ease;text-align:center}.data-management-page .modal-content .format-options .format-option:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.data-management-page .modal-content .format-options .format-option:disabled{opacity:.6;cursor:not-allowed}.data-management-page .modal-content .format-options .format-option.docx:hover:not(:disabled){border-color:#2b579a;background:#2b579a0d}.data-management-page .modal-content .format-options .format-option.pdf:hover:not(:disabled){border-color:#dc2626;background:#dc26260d}.data-management-page .modal-content .format-options .format-option svg{width:2.5rem;height:2.5rem}.data-management-page .modal-content .format-options .format-option span{font-weight:600;font-size:.875rem}.data-management-page .modal-content .format-options .format-option small{font-size:.75rem;color:var(--muted-foreground)}.data-management-page .modal-content .cancel-button{display:block;width:100%;padding:.75rem 1.5rem;background:var(--muted);border:1px solid var(--card-border);border-radius:var(--radius);color:var(--foreground);font-weight:600;cursor:pointer;transition:all .2s ease}.data-management-page .modal-content .cancel-button:hover{background:var(--muted-foreground);color:var(--background)}.data-management-page .info-section .info-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.data-management-page .info-section .info-card .info-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;background:var(--muted);border-bottom:1px solid var(--card-border)}.data-management-page .info-section .info-card .info-header svg{color:var(--primary);width:1.5rem;height:1.5rem}.data-management-page .info-section .info-card .info-header h3{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0}.data-management-page .info-section .info-card .info-content{padding:1.5rem}.data-management-page .info-section .info-card .info-content .info-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.data-management-page .info-section .info-card .info-content .info-item:last-child{margin-bottom:0}.data-management-page .info-section .info-card .info-content .info-item svg{color:var(--primary);width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.data-management-page .info-section .info-card .info-content .info-item div{flex:1}.data-management-page .info-section .info-card .info-content .info-item div strong{color:var(--foreground);font-weight:600}.data-management-page .info-section .info-card .info-content .info-item div ul{margin:.5rem 0 0;padding-left:1.25rem}.data-management-page .info-section .info-card .info-content .info-item div ul li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-foreground);margin-bottom:.25rem}.data-management-page .info-section .info-card .info-content .info-item div ul li svg{width:1rem;height:1rem;color:var(--primary)}@media (max-width: 768px){.data-management-page .data-management-page{padding:1rem}.data-management-page .page-header .page-header-content{flex-direction:column;text-align:center}.data-management-page .page-header .page-header-content h1{font-size:2rem}.data-management-page .actions-grid{grid-template-columns:1fr;gap:1.5rem}.data-management-page .actions-grid .action-card .card-content{padding:1rem}.data-management-page .actions-grid .action-card .card-content h2{font-size:1.25rem}.data-management-page .actions-grid .action-card .card-content .card-details ul li{font-size:.8rem}.data-management-page .modal-content{padding:1.5rem;margin:1rem}.data-management-page .modal-content .format-options{grid-template-columns:1fr;gap:.75rem}.data-management-page .modal-content .format-options .format-option{padding:1rem .75rem}.data-management-page .info-section .info-card .info-header{padding:1rem}.data-management-page .info-section .info-card .info-header h3{font-size:1.125rem}.data-management-page .info-section .info-card .info-content{padding:1rem}.data-management-page .info-section .info-card .info-content .info-item{gap:.5rem}.data-management-page .info-section .info-card .info-content .info-item svg{width:1rem;height:1rem}}.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 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;background:var(--background);color:var(--foreground);min-height:100vh}.order-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.order-management-header h1{font-size:2.5rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem;background:var(--foreground);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.order-management-header p{color:var(--muted-foreground);font-size:1.125rem;margin:0}.order-management-header .btn-refresh{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--muted);border:1px solid var(--card-border);border-radius:var(--radius);color:var(--foreground);font-weight:600;cursor:pointer;transition:all .2s ease}.order-management-header .btn-refresh:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.order-management-header .btn-refresh svg{width:1rem;height:1rem}.order-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.order-stats .stat-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.order-stats .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.order-stats .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.order-stats .stat-card .stat-icon{width:3rem;height:3rem;border-radius:var(--radius);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;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.order-stats .stat-card .stat-content .stat-value{font-size:2rem;font-weight:700;color:var(--foreground);margin:0;line-height:1.2}.order-filters{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.order-filters .search-box{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:.75rem 1rem;flex:1;min-width:300px}.order-filters .search-box svg{color:var(--muted-foreground);width:1.25rem;height:1.25rem}.order-filters .search-box input{border:none;background:transparent;color:var(--foreground);font-size:.875rem;flex:1}.order-filters .search-box input::placeholder{color:var(--muted-foreground)}.order-filters .search-box input:focus{outline:none}.order-filters .status-filters{display:flex;gap:.5rem;flex-wrap:wrap}.order-filters .status-filters .filter-btn{padding:.5rem 1rem;border:1px solid var(--card-border);background:var(--card);color:var(--foreground);border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease}.order-filters .status-filters .filter-btn:hover{background:var(--muted)}.order-filters .status-filters .filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.orders-container{display:grid;grid-template-columns:1fr 400px;gap:2rem;height:calc(100vh - 300px);min-height:600px}.orders-container .orders-list{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.orders-container .orders-list .no-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--muted-foreground)}.orders-container .orders-list .no-orders svg{width:3rem;height:3rem;margin-bottom:1rem;opacity:.5}.orders-container .orders-list .no-orders p{margin:0;font-size:1.125rem}.orders-container .orders-list .order-card{border-bottom:1px solid var(--card-border);padding:1rem 1.5rem;cursor:pointer;transition:all .2s ease}.orders-container .orders-list .order-card:hover{background:var(--muted)}.orders-container .orders-list .order-card.selected{background:var(--primary);color:#fff}.orders-container .orders-list .order-card.selected .order-status-badge{background:#fff3!important;color:#fff!important}.orders-container .orders-list .order-card:last-child{border-bottom:none}.orders-container .orders-list .order-card .order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.orders-container .orders-list .order-card .order-card-header .order-id{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem}.orders-container .orders-list .order-card .order-card-header .order-id svg{width:1rem;height:1rem}.orders-container .orders-list .order-card .order-card-header .order-status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.orders-container .orders-list .order-card .order-card-body{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.orders-container .orders-list .order-card .order-card-body>div{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.orders-container .orders-list .order-card .order-card-body>div svg{width:1rem;height:1rem;color:var(--muted-foreground)}.orders-container .orders-list .order-card .order-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted-foreground)}.orders-container .orders-list .order-card .order-card-footer .order-items-count{font-weight:500}.orders-container .order-details-panel{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.orders-container .order-details-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--card-border)}.orders-container .order-details-panel .panel-header h2{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0}.orders-container .order-details-panel .panel-header .btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--muted-foreground);padding:.25rem;border-radius:var(--radius);transition:all .2s ease}.orders-container .order-details-panel .panel-header .btn-close:hover{background:var(--muted);color:var(--foreground)}.orders-container .order-details-panel .panel-content{flex:1;overflow-y:auto;padding:1.5rem}.orders-container .order-details-panel .panel-content .status-timeline{margin-bottom:2rem}.orders-container .order-details-panel .panel-content .status-timeline h3{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 1rem}.orders-container .order-details-panel .panel-content .status-timeline .current-status{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--radius);color:#fff;margin-bottom:1.5rem}.orders-container .order-details-panel .panel-content .status-timeline .current-status svg{width:1.5rem;height:1.5rem;flex-shrink:0}.orders-container .order-details-panel .panel-content .status-timeline .current-status>div{flex:1}.orders-container .order-details-panel .panel-content .status-timeline .current-status>div .status-label{font-weight:600;margin:0 0 .25rem}.orders-container .order-details-panel .panel-content .status-timeline .current-status>div .status-description{font-size:.875rem;margin:0;opacity:.9}.orders-container .order-details-panel .panel-content .status-timeline .next-actions h4{font-size:1rem;font-weight:600;color:var(--foreground);margin:0 0 1rem}.orders-container .order-details-panel .panel-content .status-timeline .next-actions .action-buttons{display:flex;flex-direction:column;gap:.75rem}.orders-container .order-details-panel .panel-content .status-timeline .next-actions .action-buttons .btn-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:var(--radius);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.orders-container .order-details-panel .panel-content .status-timeline .next-actions .action-buttons .btn-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md);opacity:.9}.orders-container .order-details-panel .panel-content .status-timeline .next-actions .action-buttons .btn-action:disabled{opacity:.6;cursor:not-allowed}.orders-container .order-details-panel .panel-content .status-timeline .next-actions .action-buttons .btn-action svg{width:1rem;height:1rem}.orders-container .order-details-panel .panel-content .status-timeline .status-notice{background:var(--muted);border:1px solid var(--card-border);border-radius:var(--radius);padding:1rem;margin-top:1rem}.orders-container .order-details-panel .panel-content .status-timeline .status-notice p{margin:0;font-size:.875rem;color:var(--foreground)}.orders-container .order-details-panel .panel-content .info-section{margin-bottom:2rem}.orders-container .order-details-panel .panel-content .info-section h3{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 1rem}.orders-container .order-details-panel .panel-content .info-section .info-grid{display:grid;gap:1rem}.orders-container .order-details-panel .panel-content .info-section .info-grid .info-item{display:flex;align-items:flex-start;gap:.75rem}.orders-container .order-details-panel .panel-content .info-section .info-grid .info-item svg{color:var(--primary);width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.orders-container .order-details-panel .panel-content .info-section .info-grid .info-item>div{flex:1}.orders-container .order-details-panel .panel-content .info-section .info-grid .info-item>div .info-label{font-size:.75rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.orders-container .order-details-panel .panel-content .info-section .info-grid .info-item>div .info-value{font-size:.875rem;color:var(--foreground);margin:0;line-height:1.4}.orders-container .order-details-panel .panel-content .info-section .order-items{display:flex;flex-direction:column;gap:1rem}.orders-container .order-details-panel .panel-content .info-section .order-items .order-item{display:grid;grid-template-columns:60px 1fr auto auto;gap:1rem;align-items:center;padding:1rem;background:var(--muted);border-radius:var(--radius)}.orders-container .order-details-panel .panel-content .info-section .order-items .order-item .item-image{width:60px;height:60px;border-radius:var(--radius);background:var(--card);display:flex;align-items:center;justify-content:center;overflow:hidden}.orders-container .order-details-panel .panel-content .info-section .order-items .order-item .item-image img{width:100%;height:100%;object-fit:cover}.orders-container .order-details-panel .panel-content .info-section .order-items .order-item .item-image svg{color:var(--muted-foreground);width:1.5rem;height:1.5rem}.orders-container .order-details-panel .panel-content .info-section .order-items .order-item .item-info .item-name{font-weight:600;color:var(--foreground);margin:0 0 .25rem;font-size:.875rem}.orders-container .order-details-panel .panel-content .info-section .order-items .order-item .item-info .item-type{font-size:.75rem;color:var(--muted-foreground);margin:0}.orders-container .order-details-panel .panel-content .info-section .order-items .order-item .item-quantity{font-weight:600;color:var(--primary);font-size:.875rem}.orders-container .order-details-panel .panel-content .info-section .order-items .order-item .item-price{font-weight:600;color:var(--foreground);font-size:.875rem}.orders-container .order-details-panel .panel-content .info-section .payment-summary .payment-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--card-border)}.orders-container .order-details-panel .panel-content .info-section .payment-summary .payment-row:last-child{border-bottom:none}.orders-container .order-details-panel .panel-content .info-section .payment-summary .payment-row.total{font-weight:700;font-size:1.125rem;color:var(--primary);border-top:2px solid var(--card-border);margin-top:.5rem;padding-top:1rem}.orders-container .order-details-panel .panel-content .info-section .payment-summary .payment-row .payment-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.orders-container .order-details-panel .panel-content .info-section .payment-summary .payment-row .payment-status.completed{background:var(--success);color:var(--success-foreground)}.orders-container .order-details-panel .panel-content .info-section .payment-summary .payment-row .payment-status.pending{background:var(--primary);color:var(--primary-foreground)}.orders-container .order-details-panel .panel-content .info-section .payment-summary .payment-row .payment-status.failed{background:var(--destructive);color:var(--destructive-foreground)}.order-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.order-management-loading .spinner{width:3rem;height:3rem;border:3px solid var(--muted);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.order-management-loading p{color:var(--muted-foreground);font-size:1.125rem;margin:0}@media (max-width: 1024px){.orders-container{grid-template-columns:1fr;height:auto;gap:1.5rem}.orders-container .order-details-panel{height:600px}}@media (max-width: 768px){.order-management{padding:1rem}.order-management-header{flex-direction:column;gap:1.5rem;text-align:center}.order-management-header h1{font-size:2rem}.order-stats{grid-template-columns:1fr;gap:1rem}.order-stats .stat-card{padding:1rem}.order-stats .stat-card .stat-icon{width:2.5rem;height:2.5rem}.order-stats .stat-card .stat-content .stat-value{font-size:1.5rem}.order-filters{flex-direction:column;align-items:stretch;gap:1rem}.order-filters .search-box{min-width:auto}.order-filters .status-filters{justify-content:center}.orders-container .orders-list .order-card{padding:1rem}.orders-container .orders-list .order-card .order-card-body>div{font-size:.8rem}.orders-container .order-details-panel .panel-header{padding:1rem}.orders-container .order-details-panel .panel-header h2{font-size:1.125rem}.orders-container .order-details-panel .panel-content{padding:1rem}.orders-container .order-details-panel .panel-content .info-section .order-items .order-item{grid-template-columns:50px 1fr auto;gap:.75rem;padding:.75rem}.orders-container .order-details-panel .panel-content .info-section .order-items .order-item .item-image{width:50px;height:50px}}.digital-products-page{padding:2rem;width:100%;margin:0 auto;background:var(--background);color:var(--foreground);min-height:100vh}.page-header{margin-bottom:2rem}.page-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.page-header .header-content .header-title{display:flex;align-items:center;gap:1rem}.page-header .header-content .header-title svg{color:var(--primary);width:2rem;height:2rem}.page-header .header-content .header-title h1{font-size:2.5rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem;background:var(--accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-header .header-content .header-title p{color:var(--muted-foreground);font-size:1.125rem;margin:0}.page-header .header-content .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .3s ease}.page-header .header-content .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.page-header .header-content .btn-primary svg{width:1rem;height:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-grid .stat-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.stats-grid .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.stats-grid .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.stats-grid .stat-card .stat-icon{width:3rem;height:3rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-grid .stat-card .stat-icon.viewers{background:var(--chart-1);color:#fff}.stats-grid .stat-card .stat-icon.purchases{background:var(--chart-2);color:#fff}.stats-grid .stat-card .stat-icon.watchtime{background:var(--chart-3);color:#fff}.stats-grid .stat-card .stat-icon.notes{background:var(--chart-4);color:#fff}.stats-grid .stat-card .stat-content{flex:1}.stats-grid .stat-card .stat-content .stat-label{font-size:.875rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.stats-grid .stat-card .stat-content .stat-value{font-size:2rem;font-weight:700;color:var(--foreground);margin:0;line-height:1.2}.filters-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.filters-bar .search-box{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:.75rem 1rem;flex:1;min-width:250px}.filters-bar .search-box svg{color:var(--muted-foreground);width:1.25rem;height:1.25rem}.filters-bar .search-box input{border:none;background:transparent;color:var(--foreground);font-size:.875rem;flex:1}.filters-bar .search-box input::placeholder{color:var(--muted-foreground)}.filters-bar .search-box input:focus{outline:none}.filters-bar .filter-group{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:.75rem 1rem}.filters-bar .filter-group svg{color:var(--muted-foreground);width:1rem;height:1rem}.filters-bar .filter-group select{border:none;background:transparent;color:var(--foreground);font-size:.875rem;cursor:pointer}.filters-bar .filter-group select:focus{outline:none}.filters-bar .filter-group select option{background:var(--card);color:var(--foreground)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.product-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.product-card .product-image{position:relative;height:200px;overflow:hidden}.product-card .product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card .product-image:hover img{transform:scale(1.05)}.product-card .product-image .product-type-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.product-card .product-content{padding:1.5rem}.product-card .product-content .product-name{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem;line-height:1.3}.product-card .product-content .product-description{color:var(--muted-foreground);font-size:.875rem;margin:0 0 1rem;line-height:1.5}.product-card .product-content .product-price{font-size:1.125rem;font-weight:700;color:var(--primary);margin-bottom:1rem}.product-card .product-content .product-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem;margin-bottom:1rem}.product-card .product-content .product-stats .stat-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--muted-foreground)}.product-card .product-content .product-stats .stat-item svg{width:1rem;height:1rem}.product-card .product-content .product-stats .stat-item span{font-weight:600;color:var(--foreground)}.product-card .product-content .product-modules{display:flex;gap:1rem;margin-bottom:1rem}.product-card .product-content .product-modules span{font-size:.75rem;color:var(--muted-foreground);background:var(--muted);padding:.25rem .5rem;border-radius:.25rem}.product-card .product-actions{padding:0 1.5rem 1.5rem;display:flex;gap:.75rem}.product-card .product-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--card-border);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s ease}.product-card .product-actions button svg{width:1rem;height:1rem}.product-card .product-actions button.btn-secondary{background:var(--muted);color:var(--foreground)}.product-card .product-actions button.btn-secondary:hover{background:var(--muted-foreground);color:var(--background)}.product-card .product-actions button.btn-primary{background:var(--gradient-primary);color:#fff;border-color:var(--primary)}.product-card .product-actions button.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius)}.empty-state svg{color:var(--muted-foreground);margin-bottom:1.5rem;width:4rem;height:4rem}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.empty-state p{color:var(--muted-foreground);font-size:1rem;margin:0;max-width:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state .spin{color:var(--primary);animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-state p{color:var(--muted-foreground);font-size:1.125rem;margin:0}@media (max-width: 768px){.digital-products-page{padding:1rem}.page-header .header-content{flex-direction:column;gap:1.5rem;align-items:stretch}.page-header .header-content .header-title h1{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stats-grid .stat-card{padding:1rem}.stats-grid .stat-card .stat-icon{width:2.5rem;height:2.5rem}.stats-grid .stat-card .stat-content .stat-value{font-size:1.5rem}.filters-bar{flex-direction:column;align-items:stretch}.filters-bar .search-box{min-width:auto}.filters-bar .filter-group{justify-content:space-between}.products-grid{grid-template-columns:1fr;gap:1rem}.product-card .product-content{padding:1rem}.product-card .product-content .product-stats{grid-template-columns:repeat(3,1fr)}.product-card .product-actions{padding:0 1rem 1rem;flex-direction:column}.product-card .product-actions button{width:100%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}@keyframes background-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-.5deg)}}@keyframes particle-drift{0%{background-position:0 0,40px 40px,20px 20px}to{background-position:100px 100px,140px 140px,120px 120px}}@keyframes header-glow{0%,to{box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff4d}50%{box-shadow:0 12px 48px #6366f126,inset 0 1px #fff6}}@keyframes icon-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(99,102,241,.3))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(99,102,241,.5))}}@keyframes card-enter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-hover{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.02)}}@keyframes button-shine{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}@keyframes stat-count{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ergon-page{padding:2rem;width:100%;margin:0 auto;background:radial-gradient(ellipse at top,rgba(99,102,241,.03) 0%,transparent 50%),linear-gradient(135deg,#f8fafc,#64748b05);height:100vh;position:relative;overflow-x:hidden}.ergon-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,158,11,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(6,182,212,.02) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:background-float 20s ease-in-out infinite}.ergon-page:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(99,102,241,.1) 2px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(245,158,11,.08) 1px,transparent 1px),radial-gradient(circle at 50% 10%,rgba(6,182,212,.06) 1.5px,transparent 1.5px);background-size:100px 100px,80px 80px,120px 120px;background-position:0 0,40px 40px,20px 20px;pointer-events:none;z-index:-1;animation:particle-drift 30s linear infinite}.page-header{margin-bottom:3rem;position:relative}.page-header:before{content:"";position:absolute;inset:-20px;background:linear-gradient(135deg,#fffc,#fff6),radial-gradient(circle at 30% 20%,rgba(99,102,241,.1) 0%,transparent 50%);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff4d;z-index:-1;animation:header-glow 4s ease-in-out infinite alternate}.page-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;position:relative;z-index:1}.page-header .title-section{display:flex;align-items:center;gap:1rem;position:relative}.page-header .title-section .page-icon{color:#6366f1;filter:drop-shadow(0 0 20px rgba(99,102,241,.3));animation:icon-pulse 3s ease-in-out infinite;transition:all .3s}.page-header .title-section .page-icon:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 30px rgba(99,102,241,.5))}.page-header .title-section h1{margin:0;font-size:2.5rem;font-weight:800;background:var(--accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:text-shimmer 4s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.02em}.page-header .title-section .subtitle{margin:.5rem 0 0;color:#64748b;font-size:1rem;font-weight:400;opacity:.8;max-width:400px;line-height:1.5}.page-header .btn-primary{background:linear-gradient(135deg,#6366f1,#818cf8),linear-gradient(135deg,#ffffff1a,#ffffff0d);background-blend-mode:overlay;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #6366f14d,inset 0 1px #fff3;position:relative;overflow:hidden}.page-header .btn-primary: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 .3s}.page-header .btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #6366f166,inset 0 1px #ffffff4d}.page-header .btn-primary:hover:before{left:100%}.page-header .btn-primary svg{width:1.1rem;height:1.1rem;margin-right:.5rem}.content-section{background:linear-gradient(135deg,#ffffffe6,#ffffffb3),linear-gradient(135deg,#6366f105,#f59e0b03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:2rem;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff6;border:1px solid rgba(255,255,255,.2);margin-bottom:1.5rem;position:relative;overflow:hidden}.content-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6366f1,#f59e0b,#6366f1);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.content-section:hover{transform:translateY(-2px);box-shadow:0 16px 64px #0000001f,0 4px 16px #0000000f,inset 0 1px #ffffff80;transition:all .3s}.content-section .section-header{margin-bottom:1.5rem;position:relative}.content-section .section-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.75rem;letter-spacing:-.01em}.content-section .section-header h2 svg{color:#6366f1;filter:drop-shadow(0 0 10px rgba(99,102,241,.3));transition:all .2s}.content-section .section-header h2 svg:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 15px rgba(99,102,241,.5))}.content-section .section-header .section-subtitle{margin:0;color:#64748b;font-size:1rem;font-weight:400;opacity:.9;line-height:1.5;max-width:600px}@media (max-width: 768px){.ergon-page{padding:1rem}.ergon-page .page-header .header-content{flex-direction:column;align-items:stretch}.ergon-page .page-header .title-section{flex-direction:column;align-items:flex-start}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;position:relative}.stats-grid:before{content:"";position:absolute;inset:-10px;background:radial-gradient(circle at 25% 25%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(245,158,11,.03) 0%,transparent 50%);border-radius:12px;z-index:-1;animation:background-float 15s ease-in-out infinite}.stat-card{background:linear-gradient(135deg,#fffffff2,#fffc),linear-gradient(135deg,#6366f105,#f59e0b03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff6;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .3s;animation:card-enter .6s ease-out forwards}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#f59e0b,#64748b);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000026,0 8px 32px #6366f11a,inset 0 1px #fff9;border-color:#6366f14d;animation:card-hover .3s ease-out}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:nth-child(6){animation-delay:.6s}.stat-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative;overflow:hidden;transition:all .3s}.stat-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:inherit}.stat-icon svg{position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .2s}.stat-icon.primary{background:linear-gradient(135deg,#6366f1,#818cf8),linear-gradient(135deg,#ffffff1a,#ffffff0d);background-blend-mode:overlay;box-shadow:0 8px 24px #6366f166,inset 0 1px #fff3}.stat-icon.primary svg{animation:pulse-glow 3s ease-in-out infinite}.stat-icon.primary:hover svg{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(99,102,241,.6))}.stat-icon.secondary{background:linear-gradient(135deg,#64748b,#94a3b8),linear-gradient(135deg,#ffffff1a,#ffffff0d);background-blend-mode:overlay;box-shadow:0 8px 24px #64748b4d,inset 0 1px #fff3}.stat-icon.secondary svg{animation:pulse-glow 3.5s ease-in-out infinite}.stat-icon.accent{background:linear-gradient(135deg,#f59e0b,#fbbf24),linear-gradient(135deg,#ffffff1a,#ffffff0d);background-blend-mode:overlay;box-shadow:0 8px 24px #f59e0b66,inset 0 1px #fff3}.stat-icon.accent svg{animation:pulse-glow 4s ease-in-out infinite}.stat-icon:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 12px 32px #0003,inset 0 1px #ffffff4d}.stat-content{flex:1;position:relative}.stat-content .stat-label{margin:0;font-size:.9rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em;opacity:.8;transition:all .2s}.stat-content .stat-value{margin:.5rem 0 0;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;letter-spacing:-.02em;animation:stat-count .5s ease-out;transition:all .2s}.stat-content .stat-detail{margin-top:.5rem;font-size:.85rem;font-weight:500;color:#64748b;opacity:.9;transition:all .2s}.stat-card:hover .stat-content .stat-label{color:#6366f1;opacity:1}.stat-card:hover .stat-content .stat-value{background:linear-gradient(135deg,#6366f1,#f59e0b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:scale(1.05)}.stat-card:hover .stat-content .stat-detail{color:#1e293b;opacity:1}.progress-bar{height:6px;background:#f8fafc;border-radius:3px;overflow:hidden;margin-top:.5rem}.progress-bar .progress-fill{height:100%;background:#6366f1;transition:width 1s ease-out}.progress-bar .progress-fill.accent{background:#f59e0b}.stock-value-card{background:linear-gradient(135deg,#6366f1,#818cf8,#f59e0b),linear-gradient(135deg,#ffffff1a,#ffffff0d);background-blend-mode:overlay;padding:3rem 2rem;border-radius:12px;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #6366f166,0 8px 32px #0000001a,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.1)}.stock-value-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(255,255,255,.06) 1px,transparent 1px);background-size:50px 50px,30px 30px,70px 70px;background-position:0 0,25px 25px,15px 15px;animation:particle-drift 20s linear infinite;opacity:.6}.stock-value-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;animation:button-shine 4s ease-in-out infinite}.stock-value-card h1{font-size:3.5rem;margin:0;font-weight:900;background:linear-gradient(135deg,#ffffffe6,#fff,#ffffffe6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.05em;animation:text-shimmer 3s ease-in-out infinite;position:relative;z-index:2}.stock-value-card p{margin:1rem 0 0;opacity:.95;font-size:1.1rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:2}.stock-value-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 32px 80px #6366f180,0 16px 48px #00000026,inset 0 1px #ffffff4d;transition:all .3s}.stock-value-card:hover h1{animation-duration:1.5s}.stock-value-card:hover:before{animation-duration:10s}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.category-bar{height:32px;background:#f8fafc;border-radius:8px;overflow:hidden;position:relative;margin:.75rem 0}.category-bar .category-bar-fill{height:100%;background:#6366f1;transition:width 1s ease-out;display:flex;align-items:center;padding:0 1rem;color:#fff;font-size:.875rem;font-weight:600}.category-item{margin-bottom:1.5rem}.category-item .category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.category-item .category-header .category-name{font-size:1rem;font-weight:600;color:#1e293b}.category-item .category-header .category-name span{margin-left:.75rem;color:#64748b;font-size:.875rem;font-weight:400}.category-item .category-header .category-stats{text-align:right}.category-item .category-header .category-stats .stock-value{font-size:1rem;font-weight:600;color:#6366f1}.category-item .category-header .category-stats .avg-price{font-size:.75rem;color:#64748b}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8fafc}.data-table thead th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:#64748b;border-bottom:1px solid #e2e8f0}.data-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .15s}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr td{padding:1rem;font-size:.875rem;color:#1e293b}.data-table tbody tr td img{width:40px;height:40px;border-radius:6px;object-fit:cover}.data-table tbody tr td .product-info{display:flex;align-items:center;gap:.75rem}.data-table tbody tr td .category-badge{background:#f8fafc;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:#64748b;font-weight:500}.data-table tbody tr td .stock-value{font-weight:600;font-size:1rem}.data-table tbody tr td .stock-value.critical{color:#dc2626}.data-table tbody tr td .stock-value.warning{color:#f59e0b}.data-table tbody tr td .stock-value.ok{color:#059669}.data-table tbody tr td .status-badge{padding:.5rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.data-table tbody tr td .status-badge.rupture{background:#fee2e2;color:#991b1b}.data-table tbody tr td .status-badge.critique{background:#fef3c7;color:#92400e}.data-table tbody tr td .status-badge.bas{background:#fffbeb;color:#78350f}.filters-row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filters-row .search-box{flex:1;min-width:250px;position:relative}.filters-row .search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.filters-row .search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;transition:all .2s}.filters-row .search-box input::placeholder{color:#64748b}.filters-row .search-box input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filters-row .filter-select{display:flex;align-items:center;gap:.5rem}.filters-row .filter-select svg{color:#64748b}.filters-row .filter-select select{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;cursor:pointer;background:#fff;color:#1e293b;transition:all .2s}.filters-row .filter-select select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.loading-container{padding:3rem;text-align:center}.loading-container .spinner{margin:0 auto;width:40px;height:40px;border:4px solid #f8fafc;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{margin-top:1rem;color:#64748b}.empty-state{text-align:center;padding:4rem 2rem}.empty-state .empty-icon{width:120px;height:120px;margin:0 auto 1.5rem;background:#6366f1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.9}.empty-state h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#1e293b}.empty-state p{margin:0 0 2rem;color:#64748b;max-width:500px;margin-left:auto;margin-right:auto}.alert-card{padding:2rem;background:#fffbeb;border-radius:12px;border-left:4px solid #f59e0b}.alert-card .alert-content{display:flex;align-items:center;gap:1.5rem}.alert-card .alert-content .alert-icon{background:#fff;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.alert-card .alert-content .alert-text{flex:1}.alert-card .alert-content .alert-text h3{margin:0 0 .5rem;color:#78350f;font-size:1.125rem}.alert-card .alert-content .alert-text p{margin:0;color:#92400e;font-size:.9rem}.alert-card .alert-content .alert-badges{display:flex;gap:.75rem;margin-top:1rem}.alert-card .alert-content .alert-badges .badge{background:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;color:#1e293b}.alert-card .alert-content .alert-badges .badge strong{color:#f59e0b}.btn-primary{background:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-primary:hover{background:#818cf8;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f8fafc;color:#1e293b;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e2e8f0}.badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.badge.badge-success{background:#d4edda;color:#155724}.badge.badge-warning{background:#fff3cd;color:#856404}.badge.badge-danger{background:#f8d7da;color:#721c24}.badge.badge-gray{background:#f8fafc;color:#64748b}.create-btn_btn-primary{background-color:var(--primary-color);padding:unset;display:flex;align-items:center}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.zone-map-picker{width:100%;display:flex;flex-direction:column;position:relative}.zone-map-picker .search-bar{position:relative;margin-bottom:1rem;z-index:1000}.zone-map-picker .search-bar .search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #cbd5e0;border-radius:8px;padding:.5rem 1rem;transition:all .2s}.zone-map-picker .search-bar .search-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.zone-map-picker .search-bar .search-input-wrapper .search-icon{color:#a0aec0;margin-right:.75rem}.zone-map-picker .search-bar .search-input-wrapper .search-input{flex:1;border:none;outline:none;font-size:.95rem;padding:.25rem 0}.zone-map-picker .search-bar .search-input-wrapper .search-input::placeholder{color:#a0aec0}.zone-map-picker .search-bar .search-input-wrapper .btn-search{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;margin-left:.5rem}.zone-map-picker .search-bar .search-input-wrapper .btn-search:hover:not(:disabled){background:#5568d3}.zone-map-picker .search-bar .search-input-wrapper .btn-search:disabled{opacity:.6;cursor:not-allowed}.zone-map-picker .search-bar .quick-actions{display:flex;gap:.75rem;margin-top:.75rem}.zone-map-picker .search-bar .quick-actions .btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.zone-map-picker .search-bar .quick-actions .btn-action:disabled{opacity:.6;cursor:not-allowed}.zone-map-picker .search-bar .quick-actions .btn-action.btn-locate{background:#10b981;color:#fff}.zone-map-picker .search-bar .quick-actions .btn-action.btn-locate:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.zone-map-picker .search-bar .quick-actions .btn-action.btn-reset{background:#f59e0b;color:#fff}.zone-map-picker .search-bar .quick-actions .btn-action.btn-reset:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.zone-map-picker .search-bar .search-results{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;max-height:300px;overflow-y:auto;z-index:1001}.zone-map-picker .search-bar .search-results .search-result-item{display:flex;align-items:center;gap:.75rem;padding:1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid #e9ecef}.zone-map-picker .search-bar .search-results .search-result-item:last-child{border-bottom:none}.zone-map-picker .search-bar .search-results .search-result-item:hover{background:#f7fafc}.zone-map-picker .search-bar .search-results .search-result-item span{font-size:.9rem;color:#2d3748}.zone-map-picker .search-bar .search-results .search-result-item svg{color:#667eea;flex-shrink:0}.zone-map-picker .map-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;flex-wrap:wrap;gap:1rem}.zone-map-picker .map-controls .controls-left{display:flex;gap:.75rem;flex-wrap:wrap}.zone-map-picker .map-controls .drawing-hint{color:#667eea;font-weight:500;font-size:.9rem;padding:.5rem 1rem;background:#f0f0ff;border-radius:6px;display:flex;align-items:center;gap:.5rem}.zone-map-picker .btn-control{padding:.625rem 1rem;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.zone-map-picker .btn-control:disabled{opacity:.5;cursor:not-allowed}.zone-map-picker .btn-control.btn-primary{background:#667eea;color:#fff}.zone-map-picker .btn-control.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.zone-map-picker .btn-control.btn-success{background:#10b981;color:#fff}.zone-map-picker .btn-control.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.zone-map-picker .btn-control.btn-secondary{background:#6c757d;color:#fff}.zone-map-picker .btn-control.btn-secondary:hover:not(:disabled){background:#5a6268}.zone-map-picker .btn-control.btn-danger{background:#ef4444;color:#fff}.zone-map-picker .btn-control.btn-danger:hover:not(:disabled){background:#dc2626}.zone-map-picker .map-container{height:450px;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;border:2px solid #e5e7eb}.zone-map-picker .map-container .leaflet-container{height:100%;width:100%}.zone-map-picker .map-info{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.zone-map-picker .map-info p{margin:0 0 .5rem;font-size:.9rem;color:#374151}.zone-map-picker .map-info ol{margin:0;padding-left:1.5rem;color:#6b7280;font-size:.875rem}.zone-map-picker .map-info ol li{margin-bottom:.25rem}@media (max-width: 768px){.zone-map-picker .map-controls .controls-left{width:100%}.zone-map-picker .map-controls .drawing-hint{width:100%;justify-content:center}.zone-map-picker .map-container{height:400px}.zone-map-picker .btn-control{font-size:.8rem;padding:.5rem .75rem}}.create-zone-page{padding:2rem;max-width:1600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.create-zone-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.create-zone-page .loading-container .spinner{animation:spin 1s linear infinite;color:#667eea}.create-zone-page .loading-container p{color:#6b7280;font-size:1rem}.create-zone-page .page-header{margin-bottom:2rem}.create-zone-page .page-header .btn-back{background:none;border:none;display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;margin-bottom:1rem}.create-zone-page .page-header .btn-back:hover{background:#f8f9fa;color:var(--primary)}.create-zone-page .page-header h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.create-zone-page .zone-form{flex:1;display:flex;flex-direction:column;min-height:0}.create-zone-page .zone-content-grid{display:grid;grid-template-columns:1fr 450px;gap:2rem;flex:1;min-height:600px}.create-zone-page .map-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:0}.create-zone-page .map-section>*{flex:1;min-height:0;height:100%;width:100%;border-radius:12px;overflow:hidden}.create-zone-page .form-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:1.5rem;max-height:calc(100vh - 200px);overflow-y:auto}.create-zone-page .form-section::-webkit-scrollbar{width:8px}.create-zone-page .form-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.create-zone-page .form-section::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.create-zone-page .form-section::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.create-zone-page .form-grid{display:flex;flex-direction:column;gap:1.25rem}.create-zone-page .form-group{display:flex;flex-direction:column;gap:.5rem}.create-zone-page .form-group label{font-weight:500;font-size:.9rem;color:var(--text-primary)}.create-zone-page .form-group label .required{color:#dc3545;margin-left:.25rem}.create-zone-page .form-group input,.create-zone-page .form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;font-family:inherit;transition:all .2s}.create-zone-page .form-group input:focus,.create-zone-page .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.create-zone-page .form-group input::placeholder,.create-zone-page .form-group textarea::placeholder{color:#adb5bd}.create-zone-page .form-group textarea{resize:vertical;min-height:80px}.create-zone-page .form-group input[type=number]{-moz-appearance:textfield}.create-zone-page .form-group input[type=number]::-webkit-outer-spin-button,.create-zone-page .form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.create-zone-page .form-group .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.create-zone-page .form-group .checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.create-zone-page .form-group .checkbox-label span{font-weight:500;font-size:.9rem;color:var(--text-primary)}.create-zone-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.create-zone-page .form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e9ecef;margin-top:auto}.create-zone-page .form-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.create-zone-page .form-actions button:disabled{opacity:.6;cursor:not-allowed}.create-zone-page .form-actions button.btn-secondary{background:#f8f9fa;color:var(--text-primary)}.create-zone-page .form-actions button.btn-secondary:hover:not(:disabled){background:#e9ecef}.create-zone-page .form-actions button.btn-primary{background:var(--primary);color:#fff}.create-zone-page .form-actions button.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.create-zone-page .form-actions button.btn-primary:active:not(:disabled){transform:translateY(0)}@media (max-width: 1200px){.create-zone-page .zone-content-grid{grid-template-columns:1fr 400px;gap:1.5rem}}@media (max-width: 992px){.create-zone-page .zone-content-grid{grid-template-columns:1fr;gap:1.5rem}.create-zone-page .form-section{max-height:none;overflow-y:visible}.create-zone-page .map-section{min-height:500px;order:-1}}@media (max-width: 768px){.create-zone-page{padding:1rem}.create-zone-page .page-header h1{font-size:1.5rem}.create-zone-page .form-section{padding:1.5rem}.create-zone-page .form-row{grid-template-columns:1fr}.create-zone-page .form-actions{flex-direction:column}.create-zone-page .form-actions button{width:100%;justify-content:center}.create-zone-page .map-section{min-height:400px;padding:1rem}}@media (max-width: 480px){.create-zone-page{padding:.75rem}.create-zone-page .page-header{margin-bottom:1rem}.create-zone-page .page-header h1{font-size:1.25rem}.create-zone-page .form-section{padding:1rem}.create-zone-page .map-section{min-height:350px}}.integrations-page{padding:2rem;width:100%;margin:0 auto;background:radial-gradient(ellipse at top,rgba(99,102,241,.03) 0%,transparent 50%),linear-gradient(135deg,var(--background) 0%,rgba(44,55,122,.02) 100%);color:var(--foreground);min-height:100vh;position:relative;overflow-x:hidden}.integrations-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,158,11,.03) 0%,transparent 50%),radial-gradient(circle at 60% 40%,rgba(6,182,212,.02) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:background-float 25s ease-in-out infinite}.integrations-page .page-header{margin-bottom:3rem;position:relative}.integrations-page .page-header:before{content:"";position:absolute;inset:-20px;background:linear-gradient(135deg,#fffc,#fff6),radial-gradient(circle at 30% 20%,rgba(99,102,241,.1) 0%,transparent 50%);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff4d;z-index:-1;animation:header-glow 5s ease-in-out infinite alternate}.integrations-page .page-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;position:relative;z-index:1}.integrations-page .page-header .header-content .title-section{display:flex;align-items:center;gap:1.5rem}.integrations-page .page-header .header-content .title-section .page-icon{color:var(--primary);width:3rem;height:3rem;filter:drop-shadow(0 0 20px rgba(99,102,241,.3));animation:icon-pulse 4s ease-in-out infinite;transition:all .4s ease}.integrations-page .page-header .header-content .title-section .page-icon:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 30px rgba(99,102,241,.5))}.integrations-page .page-header .header-content .title-section h1{margin:0;font-size:3rem;font-weight:900;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 50%,var(--secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:text-shimmer 5s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.03em}.integrations-page .page-header .header-content .title-section .subtitle{margin:.75rem 0 0;color:var(--muted-foreground);font-size:1.2rem;font-weight:400;opacity:.9;max-width:500px;line-height:1.6}.integrations-page .category-filter{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center;position:relative}.integrations-page .category-filter:before{content:"";position:absolute;inset:-10px;background:linear-gradient(135deg,#6366f10d,#f59e0b08);border-radius:16px;z-index:-1}.integrations-page .category-filter .category-btn{padding:.875rem 2rem;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#ffffffe6,#ffffffb3),linear-gradient(135deg,#6366f105,#f59e0b03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--foreground);border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.integrations-page .category-filter .category-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s ease}.integrations-page .category-filter .category-btn:hover{transform:translateY(-3px);box-shadow:0 8px 32px #0000001f,inset 0 1px #fff6;border-color:#6366f14d}.integrations-page .category-filter .category-btn:hover:before{left:100%}.integrations-page .category-filter .category-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%),linear-gradient(135deg,#ffffff1a,#ffffff0d);background-blend-mode:overlay;color:var(--accent);border-color:var(--primary);box-shadow:0 8px 32px #6366f166,inset 0 1px #fff3;transform:translateY(-2px)}.integrations-page .category-filter .category-btn.active:hover{transform:translateY(-4px);box-shadow:0 12px 48px #6366f180,inset 0 1px #ffffff4d}.integrations-page .integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;position:relative}.integrations-page .integrations-grid .integration-card{background:linear-gradient(135deg,#fffffff2,#fffc),linear-gradient(135deg,#6366f105,#f59e0b03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff6;border:1px solid rgba(255,255,255,.2);animation:card-enter .6s ease-out forwards}.integrations-page .integrations-grid .integration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));background-size:200% 100%;animation:shimmer 4s ease-in-out infinite}.integrations-page .integrations-grid .integration-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 24px 64px #00000026,0 8px 32px #6366f11a,inset 0 1px #fff9;border-color:#6366f14d}.integrations-page .integrations-grid .integration-card.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.integrations-page .integrations-grid .integration-card.disabled:hover{transform:none;box-shadow:0 8px 32px #00000014,inset 0 1px #fff6;border-color:#fff3}.integrations-page .integrations-grid .integration-card .integration-icon{width:5rem;height:5rem;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;overflow:hidden;transition:all .4s ease}.integrations-page .integrations-grid .integration-card .integration-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);opacity:.1;transition:opacity .4s ease}.integrations-page .integrations-grid .integration-card .integration-icon:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:inherit;z-index:-1;opacity:0;filter:blur(8px);transition:opacity .4s ease}.integrations-page .integrations-grid .integration-card .integration-icon img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:all .4s ease}.integrations-page .integrations-grid .integration-card .integration-icon span{font-size:2.5rem;z-index:1;position:relative;transition:all .4s ease}.integrations-page .integrations-grid .integration-card .integration-icon:hover{transform:scale(1.1) rotate(2deg)}.integrations-page .integrations-grid .integration-card .integration-icon:hover:before{opacity:.2}.integrations-page .integrations-grid .integration-card .integration-icon:hover:after{opacity:.3}.integrations-page .integrations-grid .integration-card .integration-icon:hover img,.integrations-page .integrations-grid .integration-card .integration-icon:hover span{transform:scale(1.05);filter:brightness(1.1)}.integrations-page .integrations-grid .integration-card h3{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0 0 .75rem;transition:all .3s ease}.integrations-page .integrations-grid .integration-card .integration-description{color:var(--muted-foreground);font-size:1rem;line-height:1.6;margin:0 0 1.5rem;transition:all .3s ease}.integrations-page .integrations-grid .integration-card .external-icon{color:var(--primary);position:absolute;top:1.5rem;right:1.5rem;width:1.5rem;height:1.5rem;opacity:.8;transition:all .3s ease;filter:drop-shadow(0 0 8px rgba(99,102,241,.3))}.integrations-page .integrations-grid .integration-card:hover h3{color:var(--primary);transform:translateY(-2px)}.integrations-page .integrations-grid .integration-card:hover .integration-description{color:var(--foreground);opacity:.9}.integrations-page .integrations-grid .integration-card:hover .external-icon{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(99,102,241,.5))}.integrations-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 3rem;text-align:center;background:linear-gradient(135deg,#ffffffe6,#ffffffb3),linear-gradient(135deg,#6366f105,#f59e0b03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 64px #0000001a,inset 0 1px #fff6}.integrations-page .empty-state .empty-icon{color:var(--muted-foreground);margin-bottom:2rem;animation:bounce 3s ease-in-out infinite}.integrations-page .empty-state .empty-icon svg{width:5rem;height:5rem;opacity:.7;filter:drop-shadow(0 0 20px rgba(99,102,241,.2))}.integrations-page .empty-state h3{font-size:2rem;font-weight:700;color:var(--foreground);margin:0 0 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.integrations-page .empty-state p{color:var(--muted-foreground);font-size:1.2rem;margin:0;max-width:500px;line-height:1.6;opacity:.9}@media (max-width: 768px){.integrations-page{padding:1.5rem}.integrations-page .page-header .header-content{flex-direction:column;gap:2rem;text-align:center;padding:1.5rem}.integrations-page .page-header .header-content .title-section{flex-direction:column;gap:1rem}.integrations-page .page-header .header-content .title-section h1{font-size:2.5rem}.integrations-page .page-header .header-content .title-section .subtitle{font-size:1rem}.integrations-page .category-filter{gap:.75rem}.integrations-page .category-filter .category-btn{padding:.75rem 1.5rem;font-size:.9rem}.integrations-page .integrations-grid{grid-template-columns:1fr;gap:1.5rem}.integrations-page .integrations-grid .integration-card{padding:1.5rem}.integrations-page .integrations-grid .integration-card .integration-icon{width:4rem;height:4rem;margin-bottom:1rem}.integrations-page .integrations-grid .integration-card .integration-icon span{font-size:2rem}.integrations-page .integrations-grid .integration-card h3{font-size:1.25rem}.integrations-page .integrations-grid .integration-card .integration-description{font-size:.95rem}.integrations-page .empty-state{padding:3rem 2rem}.integrations-page .empty-state .empty-icon svg{width:4rem;height:4rem}.integrations-page .empty-state h3{font-size:1.75rem}.integrations-page .empty-state p{font-size:1rem}}@keyframes background-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(1deg)}66%{transform:translateY(8px) rotate(-.8deg)}}@keyframes header-glow{0%,to{box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff4d}50%{box-shadow:0 16px 64px #6366f133,inset 0 1px #ffffff80}}@keyframes icon-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(99,102,241,.3))}50%{transform:scale(1.08);filter:drop-shadow(0 0 35px rgba(99,102,241,.6))}}@keyframes text-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%,to{background-position:-200% 0}50%{background-position:200% 0}}@keyframes card-enter{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}.ergon-page{padding:2rem;margin:0 auto;--primary-color: #6366f1;--secondary-color: #64748b;--accent-color: #f59e0b;--primary-light: #818cf8;--secondary-light: #94a3b8;--accent-light: #fbbf24;--bg-light: #f8fafc;--bg-white: #ffffff;--border-color: #e2e8f0;--text-dark: #1e293b;--text-muted: #64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ergon-page .spinner{width:40px;height:40px;border:4px solid var(--bg-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.ergon-page .page-header{margin-bottom:2rem}.ergon-page .page-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.ergon-page .page-header .title-section{display:flex;align-items:center;gap:1rem}.ergon-page .page-header .title-section .page-icon{color:var(--primary)}.ergon-page .page-header .title-section h1{margin:0;font-size:1.75rem;font-weight:600}.ergon-page .page-header .title-section .subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.ergon-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.ergon-page .stat-card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .5s ease-out;position:relative;overflow:hidden}.ergon-page .stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.ergon-page .stat-card:nth-child(1){animation-delay:.1s}.ergon-page .stat-card:nth-child(2){animation-delay:.2s}.ergon-page .stat-card:nth-child(3){animation-delay:.3s}.ergon-page .stat-card:nth-child(4){animation-delay:.4s}.ergon-page .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary)}.ergon-page .stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0}.ergon-page .stat-card .stat-icon.zones{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 12px #8b5cf64d}.ergon-page .stat-card .stat-icon.deliveries{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px #3b82f64d}.ergon-page .stat-card .stat-icon.calculator{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px #10b9814d}.ergon-page .stat-card .stat-icon.primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%)}.ergon-page .stat-card .stat-icon.secondary{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-light) 100%)}.ergon-page .stat-card .stat-icon.accent{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-light) 100%)}.ergon-page .stat-card .stat-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.ergon-page .stat-card .stat-content{flex:1;position:relative;z-index:1}.ergon-page .stat-card .stat-content .stat-label{margin:0;font-size:.875rem;color:var(--muted-foreground);font-weight:500}.ergon-page .stat-card .stat-content .stat-value{margin:.25rem 0 0;font-size:1.75rem;font-weight:700;color:var(--foreground);line-height:1.2}.ergon-page .stat-card .stat-content .stat-detail{margin-top:.25rem;font-size:.75rem;color:var(--muted-foreground)}.ergon-page .stat-card .progress-bar{height:6px;background:var(--muted);border-radius:3px;overflow:hidden;margin-top:.5rem}.ergon-page .stat-card .progress-bar .progress-fill{height:100%;background:var(--primary);transition:width 1s ease-out}.ergon-page .stat-card .progress-bar .progress-fill.accent{background:var(--accent-color)}.ergon-page .content-section{background:var(--bg-white);border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem}.ergon-page .content-section .section-header{margin-bottom:1.5rem}.ergon-page .content-section .section-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:.5rem}.ergon-page .content-section .section-header h2 svg{color:var(--primary-color)}.ergon-page .content-section .section-header .section-subtitle{margin:0;color:var(--text-muted);font-size:.875rem}.ergon-page .stock-value-card{background:var(--primary-color);padding:3rem 2rem;border-radius:12px;color:#fff;text-align:center}.ergon-page .stock-value-card h1{font-size:3rem;margin:0;font-weight:700}.ergon-page .stock-value-card p{margin:.75rem 0 0;opacity:.9;font-size:.9rem}.ergon-page .category-bar{height:32px;background:var(--bg-light);border-radius:8px;overflow:hidden;position:relative;margin:.75rem 0}.ergon-page .category-bar .category-bar-fill{height:100%;background:var(--primary-color);transition:width 1s ease-out;display:flex;align-items:center;padding:0 1rem;color:#fff;font-size:.875rem;font-weight:600}.ergon-page .category-item{margin-bottom:1.5rem}.ergon-page .category-item .category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ergon-page .category-item .category-header .category-name{font-size:1rem;font-weight:600;color:var(--text-dark)}.ergon-page .category-item .category-header .category-name span{margin-left:.75rem;color:var(--text-muted);font-size:.875rem;font-weight:400}.ergon-page .category-item .category-header .category-stats{text-align:right}.ergon-page .category-item .category-header .category-stats .stock-value{font-size:1rem;font-weight:600;color:var(--primary-color)}.ergon-page .category-item .category-header .category-stats .avg-price{font-size:.75rem;color:var(--text-muted)}.ergon-page .alert-card{padding:2rem;background:#fffbeb;border-radius:12px;border-left:4px solid var(--accent-color)}.ergon-page .alert-card .alert-content{display:flex;align-items:center;gap:1.5rem}.ergon-page .alert-card .alert-content .alert-icon{background:#fff;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.ergon-page .alert-card .alert-content .alert-text{flex:1}.ergon-page .alert-card .alert-content .alert-text h3{margin:0 0 .5rem;color:#78350f;font-size:1.125rem}.ergon-page .alert-card .alert-content .alert-text p{margin:0;color:#92400e;font-size:.9rem}.ergon-page .alert-card .alert-content .alert-badges{display:flex;gap:.75rem;margin-top:1rem}.ergon-page .alert-card .alert-content .alert-badges .badge{background:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;color:var(--text-dark)}.ergon-page .alert-card .alert-content .alert-badges .badge strong{color:var(--accent-color)}.ergon-page .filters-row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.ergon-page .filters-row .search-box{flex:1;min-width:250px;position:relative}.ergon-page .filters-row .search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.ergon-page .filters-row .search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;outline:none;transition:all .2s}.ergon-page .filters-row .search-box input::placeholder{color:var(--text-muted)}.ergon-page .filters-row .search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.ergon-page .filters-row .filter-select{display:flex;align-items:center;gap:.5rem}.ergon-page .filters-row .filter-select svg{color:var(--text-muted)}.ergon-page .filters-row .filter-select select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;outline:none;cursor:pointer;background:#fff;color:var(--text-dark);transition:all .2s}.ergon-page .filters-row .filter-select select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.ergon-page .table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.ergon-page .data-table{width:100%;border-collapse:collapse}.ergon-page .data-table thead{background:var(--bg-light)}.ergon-page .data-table thead th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.ergon-page .data-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .15s}.ergon-page .data-table tbody tr:hover{background:var(--bg-light)}.ergon-page .data-table tbody tr:last-child{border-bottom:none}.ergon-page .data-table tbody tr td{padding:1rem;font-size:.875rem;color:var(--text-dark)}.ergon-page .data-table tbody tr td img{width:40px;height:40px;border-radius:6px;object-fit:cover}.ergon-page .data-table tbody tr td .product-info{display:flex;align-items:center;gap:.75rem}.ergon-page .data-table tbody tr td .category-badge{background:var(--bg-light);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:var(--secondary-color);font-weight:500}.ergon-page .data-table tbody tr td .stock-value{font-weight:600;font-size:1rem}.ergon-page .data-table tbody tr td .stock-value.critical{color:#dc2626}.ergon-page .data-table tbody tr td .stock-value.warning{color:var(--accent-color)}.ergon-page .data-table tbody tr td .stock-value.ok{color:#059669}.ergon-page .data-table tbody tr td .status-badge{padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.ergon-page .data-table tbody tr td .status-badge.rupture{background:#fee2e2;color:#991b1b}.ergon-page .data-table tbody tr td .status-badge.critique{background:#fef3c7;color:#92400e}.ergon-page .data-table tbody tr td .status-badge.bas{background:#fffbeb;color:#78350f}.ergon-page .loading-container{padding:3rem;text-align:center}.ergon-page .loading-container .spinner{margin:0 auto}.ergon-page .loading-container p{margin-top:1rem;color:var(--text-muted)}.ergon-page .empty-state{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.ergon-page .empty-state .empty-icon{width:120px;height:120px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #8b5cf64d;position:relative}.ergon-page .empty-state .empty-icon:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:50%;opacity:.2;filter:blur(8px)}.ergon-page .empty-state .empty-icon svg{color:#fff;position:relative;z-index:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.ergon-page .empty-state h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:var(--foreground)}.ergon-page .empty-state p{margin:0 0 2rem;color:var(--muted-foreground);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6;font-size:.95rem}.ergon-page .btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.ergon-page .btn-primary:hover{background:var(--primary-dark);color:#04b1b7;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.ergon-page .btn-primary:active{transform:translateY(0)}.ergon-page .zones-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.ergon-page .zones-table table{width:100%;border-collapse:collapse}.ergon-page .zones-table table thead{background:#f8f9fa}.ergon-page .zones-table table thead th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);border-bottom:2px solid #e9ecef}.ergon-page .zones-table table tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s}.ergon-page .zones-table table tbody tr:hover{background:#f8f9fa}.ergon-page .zones-table table tbody tr td{padding:1rem;font-size:.9rem}.ergon-page .zones-table .badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.ergon-page .zones-table .badge.badge-success{background:#d4edda;color:#155724}.ergon-page .zones-table .badge.badge-gray{background:#e9ecef;color:#6c757d}.ergon-page .zones-table .btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:6px;color:#6c757d;transition:all .2s}.ergon-page .zones-table .btn-icon:hover{background:#f8f9fa;color:var(--primary)}.ergon-page .zones-table .btn-icon.btn-danger:hover{background:#fee;color:#dc3545}.ergon-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ergon-page .modal-overlay .modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.ergon-page .modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.ergon-page .modal-overlay .modal-content .modal-header h2{margin:0;font-size:1.5rem}.ergon-page .modal-overlay .modal-content form{padding:1.5rem}.ergon-page .modal-overlay .modal-content form .form-group{margin-bottom:1.25rem}.ergon-page .modal-overlay .modal-content form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:var(--text-primary)}.ergon-page .modal-overlay .modal-content form .form-group input,.ergon-page .modal-overlay .modal-content form .form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;font-family:inherit;transition:border-color .2s}.ergon-page .modal-overlay .modal-content form .form-group input:focus,.ergon-page .modal-overlay .modal-content form .form-group textarea:focus{outline:none;border-color:var(--primary)}.ergon-page .modal-overlay .modal-content form .form-group textarea{resize:vertical}.ergon-page .modal-overlay .modal-content form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ergon-page .modal-overlay .modal-content form .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.ergon-page .modal-overlay .modal-content form .modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.ergon-page .modal-overlay .modal-content form .modal-actions button.btn-secondary{background:#f8f9fa;color:var(--text-primary)}.ergon-page .modal-overlay .modal-content form .modal-actions button.btn-secondary:hover{background:#e9ecef}.ergon-page .modal-overlay .modal-content form .modal-actions button.btn-primary{background:var(--primary);color:#fff}.ergon-page .modal-overlay .modal-content form .modal-actions button.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.ergon-page .loading-state{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}@media (max-width: 768px){.ergon-page{padding:1rem}.ergon-page .page-header .header-content{flex-direction:column;align-items:stretch}.ergon-page .page-header .title-section{flex-direction:column;align-items:flex-start}.ergon-page .stats-grid{grid-template-columns:1fr}}.webhook-form-page{max-width:1200px;margin:0 auto;padding:24px}.webhook-form-page .form-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px;margin-top:24px}.webhook-form-page .form-container .form-section{margin-bottom:32px}.webhook-form-page .form-container .form-section:last-child{margin-bottom:0}.webhook-form-page .form-container .form-section h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.webhook-form-page .form-container .form-section .form-grid{display:grid;gap:20px}.webhook-form-page .form-container .form-section .form-grid .form-group label{display:block;font-weight:500;color:#333;margin-bottom:8px;font-size:.95rem}.webhook-form-page .form-container .form-section .form-grid .form-group label .required{color:#e74c3c;margin-left:4px}.webhook-form-page .form-container .form-section .form-grid .form-group input[type=text],.webhook-form-page .form-container .form-section .form-grid .form-group input[type=url],.webhook-form-page .form-container .form-section .form-grid .form-group textarea{width:100%;padding:12px 16px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .2s}.webhook-form-page .form-container .form-section .form-grid .form-group input[type=text]:focus,.webhook-form-page .form-container .form-section .form-grid .form-group input[type=url]:focus,.webhook-form-page .form-container .form-section .form-grid .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.webhook-form-page .form-container .form-section .form-grid .form-group input[type=text]::placeholder,.webhook-form-page .form-container .form-section .form-grid .form-group input[type=url]::placeholder,.webhook-form-page .form-container .form-section .form-grid .form-group textarea::placeholder{color:#999}.webhook-form-page .form-container .form-section .form-grid .form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.webhook-form-page .form-container .form-section .form-grid .form-group small{display:block;margin-top:6px;color:#666;font-size:.85rem}.webhook-form-page .form-container .form-section .events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:12px}.webhook-form-page .form-container .form-section .events-grid .event-checkbox{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.webhook-form-page .form-container .form-section .events-grid .event-checkbox:hover{border-color:var(--primary);background:#f8fafc}.webhook-form-page .form-container .form-section .events-grid .event-checkbox.selected{border-color:var(--primary);background:#eff6ff;box-shadow:0 0 0 3px #3b82f60d}.webhook-form-page .form-container .form-section .events-grid .event-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.webhook-form-page .form-container .form-section .events-grid .event-checkbox span{font-size:.9rem;color:#333;font-weight:500}.webhook-form-page .form-container .form-section .events-counter{margin-top:12px;padding:10px 16px;background:#f8fafc;border-radius:6px;font-size:.9rem;color:#666;font-weight:500}.webhook-form-page .form-container .form-section .status-toggle{display:flex;align-items:center;gap:12px;padding:14px;background:#f8fafc;border-radius:8px}.webhook-form-page .form-container .form-section .status-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.webhook-form-page .form-container .form-section .status-toggle span{font-size:.95rem;color:#333;font-weight:500}.webhook-form-page .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1.5px solid #f0f0f0}.webhook-form-page .form-actions button{padding:12px 28px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;border:none}.webhook-form-page .form-actions button.btn-cancel{background:#f5f5f5;color:#666}.webhook-form-page .form-actions button.btn-cancel:hover{background:#e5e5e5}.webhook-form-page .form-actions button.btn-save{background:var(--primary);color:#fff}.webhook-form-page .form-actions button.btn-save:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.webhook-form-page .form-actions button.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.wazzap-page{max-width:1200px;margin:0 auto;padding:24px}.wazzap-page .page-header{margin-bottom:32px}.wazzap-page .page-header .btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;color:#333;margin-bottom:20px;transition:all .2s}.wazzap-page .page-header .btn-back:hover{background:#f5f5f5;border-color:#ccc}.wazzap-page .page-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.wazzap-page .page-header .subtitle{color:#666;font-size:1rem;margin:0}.wazzap-page .form-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px}.wazzap-page .form-container .form-section{margin-bottom:32px}.wazzap-page .form-container .form-section:last-child{margin-bottom:0}.wazzap-page .form-container .form-section h3{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.wazzap-page .form-container .form-section .section-description{color:#666;font-size:.9rem;margin-bottom:24px}.wazzap-page .form-container .form-section .form-group{margin-bottom:20px}.wazzap-page .form-container .form-section .form-group label{display:block;font-weight:500;color:#333;margin-bottom:8px;font-size:.95rem}.wazzap-page .form-container .form-section .form-group label .required{color:#e74c3c;margin-left:4px}.wazzap-page .form-container .form-section .form-group input{width:100%;padding:12px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .2s}.wazzap-page .form-container .form-section .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.wazzap-page .form-container .form-section .form-group input::placeholder{color:#999}.wazzap-page .form-container .form-section .alert-info{display:flex;gap:12px;padding:16px;background:#e8f4f8;border:1px solid #b3e0f2;border-radius:8px;margin-top:20px}.wazzap-page .form-container .form-section .alert-info svg{color:#0288d1;flex-shrink:0;margin-top:2px}.wazzap-page .form-container .form-section .alert-info p{margin:0;color:#01579b;font-size:.9rem}.wazzap-page .form-container .form-section .alert-info p .external-link{display:inline-flex;align-items:center;gap:4px;color:#0277bd;text-decoration:underline;font-weight:500}.wazzap-page .form-container .form-section .alert-info p .external-link:hover{color:#01579b}.wazzap-page .form-container .form-section .setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f0f0f0}.wazzap-page .form-container .form-section .setting-row:last-child{border-bottom:none}.wazzap-page .form-container .form-section .setting-row .setting-info{flex:1}.wazzap-page .form-container .form-section .setting-row .setting-info label{font-weight:500;color:#333;margin-bottom:4px;font-size:.95rem}.wazzap-page .form-container .form-section .setting-row .setting-info .setting-description{color:#666;font-size:.85rem;margin:0}.wazzap-page .form-container .form-section .setting-row .switch{position:relative;display:inline-block;width:50px;height:26px;margin-left:20px}.wazzap-page .form-container .form-section .setting-row .switch input{opacity:0;width:0;height:0}.wazzap-page .form-container .form-section .setting-row .switch input:checked+.slider{background-color:#4caf50}.wazzap-page .form-container .form-section .setting-row .switch input:checked+.slider:before{transform:translate(24px)}.wazzap-page .form-container .form-section .setting-row .switch input:focus+.slider{box-shadow:0 0 1px #4caf50}.wazzap-page .form-container .form-section .setting-row .switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:26px}.wazzap-page .form-container .form-section .setting-row .switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.wazzap-page .form-container .form-section .business-hours{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-left:40px;margin-top:16px;padding:16px;background:#f9f9f9;border-radius:8px}.wazzap-page .form-container .form-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #f0f0f0}.wazzap-page .form-container .form-actions .btn-primary,.wazzap-page .form-container .form-actions .btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.wazzap-page .form-container .form-actions .btn-primary:disabled,.wazzap-page .form-container .form-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.wazzap-page .form-container .form-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.wazzap-page .form-container .form-actions .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.wazzap-page .form-container .form-actions .btn-secondary{background:#fff;color:#666;border:1px solid #e0e0e0}.wazzap-page .form-container .form-actions .btn-secondary:hover{background:#f5f5f5;border-color:#ccc}.loading-container .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#666;font-size:.95rem}.whatsapp-notifications-page{padding:24px;max-width:1200px;margin:0 auto}.whatsapp-notifications-page .page-header{margin-bottom:32px}.whatsapp-notifications-page .page-header .btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:none;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:16px}.whatsapp-notifications-page .page-header .btn-back:hover{background:#e5e7eb}.whatsapp-notifications-page .page-header h1{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px}.whatsapp-notifications-page .page-header .subtitle{font-size:15px;color:#6b7280;margin:0}.whatsapp-notifications-page .form-container{display:flex;flex-direction:column;gap:24px}.whatsapp-notifications-page .error-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:8px;color:#991b1b;position:relative}.whatsapp-notifications-page .error-alert svg{flex-shrink:0;margin-top:2px}.whatsapp-notifications-page .error-alert>div{flex:1}.whatsapp-notifications-page .error-alert>div h4{font-size:15px;font-weight:600;margin:0 0 4px;color:#991b1b}.whatsapp-notifications-page .error-alert>div p{font-size:14px;margin:0;color:#7f1d1d;line-height:1.5}.whatsapp-notifications-page .error-alert .btn-close{background:none;border:none;color:#991b1b;font-size:20px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.whatsapp-notifications-page .error-alert .btn-close:hover{background:#fecaca}.whatsapp-notifications-page .form-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.whatsapp-notifications-page .form-section h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.whatsapp-notifications-page .form-section .section-description{font-size:14px;color:#6b7280;margin:0 0 20px}.whatsapp-notifications-page .connection-status .status-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:10px;border:2px solid}.whatsapp-notifications-page .connection-status .status-card.connected{background:#f0fdf4;border-color:#86efac;color:#16a34a}.whatsapp-notifications-page .connection-status .status-card.disconnected{background:#fef2f2;border-color:#fecaca;color:#dc2626}.whatsapp-notifications-page .connection-status .status-card h4{font-size:16px;font-weight:600;margin:0 0 4px}.whatsapp-notifications-page .connection-status .status-card p{font-size:14px;margin:0;opacity:.9}.whatsapp-notifications-page .connection-status .status-card .btn-connect{margin-left:auto;display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#25d366,#20b358);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.whatsapp-notifications-page .connection-status .status-card .btn-connect:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.whatsapp-notifications-page .connection-status .status-card .btn-connect:disabled{opacity:.6;cursor:not-allowed}.whatsapp-notifications-page .connection-status .status-card .btn-connect .spinner{animation:spin 1s linear infinite}.whatsapp-notifications-page .qr-code-container{display:flex;gap:32px;margin-top:24px;padding:24px;background:#f9fafb;border-radius:10px}.whatsapp-notifications-page .qr-code-container .qr-code{flex-shrink:0;padding:16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a}.whatsapp-notifications-page .qr-code-container .qr-code img{display:block;width:200px;height:200px}.whatsapp-notifications-page .qr-code-container .qr-instructions{flex:1;font-size:14px;color:#374151;line-height:1.8;margin:0;align-self:center}.whatsapp-notifications-page .setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e5e7eb}.whatsapp-notifications-page .setting-row:last-child{border-bottom:none}.whatsapp-notifications-page .setting-row .setting-info{flex:1}.whatsapp-notifications-page .setting-row .setting-info label{display:block;font-size:15px;font-weight:500;color:#111827;margin:0 0 4px;cursor:pointer}.whatsapp-notifications-page .setting-row .setting-info .setting-description{font-size:13px;color:#6b7280;margin:0}.whatsapp-notifications-page .scenarios-list{display:flex;flex-direction:column;gap:16px}.whatsapp-notifications-page .scenarios-list .scenario-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border-radius:8px;transition:all .2s}.whatsapp-notifications-page .scenarios-list .scenario-item:hover{background:#f3f4f6}.whatsapp-notifications-page .scenarios-list .scenario-item .scenario-info{flex:1}.whatsapp-notifications-page .scenarios-list .scenario-item .scenario-info h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.whatsapp-notifications-page .scenarios-list .scenario-item .scenario-info p{font-size:13px;color:#6b7280;margin:0}.whatsapp-notifications-page .switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.whatsapp-notifications-page .switch input{opacity:0;width:0;height:0}.whatsapp-notifications-page .switch input:checked+.slider{background-color:#25d366}.whatsapp-notifications-page .switch input:checked+.slider:before{transform:translate(22px)}.whatsapp-notifications-page .switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.whatsapp-notifications-page .switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:26px}.whatsapp-notifications-page .switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.whatsapp-notifications-page .form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.whatsapp-notifications-page .form-actions .btn-primary,.whatsapp-notifications-page .form-actions .btn-secondary,.whatsapp-notifications-page .form-actions .btn-test{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.whatsapp-notifications-page .form-actions .btn-primary .spinner,.whatsapp-notifications-page .form-actions .btn-secondary .spinner,.whatsapp-notifications-page .form-actions .btn-test .spinner{animation:spin 1s linear infinite}.whatsapp-notifications-page .form-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.whatsapp-notifications-page .form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.whatsapp-notifications-page .form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.whatsapp-notifications-page .form-actions .btn-test{background:linear-gradient(135deg,#25d366,#20b358);color:#fff}.whatsapp-notifications-page .form-actions .btn-test:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.whatsapp-notifications-page .form-actions .btn-test:disabled{opacity:.6;cursor:not-allowed}.whatsapp-notifications-page .form-actions .btn-secondary{background:#f3f4f6;color:#374151}.whatsapp-notifications-page .form-actions .btn-secondary:hover{background:#e5e7eb}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-container .spinner{animation:spin 1s linear infinite;color:#6366f1}.loading-container p{font-size:15px;color:#6b7280}.ai-tools-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.ai-tools-page .page-header .header-left{flex:1}.ai-tools-page .page-header .credits-badge{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;border-radius:12px;min-width:200px}.ai-tools-page .page-header .credits-badge .credits-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:10px;color:#3b82f6}.ai-tools-page .page-header .credits-badge .credits-info{flex:1}.ai-tools-page .page-header .credits-badge .credits-info .credits-label{font-size:12px;font-weight:500;color:#6b7280;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.ai-tools-page .page-header .credits-badge .credits-info .credits-value{font-size:22px;font-weight:700;color:#1e40af;margin:0}.ai-tools-page .page-header .credits-badge .credits-info .credits-value.unlimited{font-size:16px;color:#059669}.ai-tools-page .page-header .credits-badge .credits-info .credits-value .credits-limit{font-size:14px;font-weight:500;color:#9ca3af}.ai-tools-page .page-header .credits-badge .credits-info .plan-badge{display:inline-block;padding:2px 8px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;margin-top:4px}.ai-tools-page .page-header .credits-badge .credits-info .plan-badge.free{background:#f3f4f6;color:#6b7280}.ai-tools-page .page-header .credits-badge .credits-info .plan-badge.starter{background:#dbeafe;color:#1e40af}.ai-tools-page .page-header .credits-badge .credits-info .plan-badge.professional{background:#dcfce7;color:#166534}.ai-tools-page .page-header .credits-badge .credits-info .plan-badge.enterprise{background:#fef3c7;color:#92400e}.ai-tools-page .page-header .credits-badge.low-credits{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.ai-tools-page .page-header .credits-badge.low-credits .credits-icon{color:#f59e0b}.ai-tools-page .page-header .credits-badge.low-credits .credits-value{color:#b45309}.ai-tools-page .page-header .credits-badge.no-credits{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.ai-tools-page .page-header .credits-badge.no-credits .credits-icon{color:#ef4444}.ai-tools-page .page-header .credits-badge.no-credits .credits-value{color:#b91c1c}.ai-tools-page .ai-tools-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.ai-tools-page .ai-tools-tabs .tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.ai-tools-page .ai-tools-tabs .tab:hover{color:#374151;background:#f9fafb}.ai-tools-page .ai-tools-tabs .tab.active{color:#6366f1;border-bottom-color:#6366f1}.ai-tools-page .ai-tool-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 1200px){.ai-tools-page .ai-tool-container{grid-template-columns:1fr}}.ai-tools-page .tool-form,.ai-tools-page .tool-result{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:16px;padding:32px;box-shadow:0 4px 20px #6366f114,0 1px 3px #0000000d;border:1px solid rgba(99,102,241,.1);position:relative;overflow:hidden}.ai-tools-page .tool-form:before,.ai-tools-page .tool-result:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 100%;animation:shimmer 3s linear infinite}.ai-tools-page .tool-form h3,.ai-tools-page .tool-result h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px;display:flex;align-items:center;gap:10px}.ai-tools-page .tool-form h3:before,.ai-tools-page .tool-result h3:before{content:"✨";font-size:24px;animation:sparkle 2s ease-in-out infinite}.ai-tools-page .tool-form .provider-info,.ai-tools-page .tool-result .provider-info{font-size:13px;color:#64748b;margin:0 0 24px;padding:8px 14px;background:#6366f10d;border-radius:20px;display:inline-block;border:1px solid rgba(99,102,241,.1)}.ai-tools-page .form-group{margin-bottom:20px}.ai-tools-page .form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.ai-tools-page .form-group input,.ai-tools-page .form-group select,.ai-tools-page .form-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;transition:all .2s}.ai-tools-page .form-group input:focus,.ai-tools-page .form-group select:focus,.ai-tools-page .form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ai-tools-page .form-group input::placeholder,.ai-tools-page .form-group select::placeholder,.ai-tools-page .form-group textarea::placeholder{color:#9ca3af}.ai-tools-page .form-group textarea{resize:vertical;min-height:100px}.ai-tools-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ai-tools-page .keywords-input{display:flex;gap:8px}.ai-tools-page .keywords-input input{flex:1}.ai-tools-page .keywords-input .btn-add-keyword{padding:10px 20px;background:#f3f4f6;border:none;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.ai-tools-page .keywords-input .btn-add-keyword:hover{background:#e5e7eb}.ai-tools-page .keywords-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ai-tools-page .keywords-list .keyword-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#eef2ff;color:#6366f1;border-radius:20px;font-size:13px;font-weight:500}.ai-tools-page .keywords-list .keyword-tag button{background:none;border:none;color:#6366f1;font-size:18px;line-height:1;cursor:pointer;padding:0;margin-left:4px}.ai-tools-page .keywords-list .keyword-tag button:hover{color:#4f46e5}.ai-tools-page .btn-generate{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.ai-tools-page .btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.ai-tools-page .btn-generate:disabled{opacity:.7;cursor:not-allowed}.ai-tools-page .btn-generate .spinner{animation:spin 1s linear infinite}.ai-tools-page .result-section{margin-bottom:24px;animation:fadeInUp .4s ease-out}.ai-tools-page .result-section:last-child{margin-bottom:0}.ai-tools-page .result-section .result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ai-tools-page .result-section .result-header label{font-size:14px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.ai-tools-page .result-section .result-header label:before{content:"";width:3px;height:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:2px}.ai-tools-page .result-section .result-header .btn-copy{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ai-tools-page .result-section .result-header .btn-copy:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#6366f11a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ai-tools-page .result-section .result-header .btn-copy:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.ai-tools-page .result-section .result-header .btn-copy:hover:before{width:300px;height:300px}.ai-tools-page .result-section .result-header .btn-copy:active{transform:translateY(0)}.ai-tools-page .price-cards{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:24px}@media (max-width: 768px){.ai-tools-page .price-cards{grid-template-columns:1fr}}.ai-tools-page .price-card{background:#f9fafb;border-radius:12px;padding:20px;text-align:center}.ai-tools-page .price-card.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.ai-tools-page .price-card.primary label,.ai-tools-page .price-card.primary .price-margin{color:#ffffffe6}.ai-tools-page .price-card.primary .price-value{color:#fff}.ai-tools-page .price-card label{display:block;font-size:13px;font-weight:500;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.ai-tools-page .price-card .price-value{font-size:28px;font-weight:700;color:#111827;margin-bottom:4px}.ai-tools-page .price-card .price-value.small{font-size:22px}.ai-tools-page .price-card .price-margin{font-size:13px;color:#6b7280;margin:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}input[readonly],textarea[readonly]{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.6;color:#1e293b;cursor:text;transition:all .3s ease;box-shadow:0 2px 4px #00000005}input[readonly]:focus,textarea[readonly]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a,0 2px 8px #0000000d}textarea[readonly]{resize:vertical;width:100%;min-height:120px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reasoning{padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border-left:4px solid #6366f1;font-size:14px;line-height:1.7;color:#334155;margin:0;box-shadow:0 2px 8px #0000000a;position:relative}.reasoning:before{content:"💡";position:absolute;top:16px;right:16px;font-size:20px;opacity:.5}.stock-critical-charts{margin:2rem 0;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:#fff}html.dark .metric-card{background:#334155}.metric-card{border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transition:width .2s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000014}.metric-card:hover:before{width:100%;opacity:.05}.metric-card.danger:before{background:#dc2626}.metric-card.danger .metric-icon{background:#dc26261a;color:#dc2626}.metric-card.warning:before{background:#f59e0b}.metric-card.warning .metric-icon{background:#f59e0b1a;color:#f59e0b}.metric-card.info:before{background:#64748b}.metric-card.info .metric-icon{background:#64748b1a;color:#64748b}.metric-card.primary:before{background:#6366f1}.metric-card.primary .metric-icon{background:#6366f11a;color:#6366f1}.metric-card .metric-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-card .metric-content{flex:1}.metric-card .metric-content h3{margin:0;font-size:1.75rem;font-weight:700;color:#1e293b;line-height:1}.metric-card .metric-content p{margin:.25rem 0 0;font-size:.875rem;color:#64748b;font-weight:500}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:#fff}html.dark .chart-card{background:#334155}.chart-card{border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.chart-card:hover{box-shadow:0 4px 12px #00000014}.chart-card.large{grid-column:1/-1}.chart-card .chart-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f8fafc}.chart-card .chart-header h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.chart-card .chart-header h3:before{content:"";width:4px;height:20px;background:#6366f1;border-radius:2px}.chart-card .chart-header p{margin:0;font-size:.875rem;color:#64748b;padding-left:calc(4px + .5rem)}.chart-card .chart-container{position:relative;min-height:300px}.custom-tooltip{background:#fffffffa}html.dark .custom-tooltip{background:#1e293bfa}.custom-tooltip{border-color:#e2e8f0}html.dark .custom-tooltip{border-color:#475569}.custom-tooltip{border:1px solid;border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 12px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.custom-tooltip .label{margin:0 0 .5rem;font-weight:600;color:#1e293b;font-size:.875rem}.custom-tooltip p{margin:.25rem 0;font-size:.8rem;font-weight:500}@keyframes chartAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chart-card{animation:chartAppear .4s ease-out}.chart-card:nth-child(1){animation-delay:.1s}.chart-card:nth-child(2){animation-delay:.2s}.chart-card:nth-child(3){animation-delay:.3s}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}.chart-card.large{grid-column:1}}@media (max-width: 640px){.metrics-grid{grid-template-columns:1fr}.metric-card{padding:1rem}.metric-card .metric-icon{width:48px;height:48px}.metric-card .metric-content h3{font-size:1.5rem}}.neho_invent_page{padding:2rem;margin:0 auto;width:100%;background:var(--background);color:var(--foreground);min-height:100vh;--neho-primary: $neho-primary;--neho-secondary: $neho-secondary;--neho-accent: $neho-accent;--neho-danger: $neho-danger;--neho-success: $neho-success}@keyframes neho-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes neho-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.neho_invent_page .neho_invent_header{margin-bottom:2rem}.neho_invent_page .neho_invent_header .neho_invent_header_content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.neho_invent_page .neho_invent_header .neho_invent_title_section{display:flex;align-items:center;gap:1rem}.neho_invent_page .neho_invent_header .neho_invent_title_section .neho_invent_icon{filter:drop-shadow(0 2px 8px rgba(99,102,241,.3))}.neho_invent_page .neho_invent_header .neho_invent_title_section h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--foreground)}.neho_invent_page .neho_invent_header .neho_invent_title_section .neho_invent_subtitle{margin:.25rem 0 0;color:var(--muted-foreground);font-size:.9rem}.neho_invent_page .neho_invent_stats_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.neho_invent_page .neho_invent_stat_card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);animation:neho-fadeIn .5s ease-out;position:relative;overflow:hidden}.neho_invent_page .neho_invent_stat_card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.neho_invent_page .neho_invent_stat_card:nth-child(1){animation-delay:.1s}.neho_invent_page .neho_invent_stat_card:nth-child(2){animation-delay:.2s}.neho_invent_page .neho_invent_stat_card:nth-child(3){animation-delay:.3s}.neho_invent_page .neho_invent_stat_card:nth-child(4){animation-delay:.4s}.neho_invent_page .neho_invent_stat_card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary)}.neho_invent_page .neho_invent_stat_card .neho_invent_stat_icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0}.neho_invent_page .neho_invent_stat_card .neho_invent_stat_icon.neho_invent_primary{background:linear-gradient(135deg,var(--foreground) 0%,#818cf8 100%);box-shadow:0 4px 12px #6366f14d}.neho_invent_page .neho_invent_stat_card .neho_invent_stat_icon.neho_invent_secondary{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px #10b9814d}.neho_invent_page .neho_invent_stat_card .neho_invent_stat_icon.neho_invent_accent{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px #f59e0b4d}.neho_invent_page .neho_invent_stat_card .neho_invent_stat_icon.neho_invent_danger{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 12px #ef44444d}.neho_invent_page .neho_invent_stat_card .neho_invent_stat_icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.neho_invent_page .neho_invent_stat_card .neho_invent_stat_content{flex:1;position:relative;z-index:1}.neho_invent_page .neho_invent_stat_card .neho_invent_stat_content .neho_invent_stat_label{margin:0;font-size:.875rem;color:var(--muted-foreground);font-weight:500}.neho_invent_page .neho_invent_stat_card .neho_invent_stat_content .neho_invent_stat_value{margin:.25rem 0 0;font-size:1.75rem;font-weight:700;color:var(--foreground);line-height:1.2}.neho_invent_page .neho_invent_stat_card .neho_invent_stat_content .neho_invent_stat_detail{margin-top:.25rem;font-size:.75rem;color:var(--muted-foreground)}.neho_invent_page .neho_invent_stat_card .neho_invent_progress_bar{height:6px;background:var(--muted);border-radius:3px;overflow:hidden;margin-top:.5rem}.neho_invent_page .neho_invent_stat_card .neho_invent_progress_bar .neho_invent_progress_fill{height:100%;background:var(--primary);transition:width 1s ease-out}.neho_invent_page .neho_invent_section{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem}.neho_invent_page .neho_invent_section .neho_invent_section_header{margin-bottom:1.5rem}.neho_invent_page .neho_invent_section .neho_invent_section_header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--foreground);display:flex;align-items:center;gap:.5rem}.neho_invent_page .neho_invent_section .neho_invent_section_header h2 svg{color:var(--primary)}.neho_invent_page .neho_invent_section .neho_invent_section_header .neho_invent_section_subtitle{margin:0;color:var(--muted-foreground);font-size:.875rem}.neho_invent_page .neho_invent_value_card{background:linear-gradient(135deg,var(--foreground) 0%,#818cf8 100%);padding:3rem 2rem;border-radius:12px;color:#fff;text-align:center;box-shadow:0 8px 24px #6366f14d}.neho_invent_page .neho_invent_value_card h1{font-size:3rem;margin:0;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2)}.neho_invent_page .neho_invent_value_card p{margin:.75rem 0 0;opacity:.9;font-size:.9rem}.neho_invent_page .neho_invent_category_item{margin-bottom:1.5rem}.neho_invent_page .neho_invent_category_item .neho_invent_category_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.neho_invent_page .neho_invent_category_item .neho_invent_category_header .neho_invent_category_name{font-size:1rem;font-weight:600;color:var(--foreground)}.neho_invent_page .neho_invent_category_item .neho_invent_category_header .neho_invent_category_name span{margin-left:.75rem;color:var(--muted-foreground);font-size:.875rem;font-weight:400}.neho_invent_page .neho_invent_category_item .neho_invent_category_header .neho_invent_category_stats{text-align:right}.neho_invent_page .neho_invent_category_item .neho_invent_category_header .neho_invent_category_stats .neho_invent_stock_value{font-size:1rem;font-weight:600;color:var(--primary)}.neho_invent_page .neho_invent_category_item .neho_invent_category_header .neho_invent_category_stats .neho_invent_avg_price{font-size:.75rem;color:var(--muted-foreground)}.neho_invent_page .neho_invent_category_item .neho_invent_category_bar{height:32px;background:var(--muted);border-radius:8px;overflow:hidden;position:relative}.neho_invent_page .neho_invent_category_item .neho_invent_category_bar .neho_invent_category_bar_fill{height:100%;background:linear-gradient(135deg,var(--foreground) 0%,#818cf8 100%);transition:width 1s ease-out;display:flex;align-items:center;padding:0 1rem;color:#fff;font-size:.875rem;font-weight:600}.neho_invent_page .neho_invent_filters_row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.neho_invent_page .neho_invent_filters_row .neho_invent_search_box{flex:1;min-width:250px;position:relative}.neho_invent_page .neho_invent_filters_row .neho_invent_search_box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground);pointer-events:none}.neho_invent_page .neho_invent_filters_row .neho_invent_search_box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;outline:none;transition:all .2s;background:var(--background);color:var(--foreground)}.neho_invent_page .neho_invent_filters_row .neho_invent_search_box input::placeholder{color:var(--muted-foreground)}.neho_invent_page .neho_invent_filters_row .neho_invent_search_box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.neho_invent_page .neho_invent_filters_row .neho_invent_filter_select{display:flex;align-items:center;gap:.5rem}.neho_invent_page .neho_invent_filters_row .neho_invent_filter_select svg{color:var(--muted-foreground)}.neho_invent_page .neho_invent_filters_row .neho_invent_filter_select select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;outline:none;cursor:pointer;background:var(--background);color:var(--foreground);transition:all .2s}.neho_invent_page .neho_invent_filters_row .neho_invent_filter_select select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.neho_invent_page .neho_invent_table_container{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}.neho_invent_page .neho_invent_table{width:100%;border-collapse:collapse}.neho_invent_page .neho_invent_table thead{background:var(--muted)}.neho_invent_page .neho_invent_table thead th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--muted-foreground);border-bottom:1px solid var(--border)}.neho_invent_page .neho_invent_table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.neho_invent_page .neho_invent_table tbody tr:hover{background:var(--muted)}.neho_invent_page .neho_invent_table tbody tr:last-child{border-bottom:none}.neho_invent_page .neho_invent_table tbody tr td{padding:1rem;font-size:.875rem;color:var(--foreground)}.neho_invent_page .neho_invent_table tbody tr td img{width:40px;height:40px;border-radius:6px;object-fit:cover}.neho_invent_page .neho_invent_table tbody tr td .neho_invent_product_info{display:flex;align-items:center;gap:.75rem}.neho_invent_page .neho_invent_table tbody tr td .neho_invent_category_badge{background:var(--muted);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:var(--muted-foreground);font-weight:500}.neho_invent_page .neho_invent_table tbody tr td .neho_invent_stock_value{font-weight:600;font-size:1rem}.neho_invent_page .neho_invent_table tbody tr td .neho_invent_stock_value.neho_invent_critical{color:#dc2626}.neho_invent_page .neho_invent_table tbody tr td .neho_invent_stock_value.neho_invent_warning{color:#f59e0b}.neho_invent_page .neho_invent_table tbody tr td .neho_invent_stock_value.neho_invent_ok{color:#059669}.neho_invent_page .neho_invent_table tbody tr td .neho_invent_status_badge{padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.neho_invent_page .neho_invent_table tbody tr td .neho_invent_status_badge.neho_invent_rupture{background:#fee2e2;color:#991b1b}.neho_invent_page .neho_invent_table tbody tr td .neho_invent_status_badge.neho_invent_critique{background:#fef3c7;color:#92400e}.neho_invent_page .neho_invent_table tbody tr td .neho_invent_status_badge.neho_invent_bas{background:#fffbeb;color:#78350f}.neho_invent_page .neho_invent_loading{padding:3rem;text-align:center}.neho_invent_page .neho_invent_loading .neho_invent_spinner{width:40px;height:40px;border:4px solid var(--muted);border-top-color:var(--primary);border-radius:50%;animation:neho-spin 1s linear infinite;margin:0 auto}.neho_invent_page .neho_invent_loading p{margin-top:1rem;color:var(--muted-foreground)}.neho_invent_page .neho_invent_empty{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.neho_invent_page .neho_invent_empty .neho_invent_empty_icon{width:120px;height:120px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--foreground) 0%,#818cf8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6366f14d;position:relative}.neho_invent_page .neho_invent_empty .neho_invent_empty_icon:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,var(--foreground) 0%,#818cf8 100%);border-radius:50%;opacity:.2;filter:blur(8px)}.neho_invent_page .neho_invent_empty .neho_invent_empty_icon svg{color:#fff;position:relative;z-index:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.neho_invent_page .neho_invent_empty h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:var(--foreground)}.neho_invent_page .neho_invent_empty p{margin:0;color:var(--muted-foreground);max-width:500px;line-height:1.6;font-size:.95rem}@media (max-width: 768px){.neho_invent_page{padding:1rem}.neho_invent_page .neho_invent_header .neho_invent_title_section{flex-direction:column;text-align:center}.neho_invent_page .neho_invent_header .neho_invent_title_section h1{font-size:1.5rem}.neho_invent_page .neho_invent_stats_grid{grid-template-columns:1fr}.neho_invent_page .neho_invent_value_card h1{font-size:2rem}.neho_invent_page .neho_invent_table_container{font-size:.75rem}.neho_invent_page .neho_invent_table_container th,.neho_invent_page .neho_invent_table_container td{padding:.5rem}}.neho_analytics_page{padding:2rem;width:100%;margin:0 auto;background:var(--background);color:var(--foreground);min-height:100vh}@keyframes neho-analytics-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes neho-analytics-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.neho_analytics_page .neho_analytics_header{margin-bottom:2rem}.neho_analytics_page .neho_analytics_header .neho_analytics_header_content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.neho_analytics_page .neho_analytics_header .neho_analytics_title_section{display:flex;align-items:center;gap:1rem}.neho_analytics_page .neho_analytics_header .neho_analytics_title_section .neho_analytics_icon{filter:drop-shadow(0 2px 8px rgba(59,130,246,.3))}.neho_analytics_page .neho_analytics_header .neho_analytics_title_section h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--foreground)}.neho_analytics_page .neho_analytics_header .neho_analytics_title_section .neho_analytics_subtitle{margin:.25rem 0 0;color:var(--muted-foreground);font-size:.9rem}.neho_analytics_page .neho_analytics_header .neho_analytics_period_select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;outline:none;cursor:pointer;background:var(--background);color:var(--foreground);transition:all .2s;font-weight:500}.neho_analytics_page .neho_analytics_header .neho_analytics_period_select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.neho_analytics_page .neho_analytics_header .neho_analytics_period_select:hover{border-color:var(--primary)}.neho_analytics_page .neho_analytics_stats_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.neho_analytics_page .neho_analytics_stats_grid.neho_analytics_stats_grid_small{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.neho_analytics_page .neho_analytics_stat_card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);animation:neho-analytics-fadeIn .5s ease-out;position:relative;overflow:hidden}.neho_analytics_page .neho_analytics_stat_card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.neho_analytics_page .neho_analytics_stat_card:nth-child(1){animation-delay:.1s}.neho_analytics_page .neho_analytics_stat_card:nth-child(2){animation-delay:.2s}.neho_analytics_page .neho_analytics_stat_card:nth-child(3){animation-delay:.3s}.neho_analytics_page .neho_analytics_stat_card:nth-child(4){animation-delay:.4s}.neho_analytics_page .neho_analytics_stat_card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary)}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_stat_icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_stat_icon.neho_analytics_primary{background:linear-gradient(135deg,var(--foreground) 0%,#818cf8 100%);box-shadow:0 4px 12px #6366f14d}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_stat_icon.neho_analytics_secondary{background:linear-gradient(135deg,var(--primary) 0%,#60a5fa 100%);box-shadow:0 4px 12px #3b82f64d}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_stat_icon.neho_analytics_accent{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px #f59e0b4d}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_stat_icon.neho_analytics_success{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px #10b9814d}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_stat_icon.neho_analytics_info{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px #3b82f64d}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_stat_icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_device_icon{font-size:2rem;position:relative;z-index:1}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_stat_content{flex:1;position:relative;z-index:1}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_stat_content .neho_analytics_stat_label{margin:0;font-size:.875rem;color:var(--muted-foreground);font-weight:500}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_stat_content .neho_analytics_stat_value{margin:.25rem 0 0;font-size:1.75rem;font-weight:700;color:var(--foreground);line-height:1.2}.neho_analytics_page .neho_analytics_stat_card .neho_analytics_stat_content .neho_analytics_stat_detail{margin-top:.25rem;font-size:.75rem;color:var(--muted-foreground)}.neho_analytics_page .neho_analytics_section{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem}.neho_analytics_page .neho_analytics_section .neho_analytics_section_header{margin-bottom:1.5rem}.neho_analytics_page .neho_analytics_section .neho_analytics_section_header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--foreground);display:flex;align-items:center;gap:.5rem}.neho_analytics_page .neho_analytics_section .neho_analytics_section_header h2 svg{color:var(--primary)}.neho_analytics_page .neho_analytics_section .neho_analytics_section_header .neho_analytics_section_subtitle{margin:0;color:var(--muted-foreground);font-size:.875rem}.neho_analytics_page .neho_analytics_country_item{margin-bottom:1.5rem}.neho_analytics_page .neho_analytics_country_item .neho_analytics_country_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.neho_analytics_page .neho_analytics_country_item .neho_analytics_country_header .neho_analytics_country_name{font-size:1rem;font-weight:600;color:var(--foreground);display:flex;align-items:center;gap:.5rem}.neho_analytics_page .neho_analytics_country_item .neho_analytics_country_header .neho_analytics_country_name .neho_analytics_flag{font-size:1.5rem}.neho_analytics_page .neho_analytics_country_item .neho_analytics_country_header .neho_analytics_country_name span{margin-left:.75rem;color:var(--muted-foreground);font-size:.875rem;font-weight:400}.neho_analytics_page .neho_analytics_country_item .neho_analytics_country_header .neho_analytics_country_stats{text-align:right}.neho_analytics_page .neho_analytics_country_item .neho_analytics_country_header .neho_analytics_country_stats .neho_analytics_percentage{font-size:1rem;font-weight:600;color:var(--primary)}.neho_analytics_page .neho_analytics_country_item .neho_analytics_country_bar{height:32px;background:var(--muted);border-radius:8px;overflow:hidden;position:relative}.neho_analytics_page .neho_analytics_country_item .neho_analytics_country_bar .neho_analytics_country_bar_fill{height:100%;background:linear-gradient(135deg,var(--foreground) 0%,#818cf8 100%);transition:width 1s ease-out;display:flex;align-items:center;padding:0 1rem;color:#fff;font-size:.875rem;font-weight:600}.neho_analytics_page .neho_analytics_table_container{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}.neho_analytics_page .neho_analytics_table{width:100%;border-collapse:collapse}.neho_analytics_page .neho_analytics_table thead{background:var(--muted)}.neho_analytics_page .neho_analytics_table thead th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--muted-foreground);border-bottom:1px solid var(--border)}.neho_analytics_page .neho_analytics_table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.neho_analytics_page .neho_analytics_table tbody tr:hover{background:var(--muted)}.neho_analytics_page .neho_analytics_table tbody tr:last-child{border-bottom:none}.neho_analytics_page .neho_analytics_table tbody tr td{padding:1rem;font-size:.875rem;color:var(--foreground)}.neho_analytics_page .neho_analytics_table tbody tr td .neho_analytics_page_info{display:flex;align-items:center;gap:.5rem}.neho_analytics_page .neho_analytics_table tbody tr td .neho_analytics_page_info .neho_analytics_page_icon{font-size:1.2rem}.neho_analytics_page .neho_analytics_table tbody tr td .neho_analytics_page_info .neho_analytics_page_url{font-size:.875rem;color:var(--muted-foreground)}.neho_analytics_page .neho_analytics_table tbody tr td .neho_analytics_type_badge{background:var(--muted);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:var(--muted-foreground);font-weight:500}.neho_analytics_page .neho_analytics_loading{padding:3rem;text-align:center}.neho_analytics_page .neho_analytics_loading .neho_analytics_spinner{width:40px;height:40px;border:4px solid var(--muted);border-top-color:var(--primary);border-radius:50%;animation:neho-analytics-spin 1s linear infinite;margin:0 auto}.neho_analytics_page .neho_analytics_loading p{margin-top:1rem;color:var(--muted-foreground)}.neho_analytics_page .neho_analytics_empty{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.neho_analytics_page .neho_analytics_empty .neho_analytics_empty_icon{width:120px;height:120px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #3b82f64d;position:relative}.neho_analytics_page .neho_analytics_empty .neho_analytics_empty_icon:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;opacity:.2;filter:blur(8px)}.neho_analytics_page .neho_analytics_empty .neho_analytics_empty_icon svg{color:#fff;position:relative;z-index:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.neho_analytics_page .neho_analytics_empty h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:var(--foreground)}.neho_analytics_page .neho_analytics_empty p{margin:0;color:var(--muted-foreground);max-width:500px;line-height:1.6;font-size:.95rem}@media (max-width: 768px){.neho_analytics_page{padding:1rem}.neho_analytics_page .neho_analytics_header .neho_analytics_title_section{flex-direction:column;text-align:center}.neho_analytics_page .neho_analytics_header .neho_analytics_title_section h1{font-size:1.5rem}.neho_analytics_page .neho_analytics_header .neho_analytics_period_select{width:100%}.neho_analytics_page .neho_analytics_stats_grid,.neho_analytics_page .neho_analytics_stats_grid.neho_analytics_stats_grid_small{grid-template-columns:1fr}.neho_analytics_page .neho_analytics_table_container{font-size:.75rem}.neho_analytics_page .neho_analytics_table_container th,.neho_analytics_page .neho_analytics_table_container td{padding:.5rem}}.discount-codes-page{padding:2rem;max-width:1400px;margin:0 auto}.discount-codes-page .page-header{margin-bottom:2rem}.discount-codes-page .page-header .header-content{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.discount-codes-page .page-header .header-content .title-section{display:flex;align-items:center;gap:1rem}.discount-codes-page .page-header .header-content .title-section .page-icon{width:48px;height:48px;color:var(--accent-orange);background:linear-gradient(135deg,var(--accent-orange-warm),var(--accent-orange));padding:12px;border-radius:12px}.discount-codes-page .page-header .header-content .title-section h1{font-size:2rem;font-weight:700;color:var(--foreground);margin:0}.discount-codes-page .page-header .header-content .title-section p{color:var(--muted-foreground);margin:.25rem 0 0;font-size:.95rem}.discount-codes-page .page-header .header-content .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-orange-warm),var(--accent-orange));color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.discount-codes-page .page-header .header-content .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f29c504d}.discount-codes-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.discount-codes-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 #0000000d;transition:all .2s}.discount-codes-page .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.discount-codes-page .stats-grid .stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.discount-codes-page .stats-grid .stat-card .stat-icon.total{background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue-light))}.discount-codes-page .stats-grid .stat-card .stat-icon.active{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-leaf))}.discount-codes-page .stats-grid .stat-card .stat-icon.revenue{background:linear-gradient(135deg,var(--accent-orange-warm),var(--accent-orange))}.discount-codes-page .stats-grid .stat-card .stat-icon.usage{background:linear-gradient(135deg,var(--primary-navy),var(--primary-blue))}.discount-codes-page .stats-grid .stat-card .stat-content{display:flex;flex-direction:column;gap:.25rem}.discount-codes-page .stats-grid .stat-card .stat-content .stat-label{font-size:.875rem;color:var(--muted-foreground);font-weight:500}.discount-codes-page .stats-grid .stat-card .stat-content .stat-value{font-size:1.75rem;font-weight:700;color:var(--foreground)}.discount-codes-page .stats-grid .stat-card .stat-content .stat-detail{font-size:.75rem;color:var(--muted-foreground);margin-top:.25rem}.discount-codes-page .codes-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.discount-codes-page .codes-section .section-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.discount-codes-page .codes-section .section-header .search-filter{display:flex;gap:1rem;flex:1;min-width:300px}.discount-codes-page .codes-section .section-header .search-filter .search-box{position:relative;flex:1;max-width:400px}.discount-codes-page .codes-section .section-header .search-filter .search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted-foreground);width:18px;height:18px}.discount-codes-page .codes-section .section-header .search-filter .search-box input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;transition:all .2s}.discount-codes-page .codes-section .section-header .search-filter .search-box input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82c61a}.discount-codes-page .codes-section .section-header .search-filter .filter-group{position:relative;display:flex;align-items:center;gap:.5rem}.discount-codes-page .codes-section .section-header .search-filter .filter-group .filter-icon{color:var(--muted-foreground);width:18px;height:18px}.discount-codes-page .codes-section .section-header .search-filter .filter-group select{padding:.625rem 2.5rem .625rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.discount-codes-page .codes-section .section-header .search-filter .filter-group select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82c61a}.discount-codes-page .codes-section .section-header .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;color:var(--foreground);border:1px solid var(--border);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.discount-codes-page .codes-section .section-header .btn-secondary:hover{background:var(--muted);border-color:var(--primary-blue)}.discount-codes-page .codes-section .codes-table-container{overflow-x:auto}.discount-codes-page .codes-section .codes-table-container .codes-table{width:100%;border-collapse:collapse}.discount-codes-page .codes-section .codes-table-container .codes-table thead{background:var(--muted)}.discount-codes-page .codes-section .codes-table-container .codes-table thead th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--foreground);white-space:nowrap}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr:hover{background:var(--muted)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td{padding:1.25rem 1.5rem;font-size:.875rem}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .code-cell{display:flex;align-items:center;gap:.75rem}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .code-cell .code-info{display:flex;flex-direction:column;gap:.25rem}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .code-cell .code-info .code-value{font-family:Courier New,monospace;font-weight:700;font-size:1rem;color:var(--foreground);background:var(--muted);padding:.25rem .5rem;border-radius:4px}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .code-cell .code-info .code-description{font-size:.8rem;color:var(--muted-foreground)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .code-cell .copy-btn{padding:.375rem;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--muted-foreground);transition:all .2s}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .code-cell .copy-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;white-space:nowrap}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .type-badge.percentage{background:#73a6411a;color:var(--accent-green)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .type-badge.fixed{background:#f29c501a;color:var(--accent-orange)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .discount-value{font-weight:700;font-size:1.1rem;color:var(--foreground);display:block}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .min-purchase{display:block;font-size:.75rem;color:var(--muted-foreground);margin-top:.25rem}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .usage-cell .usage-stats{display:flex;flex-direction:column;gap:.5rem}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .usage-cell .usage-stats .usage-count{font-weight:600;color:var(--foreground)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .usage-cell .usage-stats .usage-bar{width:100px;height:6px;background:var(--muted);border-radius:3px;overflow:hidden}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .usage-cell .usage-stats .usage-bar .usage-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-green-leaf));transition:width .3s}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .validity-cell{display:flex;flex-direction:column;gap:.375rem}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .validity-cell .date-info{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--muted-foreground)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .validity-cell .date-info.expiry{color:var(--accent-orange)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;white-space:nowrap}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .status-badge .status-icon{width:16px;height:16px}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .status-badge.active{background:#73a6411a;color:var(--accent-green)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .status-badge.inactive{background:#6666661a;color:#666}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .status-badge.expired{background:#f29c501a;color:var(--accent-orange)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .status-badge.depleted{background:#da16081a;color:var(--destructive)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .actions-cell{display:flex;gap:.5rem}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .actions-cell .action-btn{padding:.5rem;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--muted-foreground);transition:all .2s}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .actions-cell .action-btn:hover{background:var(--muted)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .actions-cell .action-btn.toggle:hover{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .actions-cell .action-btn.edit:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.discount-codes-page .codes-section .codes-table-container .codes-table tbody tr td .actions-cell .action-btn.delete:hover{background:var(--destructive);color:#fff;border-color:var(--destructive)}.discount-codes-page .codes-section .codes-table-container .empty-state{padding:4rem 2rem;text-align:center;color:var(--muted-foreground)}.discount-codes-page .codes-section .codes-table-container .empty-state svg{color:var(--muted-foreground);opacity:.3;margin-bottom:1rem}.discount-codes-page .codes-section .codes-table-container .empty-state h3{font-size:1.25rem;color:var(--foreground);margin:0 0 .5rem}.discount-codes-page .codes-section .codes-table-container .empty-state p{margin:0}.discount-codes-page .delete-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.discount-codes-page .delete-confirm-overlay .delete-confirm-dialog{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:100%;text-align:center}.discount-codes-page .delete-confirm-overlay .delete-confirm-dialog .warning-icon{width:48px;height:48px;color:var(--destructive);margin:0 auto 1rem}.discount-codes-page .delete-confirm-overlay .delete-confirm-dialog h3{font-size:1.5rem;margin:0 0 .5rem;color:var(--foreground)}.discount-codes-page .delete-confirm-overlay .delete-confirm-dialog p{color:var(--muted-foreground);margin:0 0 1.5rem}.discount-codes-page .delete-confirm-overlay .delete-confirm-dialog .dialog-actions{display:flex;gap:1rem;justify-content:center}.discount-codes-page .delete-confirm-overlay .delete-confirm-dialog .dialog-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.discount-codes-page .delete-confirm-overlay .delete-confirm-dialog .dialog-actions button.btn-secondary{background:var(--muted);color:var(--foreground)}.discount-codes-page .delete-confirm-overlay .delete-confirm-dialog .dialog-actions button.btn-secondary:hover{background:var(--border)}.discount-codes-page .delete-confirm-overlay .delete-confirm-dialog .dialog-actions button.btn-danger{background:var(--destructive);color:#fff}.discount-codes-page .delete-confirm-overlay .delete-confirm-dialog .dialog-actions button.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #da16084d}.discount-codes-page .dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.discount-codes-page .dialog-overlay .dialog-content{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;margin:auto}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-header h2{font-size:1.5rem;margin:0;color:var(--foreground)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-header .close-btn{padding:.5rem;background:transparent;border:none;cursor:pointer;color:var(--muted-foreground);border-radius:6px;transition:all .2s}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-header .close-btn:hover{background:var(--muted)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form{padding:1.5rem}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section{margin-bottom:2rem}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section h3{font-size:1.125rem;margin:0 0 1rem;color:var(--foreground);font-weight:600}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group{margin-bottom:1.25rem}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--foreground);margin-bottom:.5rem}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group label .required{color:var(--destructive)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group input,.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group textarea,.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;transition:all .2s}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group input:focus,.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group textarea:focus,.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82c61a}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group input.error,.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group textarea.error,.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group select.error{border-color:var(--destructive)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group textarea{resize:vertical;font-family:inherit}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group .input-with-suffix{position:relative}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group .input-with-suffix input{padding-right:3rem}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group .input-with-suffix .input-suffix{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground);font-weight:600;pointer-events:none}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group .error-message{display:block;color:var(--destructive);font-size:.75rem;margin-top:.375rem}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-group .field-hint{display:block;color:var(--muted-foreground);font-size:.75rem;margin-top:.375rem}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .type-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .type-selector .type-option{padding:1.25rem;border:2px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .type-selector .type-option svg{width:32px;height:32px;color:var(--muted-foreground)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .type-selector .type-option span{font-weight:600;color:var(--foreground)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .type-selector .type-option:hover{border-color:var(--primary-blue);background:#3b82c60d}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .type-selector .type-option.active{border-color:var(--primary-blue);background:#3b82c61a}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .type-selector .type-option.active svg{color:var(--primary-blue)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .type-selector .type-option.active span{color:var(--primary-blue)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .info-box{display:flex;gap:.75rem;padding:1rem;background:#3b82c60d;border:1px solid rgba(59,130,198,.2);border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;color:var(--foreground)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .info-box svg{flex-shrink:0;color:var(--primary-blue);margin-top:.125rem}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .info-box strong{color:var(--primary-blue)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .dialog-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .dialog-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .dialog-actions button.btn-secondary{background:var(--muted);color:var(--foreground)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .dialog-actions button.btn-secondary:hover{background:var(--border)}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .dialog-actions button.btn-primary{background:linear-gradient(135deg,var(--accent-orange-warm),var(--accent-orange));color:#fff}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .dialog-actions button.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f29c504d}@media (max-width: 768px){.discount-codes-page{padding:1rem}.discount-codes-page .page-header .header-content{flex-direction:column;align-items:flex-start}.discount-codes-page .page-header .header-content .btn-primary{width:100%;justify-content:center}.discount-codes-page .stats-grid{grid-template-columns:1fr}.discount-codes-page .codes-section .section-header{flex-direction:column;align-items:stretch}.discount-codes-page .codes-section .section-header .search-filter{flex-direction:column;min-width:100%}.discount-codes-page .codes-section .section-header .search-filter .search-box{max-width:100%}.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .form-section .form-row,.discount-codes-page .dialog-overlay .dialog-content.discount-code-dialog .dialog-form .type-selector{grid-template-columns:1fr}}.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(--color-blue-brand);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{margin-bottom:1.5rem}.form-group:last-of-type{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.95rem;color:var(--foreground)}.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}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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}}:root{--color-orange-action: #ff8c00;--color-orange-hover: #f2622e;--color-orange-light: #ffa733;--color-blue-brand: #0656f6;--color-blue-dark: #1f2855;--color-blue-medium: #3b82c6;--color-blue-light: #5ba8e5;--color-green-accent: #73a641;--color-green-leaf: #afd991;--color-green-success: #4caf50;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-red-error: #dc2626;--color-red-light: #fee2e2;--primary: #ff9a3d;--primary-foreground: #ffffff;--primary-hover: #ffad5c;--secondary: #0656f6;--secondary-foreground: #ffffff;--secondary-hover: #3d4a9e;--accent: #0656f6;--accent-foreground: #ffffff;--success: #4caf50;--success-foreground: #ffffff;--background: #ffffff;--foreground: #0656f6;--card: #ffffff;--card-foreground: #0656f6;--card-border: #e8e9ec;--popover: #ffffff;--popover-foreground: #0656f6;--muted: #f9fafb;--muted-foreground: #6b7280;--destructive: #dc2626;--destructive-foreground: #ffffff;--border: #e5e7eb;--input: #e5e7eb;--ring: #ff9a3d;--radius: .75rem;--chart-1: #0656f6;--chart-2: #ff9a3d;--chart-3: #73a641;--chart-4: #5b7ec8;--chart-5: #d4e89e;--sidebar: #ffffff;--sidebar-foreground: #0656f6;--sidebar-primary: #ff9a3d;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #0656f6;--sidebar-accent-foreground: #ffffff;--sidebar-border: #e5e7eb;--sidebar-ring: #ff9a3d;--gradient-primary: linear-gradient(135deg, #ff9a3d 0%, #ffad5c 100%);--gradient-action: linear-gradient(135deg, #ffad5c 0%, #ff8226 100%);--gradient-full: linear-gradient(135deg, #ff9a3d 0%, #ffad5c 30%, #5b7ec8 60%, #0656f6 100%);--gradient-hero: linear-gradient(135deg, #ff9a3d 0%, #ff9348 50%, #ff8c52 100%);--shop-primary: #9b59d0;--shop-secondary: #e74c8c;--shop-gradient: linear-gradient(135deg, #9b59d0 0%, #e74c8c 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: linear-gradient(135deg, #ff9a3d 0%, #ffad5c 100%);--chat-user-bubble: linear-gradient(135deg, #ffad5c 0%, #ff8226 100%);--chat-assistant-bubble: #f9fafb;--shop-button-radius: 24px;--shop-hover-lift: translateY(-2px);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}.dark{--background: #1a1d2e;--foreground: #fafafa;--card: #232742;--card-foreground: #fafafa;--card-border: #343854;--popover: #232742;--popover-foreground: #fafafa;--primary: #ffad5c;--primary-foreground: #1a1d2e;--primary-hover: #ffc17a;--secondary: #5b7ec8;--secondary-foreground: #fafafa;--secondary-hover: #7292d4;--accent: #8bc55f;--accent-foreground: #1a1d2e;--success: #66c16a;--success-foreground: #fafafa;--muted: #2a2f47;--muted-foreground: #9ca3b8;--destructive: #ef4444;--destructive-foreground: #fafafa;--border: #343854;--input: #343854;--ring: #ffad5c;--chart-1: #3d4a9e;--chart-2: #ffad5c;--chart-3: #8bc55f;--chart-4: #7292d4;--chart-5: #dde9af;--sidebar: #1e2136;--sidebar-foreground: #fafafa;--sidebar-primary: #ffad5c;--sidebar-primary-foreground: #fafafa;--sidebar-accent: #8bc55f;--sidebar-accent-foreground: #fafafa;--sidebar-border: #343854;--sidebar-ring: #ffad5c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3)}body,html{margin:0;padding:0}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;line-height:1.6}@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 #ff8c0066}50%{box-shadow:0 0 35px #ff8c00b3}}@keyframes pulse-glow-blue{0%,to{box-shadow:0 0 20px #2c377a66}50%{box-shadow:0 0 35px #2c377ab3}}@keyframes pulse-glow-green{0%,to{box-shadow:0 0 20px #73a64166}50%{box-shadow:0 0 35px #73a641b3}}@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 slide-in-left{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}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:slide-up .5s ease-out}.animate-slide-in-right{animation:slide-in-right .5s ease-out}.animate-slide-in-left{animation:slide-in-left .5s ease-out}.animate-fade-in{animation:fade-in .5s ease-out}.animate-scale-in{animation:scale-in .5s ease-out}.animate-bounce{animation:bounce-subtle 2s ease-in-out infinite}.gradient-text{background:var(--gradient-full);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradient-flow 3s ease infinite}.glow-orange{animation:pulse-glow-orange 2s ease-in-out infinite}.glow-blue{animation:pulse-glow-blue 2s ease-in-out infinite}.glow-green{animation:pulse-glow-green 2s ease-in-out infinite}.skeleton .skeleton-title,.skeleton .skeleton-value,.skeleton .skeleton-change{background:var(--muted);border-radius:4px;animation:pulse 2s infinite}.skeleton .skeleton-title{height:1rem;width:60%;margin-bottom:.5rem}.skeleton .skeleton-value{height:2rem;width:80%;margin-bottom:.5rem}.skeleton .skeleton-change{height:1rem;width:40%}