:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:fixed;top:0;left:0}.login-card{background:#fff;border-radius:24px;padding:48px 40px;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d}.logo-section{text-align:center;margin-bottom:40px}.logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.login-card h1{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.tagline{color:#718096;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.info-message{padding:12px 16px;background:#e6f7ff;border:1px solid #91d5ff;border-radius:12px;color:#0050b3;font-size:14px;text-align:center}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.feature-item{display:flex;align-items:center;gap:8px;padding:12px;background:#f7fafc;border-radius:12px;font-size:14px;color:#2d3748}.feature-item svg{color:#667eea;flex-shrink:0}.btn-install{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-install:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-install:disabled{opacity:.7;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;margin-top:16px}.trial-info{text-align:center;margin-top:24px;padding:16px;background:#edf2f7;border-radius:12px}.trial-info p{margin:0;color:#2d3748;font-size:14px}.login-footer{text-align:center;margin-top:24px}.login-footer p{margin:0;font-size:13px;color:#a0aec0}.login-footer a{color:#667eea;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media(max-width:640px){.login-card{padding:32px 24px}.features-grid{grid-template-columns:1fr}}.register-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:fixed;top:0;left:0}.register-box{background:#fff;border-radius:24px;padding:40px;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d}.register-header{text-align:center;margin-bottom:32px}.register-header .logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.register-header h1{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 8px}.register-header p{color:#718096;font-size:15px;margin:0}.register-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#2d3748}.form-group input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .2s}.error-message{padding:12px 16px;background:#fff5f5;border:1px solid #feb2b2;border-radius:12px;color:#c53030;font-size:14px;text-align:center}.btn-register{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.btn-register:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-register:disabled{opacity:.7;cursor:not-allowed}.spinner-large{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.register-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.register-footer p{margin:0;font-size:14px;color:#718096}.register-footer a{color:#667eea;text-decoration:none;font-weight:600;margin-left:4px}.register-footer a:hover{text-decoration:underline}@media(max-width:640px){.register-box{padding:32px 24px}}.callback-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.callback-card{background:#fff;border-radius:24px;padding:64px 48px;text-align:center;max-width:480px;box-shadow:0 20px 60px #0000004d}.spinner-large{width:64px;height:64px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 24px}.icon-success{color:#48bb78;margin-bottom:24px}.icon-error{color:#f56565;margin-bottom:24px}.callback-card h2{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 12px}.callback-card p{color:#718096;font-size:16px;margin:0 0 24px}.btn-retry{padding:12px 32px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-retry:hover{background:#5a67d8;transform:translateY(-1px)}.upgrade-modal-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;padding:20px;animation:fadeIn .2s ease}.upgrade-modal{background:#fff;border-radius:24px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:40px;animation:slideUp .3s ease;box-shadow:0 25px 50px -12px #00000040}.modal-close{position:absolute;top:20px;right:20px;background:#f3f4f6;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.modal-close:hover{background:#e5e7eb;transform:scale(1.1)}.modal-header{text-align:center;margin-bottom:40px}.header-icon{color:#8b5cf6;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.modal-header h2{font-size:32px;font-weight:700;color:#111827;margin-bottom:8px}.modal-header p{font-size:16px;color:#6b7280}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.plan-card{background:#fafafa;border:2px solid #E5E7EB;border-radius:16px;padding:24px;position:relative;transition:all .3s;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.plan-card.current{background:#f3f4f6;border-color:#9ca3af}.plan-card.popular{border-width:3px;box-shadow:0 10px 15px -3px #f59e0b33}.plan-card.recommended{border-width:3px;box-shadow:0 10px 15px -3px #8b5cf633;background:linear-gradient(135deg,#fff,#f3f4f6)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.popular-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.recommended-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.plan-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.plan-name{font-size:20px;font-weight:700;color:#111827;margin-bottom:12px}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.price-free{font-size:28px;font-weight:800;color:#10b981}.price-amount{font-size:32px;font-weight:800;color:#111827}.price-period{font-size:16px;color:#6b7280}.price-discount{display:flex;align-items:center;gap:8px;margin-bottom:16px}.original-price{font-size:14px;color:#9ca3af;text-decoration:line-through}.discount-badge{background:#10b981;color:#fff;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}.plan-features{list-style:none;padding:0;margin:20px 0;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:14px;color:#374151;line-height:1.5}.plan-features li svg{color:#10b981;flex-shrink:0;margin-top:2px}.plan-button{width:100%;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px}.plan-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003}.plan-button:disabled{cursor:not-allowed;opacity:.7}.plan-button.loading{pointer-events:none}.spinner{animation:spin 1s linear infinite;flex-shrink:0}.modal-footer{text-align:center;padding-top:24px;border-top:1px solid #E5E7EB}.modal-footer p{font-size:14px;color:#6b7280}@media(max-width:768px){.upgrade-modal{padding:24px}.plans-grid{grid-template-columns:1fr}.modal-header h2{font-size:24px}}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8eef5)}.dashboard-header{background:#fff;box-shadow:0 2px 12px #0000000a;position:sticky;top:0;z-index:100;border-bottom:1px solid #e5e7eb}.header-content{max-width:1400px;margin:0 auto;padding:16px 32px;display:flex;justify-content:space-between;align-items:center}.logo-badge{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea4d}.header-info{display:flex;flex-direction:column;gap:2px}.app-title{font-size:24px;font-weight:800;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.store-subtitle{margin:0;font-size:14px;color:#6b7280;font-weight:500}.header-right{display:flex;align-items:center;gap:12px}.header-right .plan-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:700;border:none;transition:all .2s;box-shadow:0 2px 8px #8b5cf64d}.header-right .plan-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #8b5cf666}.btn-logout{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f3f4f6;border:none;border-radius:10px;color:#374151;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-logout:hover{background:#e5e7eb;transform:translateY(-1px)}.dashboard-main{max-width:1400px;margin:0 auto;padding:40px 32px}.welcome-section{text-align:center;margin-bottom:40px;animation:fadeInUp .6s ease-out}.welcome-title{font-size:36px;font-weight:800;color:#1f2937;margin:0 0 12px;line-height:1.2}.welcome-subtitle{font-size:18px;color:#6b7280;margin:0;font-weight:500}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:48px;animation:fadeInUp .6s ease-out .1s both}.quick-stat{background:#fff;padding:24px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #f3f4f6;transition:all .3s}.quick-stat:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.quick-stat .stat-icon{color:#667eea}.quick-stat div{display:flex;flex-direction:column;gap:4px}.stat-number{font-size:28px;font-weight:800;color:#1f2937;line-height:1}.stat-text{font-size:13px;color:#6b7280;font-weight:600}.features-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-bottom:48px}.feature-card-modern{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000f;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:2px solid transparent;animation:fadeInUp .6s ease-out both}.feature-card-modern:nth-child(1){animation-delay:.1s}.feature-card-modern:nth-child(2){animation-delay:.2s}.feature-card-modern:nth-child(3){animation-delay:.3s}.feature-card-modern:nth-child(4){animation-delay:.4s}.feature-card-modern:nth-child(5){animation-delay:.5s}.feature-card-modern:hover:not(.disabled){transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #0000001f;border-color:currentColor}.feature-card-modern.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.feature-card-gradient{position:absolute;top:0;left:0;right:0;height:8px;opacity:.9}.feature-card-content{padding:32px 28px;display:flex;flex-direction:column;gap:16px}.feature-icon-large{width:64px;height:64px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#374151;margin-bottom:8px}.feature-title-modern{font-size:24px;font-weight:800;color:#1f2937;margin:0;line-height:1.2}.feature-description-modern{font-size:15px;color:#6b7280;margin:0;line-height:1.6;font-weight:500}.feature-stat{display:flex;align-items:baseline;gap:8px;padding:12px 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin:8px 0}.feature-stat-number{font-size:32px;font-weight:800;color:#667eea;line-height:1}.feature-stat-label{font-size:14px;color:#9ca3af;font-weight:600}.btn-feature-modern{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;margin-top:auto}.btn-feature-modern:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.coming-soon-badge{position:absolute;top:20px;right:20px;padding:6px 14px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:20px;font-size:12px;font-weight:700;z-index:10;box-shadow:0 4px 12px #fbbf244d}.trial-banner-modern{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:28px 32px;color:#fff;box-shadow:0 8px 24px #667eea4d;animation:fadeInUp .6s ease-out .6s both}.trial-content{display:flex;align-items:center;gap:20px}.trial-icon{font-size:40px;line-height:1}.trial-text{font-size:18px;font-weight:700;margin:0 0 4px}.trial-subtext{font-size:14px;margin:0;opacity:.9}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e8eef5);gap:20px}.spinner-large{width:56px;height:56px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:#6b7280;font-size:16px;font-weight:600}@media(max-width:1024px){.features-grid-modern{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}@media(max-width:768px){.dashboard-main{padding:24px 16px}.header-content{padding:12px 16px}.welcome-title{font-size:28px}.welcome-subtitle{font-size:16px}.quick-stats,.features-grid-modern{grid-template-columns:1fr}.btn-logout span{display:none}.header-left{gap:12px}.app-title{font-size:20px}}.module-badge{position:absolute;top:16px;right:16px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;z-index:10;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000026}.free-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pro-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;animation:shimmer 2s infinite}.active-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.feature-card-modern.locked{position:relative}.locked-overlay{position:absolute;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:5;opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card-modern.locked:hover .locked-overlay{opacity:1}.locked-overlay svg{color:#f59e0b;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.locked-overlay span{font-size:14px;font-weight:600;color:#374151}.blur-content{filter:blur(2px)}.feature-card-modern.locked .btn-feature-modern{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.plan-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;border:none;transition:all .2s}.plan-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #8b5cf666}.create-coupon-container{min-height:100vh;background:#f7fafc;padding-bottom:40px}.create-coupon-header{background:#fff;padding:20px 32px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:20px}.btn-back{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#718096;font-size:14px;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f7fafc;border-color:#cbd5e0}.create-coupon-header h1{font-size:24px;font-weight:700;color:#1a202c;margin:0}.create-coupon-content{max-width:800px;margin:32px auto;padding:0 32px}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.mode-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#718096;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:#cbd5e0}.mode-btn.active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.coupon-form{background:#fff;border-radius:16px;padding:32px;border:1px solid #e2e8f0}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:6px;font-size:13px;color:#718096}.radio-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;color:#2d3748}.radio-label:hover{border-color:#cbd5e0}.radio-label input[type=radio]{margin:0}.radio-label input[type=radio]:checked+svg,.radio-label:has(input[type=radio]:checked){border-color:#667eea;background:#eef2ff;color:#667eea}.error-message{padding:12px 16px;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px}.success-message{padding:12px 16px;background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#22543d;font-size:14px;margin-bottom:20px}.btn-submit{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.form-section-advanced{background:#fef3c7;border:2px solid #fbbf24;border-radius:16px;padding:24px;margin-top:24px}.form-section-advanced h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#92400e}.product-free-inputs{display:flex;gap:10px}.info-box-advanced{background:#fff;border:2px solid #fde68a;border-radius:12px;padding:16px;margin-top:16px;color:#78350f;font-size:14px;line-height:1.6}@media(max-width:768px){.create-coupon-content{padding:0 16px}.coupon-form{padding:24px 20px}.mode-selector,.form-row,.radio-group{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:20px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;position:relative;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #f1f5f9}.modal-header h2{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a202c}.coupon-code-modal{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#667eea;background:#f0f4ff;padding:8px 16px;border-radius:8px;display:inline-block;margin:0}.btn-close{width:40px;height:40px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-close:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #f1f5f9;border-radius:16px;transition:all .2s}.stat-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d}.stat-label{font-size:13px;color:#64748b;margin:0 0 4px;font-weight:500}.stat-value{font-size:24px;font-weight:700;color:#1a202c;margin:0}.usage-history{margin-top:32px}.usage-history h3{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 20px}.usage-table-container{overflow-x:auto;border-radius:12px;border:2px solid #f1f5f9}.usage-table{width:100%;border-collapse:collapse}.usage-table thead{background:#f8fafc}.usage-table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.usage-table td{padding:16px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px}.usage-table tbody tr:last-child td{border-bottom:none}.usage-table tbody tr:hover{background:#f8fafc}.usage-table tbody tr.row-warning{background:#fef3c7}.usage-table tbody tr.row-warning:hover{background:#fde68a}.badge-success{display:inline-flex;align-items:center;padding:4px 8px;background:#d1fae5;color:#065f46;border-radius:4px;font-size:12px;font-weight:600}.badge-warning{display:inline-flex;align-items:center;padding:4px 8px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:12px;font-weight:600}.badge-error{display:inline-flex;align-items:center;padding:4px 8px;background:#fee2e2;color:#991b1b;border-radius:4px;font-size:12px;font-weight:600;cursor:help}.table-cell-date{display:flex;align-items:center;gap:8px;color:#64748b}.table-cell-date svg{color:#94a3b8}.order-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s}.order-link:hover{color:#764ba2;text-decoration:underline}.table-cell-customer{display:flex;align-items:center;gap:8px}.table-cell-customer svg{color:#94a3b8}.table-cell-amount{font-weight:600;color:#1a202c}.table-cell-discount{color:#16a34a;font-weight:700}.empty-state-modal{text-align:center;padding:60px 20px;color:#64748b}.empty-state-modal svg{margin-bottom:16px}.empty-state-modal p{font-size:18px;font-weight:600;margin:0 0 8px;color:#475569}.empty-state-modal small{font-size:14px;color:#94a3b8}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loading-state p{color:#64748b;font-size:14px;margin:0}@media(max-width:768px){.modal-content{padding:24px}.modal-header h2{font-size:22px}.usage-stats{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:20px}.usage-table-container{overflow-x:scroll}.usage-table{min-width:600px}.usage-table th,.usage-table td{padding:12px 8px;font-size:13px}}.coupons-list-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8eef5);padding-bottom:60px}.coupons-header-modern{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;position:sticky;top:0;z-index:100}.header-actions-modern{display:flex;gap:10px}.btn-secondary-modern{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary-modern:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.btn-secondary-modern:disabled{opacity:.5;cursor:not-allowed}.btn-primary-modern{display:flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.page-title-modern{font-size:32px;font-weight:800;color:#1f2937;margin:0 0 8px;line-height:1.2}.filters-section-modern{max-width:1400px;margin:0 auto;padding:24px 32px;display:flex;flex-direction:column;gap:16px;animation:fadeInUp .4s ease-out .1s both}.search-box-modern{position:relative;flex:1;max-width:500px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input-modern{width:100%;padding:14px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;background:#fff;transition:all .2s;color:#1f2937}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;transition:all .2s}.clear-search:hover{background:#e5e7eb;color:#374151}.filters-bar-modern{display:flex;gap:12px;flex-wrap:wrap}.filter-select-modern{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s;min-width:180px}.filter-select-modern:hover{border-color:#d1d5db;background:#f9fafb}.coupons-grid{max-width:1400px;margin:0 auto;padding:0 32px 40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;animation:fadeInUp .4s ease-out .2s both}.coupon-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000a;border:2px solid #f3f4f6;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden}.coupon-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s}.coupon-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f;border-color:#667eea}.coupon-card:hover:before{opacity:1}.coupon-card.inactive{opacity:.6;filter:grayscale(.3)}.coupon-card.inactive:hover{transform:translateY(-3px)}.coupon-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.coupon-code{display:flex;align-items:center;gap:8px;color:#667eea;font-weight:700;font-size:16px}.coupon-code svg{flex-shrink:0}.coupon-status{display:flex;gap:6px}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-active{background:#d1fae5;color:#065f46}.badge-inactive{background:#f3f4f6;color:#6b7280}.badge-expired{background:#fee2e2;color:#991b1b}.coupon-value{font-size:36px;font-weight:900;color:#1f2937;margin:16px 0;line-height:1}.coupon-description{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.smart-features{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.smart-badge{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600}.smart-badge.tope{background:#fef3c7;color:#92400e}.smart-badge.email{background:#dbeafe;color:#1e40af}.smart-badge.gift{background:#fce7f3;color:#9f1239}.coupon-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 0;border-top:1px solid #f3f4f6;margin-top:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:800;color:#1f2937}.coupon-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-action.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-action.primary:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.btn-action.secondary{background:#f3f4f6;color:#374151}.btn-action.secondary:hover{background:#e5e7eb}.btn-action.danger{background:#fee2e2;color:#991b1b}.btn-action.danger:hover{background:#fecaca}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-state svg{color:#d1d5db;margin-bottom:20px}.empty-state h3{font-size:24px;font-weight:700;color:#374151;margin:0 0 8px}.empty-state p{font-size:16px;color:#6b7280;margin:0 0 24px}.btn-create-empty{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.btn-create-empty:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.loading-coupons{max-width:1400px;margin:0 auto;padding:80px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1024px){.coupons-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media(max-width:768px){.header-content-wrapper{padding:16px 20px}.header-top{flex-direction:column;align-items:stretch;gap:12px}.header-actions-modern{justify-content:space-between}.btn-secondary-modern span,.btn-primary-modern span{display:none}.page-title-modern{font-size:24px}.filters-section-modern{padding:16px 20px}.search-box-modern{max-width:100%}.filters-bar-modern{flex-direction:column}.filter-select-modern{width:100%}.coupons-grid{grid-template-columns:1fr;padding:0 20px 40px}.coupon-stats{grid-template-columns:1fr}}.giftcards-list-container{background:linear-gradient(135deg,#f5f7fa,#e8eef5);min-height:100vh}.giftcards-header-modern{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;position:sticky;top:0;z-index:100}.header-content-wrapper{max-width:1400px;margin:0 auto;padding:20px 32px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-actions-modern{display:flex;gap:12px}.btn-secondary-modern{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary-modern:hover{border-color:#667eea;background:#f0f4ff;color:#667eea}.btn-primary-modern{display:flex;align-items:center;gap:8px;padding:11px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.header-info-modern{animation:fadeInUp .4s ease-out}.page-title-modern{font-size:36px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quick-stats{max-width:1400px;margin:32px auto;padding:0 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000f;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-label{font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin:0 0 4px}.stat-value{font-size:24px;font-weight:800;color:#111827;margin:0}.filters-section-modern{max-width:1400px;margin:0 auto 32px;padding:0 32px;display:flex;gap:16px;align-items:center}.search-box-modern{flex:1;position:relative;max-width:400px}.search-box-modern .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input-modern{width:100%;padding:12px 16px 12px 48px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;background:#fff;transition:all .2s}.search-input-modern:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filters-bar-modern{display:flex;gap:12px;align-items:center}.filter-select-modern{padding:10px 16px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.filter-select-modern:hover{border-color:#667eea;background:#f0f4ff}.filter-select-modern:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:1rem;border:1px solid #e5e7eb;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stat-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.stat-label{margin:0;font-size:.875rem;color:#6b7280;font-weight:500}.stat-value{margin:.25rem 0 0;font-size:1.5rem;font-weight:700;color:#111827}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.75rem;flex:1;min-width:300px;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s}.search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-box svg{color:#9ca3af}.search-box input{flex:1;border:none;outline:none;font-size:.875rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.filter-group select{padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.giftcards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.giftcard-card{padding:1.5rem;background:#fff;border-radius:1rem;border:1px solid #e5e7eb;transition:all .2s}.giftcard-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#667eea}.giftcard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.giftcard-code{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-weight:700;font-size:1rem;color:#111827}.giftcard-code svg{color:#667eea}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-active{background:#dcfce7;color:#16a34a}.badge-partial{background:#fef3c7;color:#d97706}.badge-used{background:#e5e7eb;color:#6b7280}.badge-expired{background:#fee2e2;color:#dc2626}.giftcard-balance{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1rem}.balance-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.balance-amount{font-size:2rem;font-weight:700;color:#667eea}.balance-progress{width:100%;height:8px;background:#f3f4f6;border-radius:9999px;overflow:hidden;margin-bottom:1rem}.giftcard-recipient{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.recipient-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.recipient-item svg{color:#9ca3af}.giftcard-dates{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.date-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.date-item svg{color:#9ca3af}.giftcard-actions{display:flex;gap:.5rem}.btn-action{flex:1;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-action:hover{background:#667eea;color:#fff;border-color:#667eea}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:1rem;border:2px dashed #e5e7eb}.empty-state svg{color:#9ca3af;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:#111827;font-size:1.5rem}.empty-state p{margin:0 0 1.5rem;color:#6b7280;text-align:center}.btn-create-empty{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-create-empty:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.page-container{max-width:1400px;margin:0 auto;padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-left{display:flex;align-items:center;gap:1rem}.btn-back{padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f9fafb;transform:translate(-2px)}.page-header h1{margin:0;font-size:1.875rem;font-weight:700;color:#111827}.page-header p{margin:.25rem 0 0;color:#6b7280;font-size:.875rem}.create-content{display:grid;grid-template-columns:1fr 450px;gap:2rem;align-items:start}@media(max-width:1024px){.create-content{grid-template-columns:1fr}}.form-section{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:2rem}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-group label svg{color:#667eea}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.preset-amounts{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.preset-btn{padding:.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.preset-btn:hover{border-color:#667eea;background:#f5f7ff}.preset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.checkbox-label{display:flex!important;align-items:center!important;gap:.75rem!important;cursor:pointer;padding:1rem;background:#f9fafb;border-radius:.5rem;transition:all .2s}.checkbox-label:hover{background:#f3f4f6}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label span{font-weight:600;color:#374151}.form-hint{margin:.5rem 0 0;font-size:.875rem;color:#6b7280}.product-fields{padding:1.5rem;background:#f0f9ff;border:2px dashed #0ea5e9;border-radius:.75rem;margin-bottom:1rem}.product-fields .form-group{margin-bottom:1rem}.product-fields .form-group:last-child{margin-bottom:0}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-secondary{flex:1;padding:.875rem 1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-primary{flex:2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.preview-section{position:sticky;top:2rem}.preview-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:#111827}.giftcard-preview{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:2rem;margin-bottom:1rem}.preview-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;padding:2rem;color:#fff;box-shadow:0 10px 30px #667eea4d;min-height:400px;display:flex;flex-direction:column;gap:1rem}.preview-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.preview-title{font-size:1.25rem;font-weight:700;letter-spacing:.1em}.preview-amount{font-size:3rem;font-weight:700;text-align:center;margin:1rem 0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.preview-message{font-size:.875rem;font-style:italic;text-align:center;padding:1rem;background:#ffffff1a;border-radius:.5rem;line-height:1.5}.preview-from,.preview-to{font-size:.875rem;opacity:.9}.preview-code{font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;text-align:center;padding:1rem;background:#fff3;border-radius:.5rem;margin-top:auto;letter-spacing:.1em}.preview-footer{font-size:.75rem;text-align:center;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.preview-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;padding:1rem}.preview-info p{margin:0;font-size:.875rem;color:#0c4a6e;line-height:1.5}.preview-info strong{color:#075985}.template-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:12px}.template-option{display:flex;flex-direction:column;gap:8px;cursor:pointer;border:3px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;position:relative}.template-option:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 12px 24px #667eea4d}.template-option.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e8eeff);box-shadow:0 0 0 3px #667eea33,0 8px 16px #667eea33;transform:translateY(-2px)}.template-option.selected:after{content:"✓";position:absolute;top:8px;left:8px;background:#667eea;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0003;z-index:10}.template-thumbnail{width:100%;height:100px;background-size:cover;background-position:center;position:relative;border-bottom:2px solid rgba(0,0,0,.05)}.default-label{position:absolute;top:6px;right:6px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #fbbf2466}.template-name{padding:10px;font-size:13px;font-weight:600;color:#374151;text-align:center;word-wrap:break-word;line-height:1.3}.template-option.selected .template-name{color:#667eea;font-weight:700}.info-section{margin-bottom:24px}.info-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:24px;display:flex;gap:20px;align-items:flex-start}.info-card h3{margin:0 0 12px;font-size:18px;font-weight:600}.info-card ul{margin:0;padding-left:20px;line-height:1.8}.info-card li{font-size:14px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.template-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;position:relative}.template-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.template-card.default{border:2px solid #fbbf24}.default-badge{position:absolute;top:12px;right:12px;background:#fbbf24;color:#78350f;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;z-index:2;box-shadow:0 2px 4px #0003}.template-preview{width:100%;height:200px;background-size:cover;background-position:center;position:relative;cursor:pointer;overflow:hidden}.preview-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;opacity:0;transition:opacity .3s ease}.template-preview:hover .preview-overlay{opacity:1}.template-info{padding:16px}.template-info h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#1f2937}.template-meta{display:flex;gap:12px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280}.template-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #f3f4f6}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-action:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.btn-action.btn-danger{color:#dc2626}.btn-action.btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.btn-action:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-content.modal-preview{max-width:800px}.modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1f2937}.btn-close{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;font-size:24px;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#e5e7eb;color:#374151}.modal-actions{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.upload-area{margin-top:8px}.upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .3s}.upload-box:hover{border-color:#667eea;background:#f3f4f6}.upload-box svg{color:#9ca3af}.upload-box span{font-weight:500;color:#374151}.upload-box small{font-size:13px;color:#6b7280}.image-preview{position:relative;border-radius:12px;overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.btn-remove-image{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-image:hover{background:#dc2626;transform:scale(1.1)}.preview-full{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.preview-full img{width:100%;height:auto;display:block}.preview-amount{position:absolute;inset:0;display:flex;align-items:center;padding:40px;font-weight:900;text-shadow:2px 2px 8px rgba(0,0,0,.5);pointer-events:none}@media(max-width:768px){.templates-grid{grid-template-columns:1fr}.info-card{flex-direction:column}.form-row{grid-template-columns:1fr}.modal-content{margin:20px}}.gift-card-products-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.back-button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-button:hover{background:#f8fafc;border-color:#cbd5e1}.header-content{display:flex;align-items:center;gap:16px;flex:1}.header-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.header-content h1{margin:0;font-size:28px;font-weight:700;color:#1e293b}.header-content p{margin:4px 0 0;color:#64748b;font-size:14px}.empty-state p{margin:0 0 24px;color:#64748b}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.product-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s}.product-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.product-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;display:flex;justify-content:space-between;align-items:center}.product-icon{background:#fff3;border-radius:8px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff}.product-actions{display:flex;gap:8px}.btn-icon{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#ffffff4d}.btn-icon.btn-danger:hover{background:#ef4444;border-color:#dc2626}.product-content{padding:20px}.product-title{margin:0 0 16px;font-size:20px;font-weight:600;color:#1e293b}.product-details{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.detail-row{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px}.detail-row svg{color:#667eea}.detail-row strong{color:#1e293b}.product-footer{border-top:1px solid #e2e8f0;padding-top:12px}.product-date{font-size:13px;color:#94a3b8}.sold-gift-cards-page{padding:24px;max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid #e2e8f0;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000000d}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon-success{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon-gray{background:linear-gradient(135deg,#94a3b8,#64748b)}.stat-icon-purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.stat-icon-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:4px}.stat-label{font-size:13px;color:#64748b}.filters{display:flex;gap:12px;margin-bottom:24px}.filter-btn{background:#fff;border:1px solid #e2e8f0;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#cbd5e1;background:#f8fafc}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.gift-cards-list{display:flex;flex-direction:column;gap:16px}.gift-card-item{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s}.gift-card-item:hover{box-shadow:0 4px 12px #00000014}.gift-card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.gift-card-code{display:flex;align-items:center;gap:12px;color:#fff}.gift-card-code .code{font-family:Monaco,Courier New,monospace;font-size:20px;font-weight:700;letter-spacing:1px}.badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-active{background:#10b981;color:#fff}.badge-partial{background:#f59e0b;color:#fff}.badge-used{background:#94a3b8;color:#fff}.gift-card-body{padding:20px}.info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:16px}.info-row:last-of-type{margin-bottom:0}.info-item{display:flex;align-items:flex-start;gap:12px}.info-item svg{color:#667eea;flex-shrink:0;margin-top:2px}.info-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value{font-size:15px;color:#1e293b;font-weight:500;word-break:break-word}.info-value.balance{font-size:18px;font-weight:700;color:#10b981}.gift-card-footer{border-top:1px solid #e2e8f0;padding-top:16px;display:flex;flex-wrap:wrap;gap:16px}.footer-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.footer-item svg{color:#94a3b8}.empty-state{background:#fff;border-radius:16px;padding:64px 32px;text-align:center;border:2px dashed #e2e8f0}.empty-state svg{color:#cbd5e1;margin-bottom:16px}.empty-state h2{margin:0 0 8px;font-size:24px;color:#1e293b}.empty-state p{margin:0;color:#64748b}.loading{text-align:center;padding:64px;color:#64748b;font-size:18px}.use-giftcard-page{max-width:900px;margin:0 auto}.search-section{margin:2rem 0}.search-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;padding:3rem;box-shadow:0 10px 40px #667eea4d}.search-header{text-align:center;margin-bottom:2rem}.search-header svg{color:#fff;margin-bottom:1rem}.search-header h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#fff}.search-header p{font-size:1rem;opacity:.9;margin:0}.search-form{max-width:600px;margin:0 auto}.search-form .input-group{display:flex;gap:1rem;margin-bottom:1rem}.search-form input{flex:1;padding:1rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:1.125rem;font-weight:600;text-align:center;letter-spacing:1px;background:#fffffff2;color:#1f2937;transition:all .2s}.search-form input:focus{outline:none;border-color:#fff;background:#fff;box-shadow:0 0 0 4px #fff3}.search-form input::placeholder{color:#9ca3af;font-weight:500}.search-form .btn-primary{padding:1rem 2rem;font-size:1rem;white-space:nowrap;background:#fff;color:#667eea;border:none}.search-form .btn-primary:hover:not(:disabled){background:#f3f4f6;transform:translateY(-1px)}.search-form .btn-primary:disabled{opacity:.7;cursor:not-allowed}.giftcard-info-section{margin:2rem 0;display:flex;flex-direction:column;gap:1.5rem}.status-banner{padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1rem}.status-banner.status-active{background:#dcfce7;color:#16a34a}.status-banner.status-partial{background:#fef3c7;color:#d97706}.status-banner.status-used{background:#fee2e2;color:#dc2626}.status-banner.status-expired{background:#f3f4f6;color:#6b7280}.balance-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 12px #00000014;display:flex;align-items:center;gap:2rem}.balance-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.balance-info{flex:1;display:flex;flex-direction:column}.balance-label{font-size:.875rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.balance-amount{font-size:3rem;font-weight:800;color:#1f2937;line-height:1;margin:.5rem 0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-initial{font-size:.875rem;color:#9ca3af}.balance-progress-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.balance-progress{width:100%;height:12px;background:#f3f4f6;border-radius:999px;overflow:hidden;margin-bottom:.5rem}.balance-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:999px;transition:width .5s ease}.progress-percentage{font-size:.875rem;color:#6b7280;font-weight:600}.giftcard-details{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;align-items:center;gap:.75rem;font-size:.9375rem}.detail-row svg{color:#667eea;flex-shrink:0}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#1f2937;font-weight:600;margin-left:auto}.redeem-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;border:2px solid #e5e7eb}.redeem-card h3{font-size:1.5rem;color:#1f2937;margin:0 0 .5rem}.redeem-description{color:#6b7280;margin:0 0 1.5rem;line-height:1.6}.redeem-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.amount-input-group{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:1.25rem;font-size:1.25rem;font-weight:700;color:#667eea;pointer-events:none}.amount-input-group input{flex:1;padding:1rem 1.5rem 1rem 2.5rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1.25rem;font-weight:700;color:#1f2937;transition:all .2s}.amount-input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.input-help{font-size:.875rem;color:#6b7280}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.btn-quick-amount{padding:.75rem;border:2px solid #e5e7eb;background:#fff;border-radius:10px;font-weight:600;color:#667eea;cursor:pointer;transition:all .2s}.btn-quick-amount:hover:not(:disabled){border-color:#667eea;background:#f5f7ff;transform:translateY(-2px)}.btn-quick-amount:disabled{opacity:.5;cursor:not-allowed}.btn-redeem{padding:1.25rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s}.btn-redeem:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-redeem:disabled{opacity:.6;cursor:not-allowed;transform:none}.info-box{margin-top:1.5rem;padding:1rem 1.25rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;display:flex;gap:1rem;align-items:flex-start}.info-box svg{color:#0284c7;flex-shrink:0;margin-top:2px}.info-box strong{display:block;color:#0c4a6e;margin-bottom:.25rem;font-size:.9375rem}.info-box p{margin:0;color:#0369a1;font-size:.875rem;line-height:1.5}.help-section{margin:3rem 0 2rem;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000d}.help-section h3{font-size:1.5rem;color:#1f2937;margin:0 0 1.5rem;text-align:center}.help-steps{display:grid;gap:1.5rem}.help-step{display:flex;gap:1.25rem;align-items:flex-start}.step-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;flex-shrink:0}.help-step h4{font-size:1.125rem;color:#1f2937;margin:0 0 .25rem}.help-step p{margin:0;color:#6b7280;line-height:1.6;font-size:.9375rem}.alert{padding:1rem 1.25rem;border-radius:10px;display:flex;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:500;margin-bottom:1rem}.alert svg{flex-shrink:0}.alert-success{background:#dcfce7;color:#16a34a;border:1px solid #86efac}.alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.alert-info{background:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.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}@media(max-width:768px){.search-card{padding:2rem 1.5rem}.search-form .input-group{flex-direction:column}.balance-card{flex-direction:column;text-align:center;padding:2rem}.balance-amount{font-size:2.25rem}.quick-amounts{grid-template-columns:repeat(2,1fr)}.detail-row{flex-wrap:wrap}.detail-value{margin-left:0;width:100%;text-align:left}}.gift-code{font-family:Courier New,monospace;font-size:.9rem;color:#667eea;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:24px}.detail-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.detail-card h3{font-size:1.125rem;font-weight:600;margin:0 0 20px;color:#1f2937}.balance-card-detail{grid-column:span 2}@media(max-width:768px){.balance-card-detail{grid-column:span 1}}.balance-info-detail{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.balance-current .balance-label{display:block;font-size:.875rem;color:#6b7280;margin-bottom:4px}.balance-current .balance-amount{font-size:2.5rem;font-weight:700;color:#667eea}.balance-initial-detail{font-size:.875rem;color:#6b7280}.balance-progress-detail{height:12px;background:#f3f4f6;border-radius:6px;overflow:hidden;margin-bottom:16px}.balance-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.balance-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #f3f4f6}.stat-item{text-align:center}.stat-item .stat-label{display:block;font-size:.875rem;color:#6b7280;margin-bottom:4px}.stat-item .stat-value{display:block;font-size:1.25rem;font-weight:600;color:#1f2937}.info-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #f3f4f6}.info-row:last-child{border-bottom:none}.info-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:10px;color:#667eea}.info-content{flex:1;display:flex;flex-direction:column;justify-content:center}.info-label{font-size:.875rem;color:#6b7280;margin-bottom:2px}.info-value{font-size:1rem;color:#1f2937;font-weight:500}.email-display{display:flex;align-items:center;gap:8px}.btn-icon-small{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s}.btn-icon-small:hover{background:#f3f4f6;color:#667eea}.email-edit-form{display:flex;gap:8px;align-items:center}.email-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s}.email-input:focus{outline:none;border-color:#667eea}.email-actions{display:flex;gap:4px}.btn-icon{padding:8px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-cancel{background:#ef4444;color:#fff}.btn-cancel:hover:not(:disabled){background:#dc2626}.email-send-section{margin-top:20px;padding-top:20px;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:8px}.btn-send-email{width:100%;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-send-email:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-send-email:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.sent-info{font-size:.8125rem;color:#6b7280;text-align:center}.transactions-card{grid-column:1 / -1}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;transition:background .2s}.transaction-item:hover{background:#f3f4f6}.transaction-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;flex-shrink:0}.transaction-info{flex:1;display:flex;flex-direction:column;gap:2px}.transaction-type{font-size:.9375rem;font-weight:500;color:#1f2937}.transaction-date{font-size:.8125rem;color:#6b7280}.transaction-amounts{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.transaction-amount{font-size:1.125rem;font-weight:600}.transaction-amount.negative{color:#ef4444}.transaction-amount.positive{color:#10b981}.transaction-balance{font-size:.8125rem;color:#6b7280}.alert{padding:16px;border-radius:8px;margin-bottom:24px;font-size:.9375rem;font-weight:500}.alert-success{background:#d1fae5;color:#065f46}.alert-error{background:#fee2e2;color:#991b1b}.action-section{display:flex;flex-direction:column;gap:16px}.action-info{display:flex;gap:12px;padding:16px;background:#fffbeb;border:1px solid #fef3c7;border-radius:8px}.action-info>svg{flex-shrink:0;margin-top:2px}.action-title{font-size:.9375rem;font-weight:600;color:#92400e;margin:0 0 4px}.action-description{font-size:.875rem;color:#78350f;margin:0;line-height:1.5}.btn-mark-used{width:100%;padding:12px 16px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-mark-used:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-mark-used:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid #f3f4f6}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-body{padding:24px}.modal-body p{margin:0 0 16px;color:#4b5563;line-height:1.6}.modal-body ul{margin:16px 0;padding-left:24px;color:#4b5563}.modal-body li{margin:8px 0;line-height:1.6}.modal-warning{padding:12px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;color:#92400e;font-size:.9375rem}.modal-actions{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.btn-modal-cancel{padding:10px 20px;background:#f3f4f6;color:#4b5563;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-modal-cancel:hover{background:#e5e7eb}.btn-modal-confirm{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-confirm:hover{background:#dc2626}@media(max-width:768px){.detail-grid{grid-template-columns:1fr}.balance-info-detail{flex-direction:column;align-items:flex-start;gap:12px}.balance-stats{grid-template-columns:1fr}.transaction-item{flex-wrap:wrap}.transaction-amounts{width:100%;flex-direction:row;justify-content:space-between;padding-top:8px;border-top:1px solid #e5e7eb;margin-top:8px}}.chart-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.chart-container{display:flex;align-items:flex-end;justify-content:space-between;height:200px;padding:20px 0;gap:4px}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bar-container{width:100%;height:160px;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:100%;max-width:24px;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;min-height:4px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;cursor:pointer}.chart-bar:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8);transform:scaleY(1.05)}.chart-bar-label{font-size:10px;font-weight:600;color:#fff}.chart-bar-date{font-size:11px;color:#6b7280;font-weight:500}.usage-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.table-responsive{overflow-x:auto;margin-top:16px}.usage-table{width:100%;border-collapse:collapse;font-size:14px}.usage-table thead{background:#f9fafb}.usage-table th{text-align:left;padding:12px 16px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.usage-table th svg{display:inline;margin-right:6px;vertical-align:middle}.usage-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;color:#4b5563}.usage-table tbody tr:hover{background:#f9fafb}.email-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-number{font-family:Courier New,monospace;font-weight:600;color:#3b82f6}.discount-cell{color:#dc2626;font-weight:600}.total-cell{font-weight:600;color:#059669}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.status-paid{background:#dcfce7;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-cancelled,.status-refunded{background:#fee2e2;color:#991b1b}.stat-subtitle{font-size:12px;color:#6b7280;margin:4px 0 0}@media(max-width:768px){.chart-container{height:150px;gap:2px}.chart-bar-container{height:120px}.chart-bar{max-width:16px}.chart-bar-label{font-size:9px}.chart-bar-date{font-size:10px}.usage-table{font-size:12px}.usage-table th,.usage-table td{padding:8px 12px}}.spin-wheel-container{min-height:100vh;background:#f8f9fa;padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.header-left h1{margin:0;font-size:28px;color:#2c3e50}.subtitle{margin:5px 0 0;color:#7f8c8d;font-size:14px}.btn-back{background:#f8f9fa;border:none;padding:10px 16px;border-radius:8px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;color:#495057;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.empty-state{background:#fff;padding:60px 40px;border-radius:12px;text-align:center;max-width:600px;margin:40px auto;box-shadow:0 2px 8px #0000000d}.empty-icon{font-size:80px;margin-bottom:20px;animation:bounce 2s infinite}.empty-state h2{margin:0 0 15px;font-size:24px;color:#2c3e50}.empty-state p{margin:0 0 20px;color:#7f8c8d;font-size:16px}.benefits-list{list-style:none;padding:0;margin:20px 0 30px;text-align:left}.benefits-list li{padding:8px 0;color:#495057;font-size:15px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:30px}.quick-action-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;text-align:center}.quick-action-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.action-icon{font-size:40px;margin-bottom:10px}.quick-action-card h3{margin:0 0 5px;font-size:16px;color:#2c3e50}.quick-action-card p{margin:0;font-size:13px;color:#7f8c8d}.wheels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.wheel-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d;transition:all .2s;position:relative}.wheel-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001a}.wheel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.wheel-title{flex:1}.wheel-title h3{margin:0 0 5px;font-size:18px;color:#2c3e50}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee;color:#c33}.wheel-preview{width:100%;height:150px;border-radius:8px;background:conic-gradient(#ff6b6b 0% 20%,#4ecdc4 20% 40%,#45b7d1 40% 60%,#f7b801 60% 80%,#95a5a6 80% 100%);margin-bottom:15px;border:4px solid #f8f9fa}.wheel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.stat{text-align:center;padding:10px;background:#f8f9fa;border-radius:8px}.stat-value{display:block;font-size:20px;font-weight:700;color:#667eea;margin-bottom:2px}.stat-label{display:block;font-size:11px;color:#6c757d;text-transform:uppercase}.wheel-actions{display:flex;gap:8px}.btn-action{flex:1;padding:10px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;font-size:13px}.btn-edit{background:#e7f3ff;color:#1976d2}.btn-edit:hover{background:#2196f3;color:#fff}.btn-preview{background:#f3e5f5;color:#7b1fa2}.btn-preview:hover{background:#9c27b0;color:#fff}.btn-install{background:#e8f5e9;color:#2e7d32}.btn-install:hover{background:#4caf50;color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6c757d}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.wheels-list-modern{max-width:1400px;margin:0 auto;padding:32px}.wheels-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.wheel-card-modern{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f;transition:all .3s;position:relative;overflow:hidden}.wheel-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s}.wheel-card-modern:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.wheel-card-modern:hover:before{opacity:1}.wheel-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.wheel-preview-modern{position:relative}.wheel-mini-modern{width:80px;height:80px;border-radius:50%;box-shadow:0 4px 12px #00000026;position:relative;display:flex;align-items:center;justify-content:center}.wheel-center{width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 8px #0003}.status-badge-modern{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px}.status-badge-modern.active{background:#dcfce7;color:#16a34a}.status-badge-modern.inactive{background:#f3f4f6;color:#6b7280}.wheel-info-modern{margin-bottom:24px}.wheel-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px}.wheel-subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.wheel-stats-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;padding:16px;background:#f9fafb;border-radius:12px}.stat-item-modern{display:flex;align-items:center;gap:10px}.stat-item-modern .stat-icon{color:#667eea;flex-shrink:0}.stat-item-modern div{display:flex;flex-direction:column}.stat-item-modern .stat-value{font-size:18px;font-weight:700;color:#111827;line-height:1.2}.stat-item-modern .stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.wheel-actions-modern{display:flex;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-action-modern{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-action-modern:hover{border-color:#667eea;background:#f0f4ff;color:#667eea;transform:translateY(-2px)}.btn-action-modern.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-action-modern.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media(max-width:768px){.wheels-grid-modern{grid-template-columns:1fr}.wheel-stats-modern{grid-template-columns:1fr;gap:12px}.wheel-actions-modern{flex-direction:column}}.page-header{flex-direction:column;gap:15px;align-items:stretch}.wheels-grid,.quick-actions,.wheel-stats{grid-template-columns:1fr}} .spin-wheel-container{background:linear-gradient(135deg,#f5f7fa,#e8eef5)}.page-header-modern{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;position:sticky;top:0;z-index:100}.header-content-modern{max-width:1400px;margin:0 auto;padding:20px 32px}.header-top-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.btn-back-modern{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#f3f4f6;border:none;border-radius:10px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back-modern:hover{background:#e5e7eb;transform:translate(-2px)}.btn-primary-gradient{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.header-info-section{animation:fadeInUp .4s ease-out}.page-title-gradient{font-size:36px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle-modern{font-size:16px;color:#6b7280;margin:0;font-weight:500}.empty-state-modern{max-width:1000px;margin:60px auto;padding:60px 32px;text-align:center;animation:fadeInUp .6s ease-out}.empty-icon-large{font-size:80px;margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-title{font-size:32px;font-weight:800;color:#1f2937;margin:0 0 12px}.empty-description{font-size:18px;color:#6b7280;margin:0 0 48px;font-weight:500}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:48px}.benefit-card{background:#fff;padding:28px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000f;border:2px solid #f3f4f6;transition:all .3s}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#667eea}.benefit-icon{font-size:40px;display:block;margin-bottom:16px}.benefit-card h3{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 8px}.benefit-card p{font-size:14px;color:#6b7280;margin:0}.quick-actions-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:800px;margin:0 auto}.quick-action-card-modern{background:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 16px #00000014;border:2px solid #f3f4f6;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-align:center}.quick-action-card-modern:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #00000026;border-color:currentColor}.action-icon-modern{width:80px;height:80px;margin:0 auto 20px;border-radius:20px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;transition:all .3s}.quick-action-card-modern:hover .action-icon-modern{transform:scale(1.1) rotate(5deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.spin-config-container{min-height:100vh;background:#f8f9fa;padding-bottom:40px}.config-header{background:#fff;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:15px}.header-left h1{margin:0;font-size:24px;color:#2c3e50}.header-left p{margin:5px 0 0;color:#7f8c8d;font-size:14px}.btn-back{background:#f8f9fa;border:none;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-back:hover{background:#e9ecef;transform:translate(-2px)}.btn-toggle{position:relative;width:140px;height:40px;border-radius:20px;border:2px solid #e0e0e0;background:#f5f5f5;cursor:pointer;transition:all .3s;font-weight:600;padding-left:50px;display:flex;align-items:center}.btn-toggle.active{background:#10b981;border-color:#10b981;color:#fff;padding-left:20px;padding-right:50px;justify-content:flex-start}.toggle-dot{position:absolute;left:4px;width:30px;height:30px;border-radius:50%;background:#fff;transition:all .3s;box-shadow:0 2px 4px #0003}.btn-toggle.active .toggle-dot{left:calc(100% - 34px)}.install-banner{margin:20px 30px;padding:25px 30px;border-radius:12px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-left:4px solid #667eea;box-shadow:0 2px 8px #0000001a}.install-banner .banner-content{display:flex;gap:20px;align-items:flex-start}.install-banner .banner-icon{font-size:36px;flex-shrink:0}.install-banner .banner-text{flex:1}.install-banner .banner-text h3{margin:0 0 10px;font-size:18px;color:#1f2937;font-weight:700}.install-banner .banner-text p{margin:0 0 15px;font-size:14px;color:#374151;line-height:1.5}.script-code-wrapper{background:#0000000d;padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;margin-bottom:15px}.script-code-wrapper code{flex:1;color:#1f2937;word-break:break-all}.btn-copy-inline{background:#667eea;border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;flex-shrink:0;font-size:12px;font-weight:600}.install-steps{background:#ffffff80;padding:15px;border-radius:8px;margin-top:10px}.install-steps p{margin:0 0 10px!important;font-weight:600}.install-steps ol{margin:0;padding-left:20px}.install-steps li{margin-bottom:8px;font-size:13px;color:#374151;line-height:1.6}.install-steps code{background:#0000001a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}.auto-install-banner{margin:20px 30px;padding:20px 30px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.auto-install-banner.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981}.auto-install-banner.info{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-left:4px solid #667eea}.auto-install-banner .banner-content{display:flex;gap:20px;align-items:center}.auto-install-banner .banner-icon{font-size:36px;flex-shrink:0}.auto-install-banner .banner-text h3{margin:0 0 8px;font-size:18px;color:#1f2937;font-weight:700}.auto-install-banner .banner-text p{margin:0;font-size:14px;color:#374151;line-height:1.5}.script-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 30px;margin:20px 30px;border-radius:12px;box-shadow:0 4px 12px #667eea4d}.banner-content{display:flex;gap:20px;align-items:flex-start}.banner-text h3{margin:0 0 8px;font-size:18px}.banner-text p{margin:0 0 15px;opacity:.9;font-size:14px}.script-code-wrapper{background:#0003;padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto}.script-code-wrapper code{flex:1;color:#fff}.btn-copy-inline{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s;flex-shrink:0}.btn-copy-inline:hover{background:#ffffff4d}.tabs{display:flex;gap:8px;padding:0 30px;margin-top:20px;border-bottom:2px solid #e9ecef}.tab{background:transparent;border:none;padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#6c757d;border-bottom:3px solid transparent;transition:all .2s;margin-bottom:-2px}.tab:hover{color:#495057;background:#f8f9fa}.tab.active{color:#667eea;border-bottom-color:#667eea;background:transparent}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2{margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .2s}.form-group.checkbox{display:flex;align-items:center}.form-group.checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer;margin:0;font-weight:500}.form-group.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-hint{display:block;margin-top:6px;font-size:12px;color:#6c757d;font-style:italic}.logo-preview{margin-top:12px;padding:16px;background:#f8f9fa;border-radius:8px;text-align:center}.logo-preview img{max-width:200px;max-height:80px;display:block;margin:0 auto}.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.probability-alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:500}.probability-alert.success{background:#d1fae5;color:#065f46}.probability-alert.warning{background:#fef3c7;color:#92400e}.segments-list{display:flex;flex-direction:column;gap:15px}.segment-card{border:2px solid #e9ecef;border-radius:12px;padding:16px;transition:all .2s}.segment-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.segment-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.segment-number{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.segment-label-input{flex:1;padding:10px 14px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;font-weight:600}.btn-remove{background:#fee;border:1px solid #fcc;color:#c33;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-remove:hover:not(:disabled){background:#fcc}.btn-remove:disabled{opacity:.3;cursor:not-allowed}.segment-fields{padding-left:48px}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.color-input-group input[type=color]{width:50px;height:40px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer}.color-input-group input[type=text]{flex:1;padding:10px 14px;border:2px solid #e9ecef;border-radius:8px;font-family:Courier New,monospace}.style-preview{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-box{background:#e7f3ff;border-left:4px solid #2196f3;padding:16px 20px;border-radius:8px;margin-top:20px}.info-box h4{margin:0 0 12px;color:#1976d2;font-size:15px}.info-box ul{margin:0;padding-left:20px}.info-box li{color:#495057;margin-bottom:6px;font-size:14px}.btn-primary,.btn-secondary,.btn-add{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;font-size:14px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;border:2px solid #e9ecef;color:#495057}.btn-secondary:hover{background:#f8f9fa;border-color:#dee2e6}.btn-analytics{padding:10px 20px;border-radius:8px;border:2px solid #667eea;background:#fff;color:#667eea;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-analytics:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-add{background:#10b981;color:#fff}.btn-add:hover{background:#059669;transform:translateY(-1px)}.preview-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.preview-content{background:#fff;border-radius:16px;padding:40px;max-width:500px;width:90%;position:relative;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.btn-close-preview{position:absolute;top:15px;right:15px;background:#f8f9fa;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s}.btn-close-preview:hover{background:#e9ecef;transform:rotate(90deg)}.preview-placeholder{text-align:center;padding:60px 20px;color:#6c757d}.preview-placeholder h3{margin:0 0 10px;font-size:24px}.preview-placeholder p{margin:0 0 10px;font-size:16px}.preview-placeholder small{opacity:.7}@media(max-width:768px){.config-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{justify-content:space-between}.tabs{overflow-x:auto;flex-wrap:nowrap}.tab{white-space:nowrap}.field-row,.color-grid{grid-template-columns:1fr}.script-banner{margin:20px 15px;padding:15px}.banner-content{flex-direction:column}.tab-content{padding:15px}}.spin-analytics{padding:30px;max-width:1400px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.analytics-header h1{margin:0 0 5px;font-size:32px;color:#2c3e50}.analytics-subtitle{margin:0;color:#7f8c8d;font-size:16px}.btn-back{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s}.btn-back:hover{background:#5a6268;transform:translateY(-2px)}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.metric-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #00000014;transition:all .3s;border:2px solid transparent}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.metric-card.highlight{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.metric-card.success{border-color:#10b981;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.metric-icon{font-size:48px;line-height:1}.metric-info{flex:1}.metric-info h3{margin:0 0 8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.metric-card.highlight h3,.metric-card.success h3{opacity:1}.metric-value{font-size:36px;font-weight:800;margin:0 0 4px;line-height:1;color:#2c3e50}.metric-card.highlight .metric-value,.metric-card.success .metric-value{color:#fff}.metric-label{font-size:13px;opacity:.7;color:#7f8c8d}.metric-card.highlight .metric-label,.metric-card.success .metric-label{color:#ffffffe6}.analytics-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #00000014}.analytics-section h2{margin:0 0 24px;font-size:24px;color:#2c3e50}.prize-distribution{display:flex;flex-direction:column;gap:16px}.prize-bar{display:flex;flex-direction:column;gap:8px}.prize-label{display:flex;justify-content:space-between;font-size:14px}.prize-name{font-weight:600;color:#2c3e50}.prize-count{color:#7f8c8d}.prize-progress{height:32px;background:#f0f2f5;border-radius:8px;overflow:hidden;position:relative}.prize-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .6s ease;border-radius:8px}.timeline-chart{display:flex;align-items:flex-end;gap:12px;height:250px;padding:20px 0}.timeline-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.bar-fill{width:100%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:8px 8px 0 0;min-height:20px;transition:height .6s ease;position:relative}.bar-fill:hover{opacity:.8;cursor:pointer}.bar-label{font-size:12px;color:#7f8c8d;margin-top:auto;white-space:nowrap}.bar-value{font-size:14px;font-weight:700;color:#2c3e50}.recent-spins-table{overflow-x:auto}.recent-spins-table table{width:100%;border-collapse:collapse}.recent-spins-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.recent-spins-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#495057}.recent-spins-table td{padding:14px 16px;border-bottom:1px solid #e9ecef;font-size:14px}.recent-spins-table tbody tr:hover{background:#f8f9fa}.email-cell{color:#667eea;font-weight:500}.prize-cell{font-weight:600;color:#2c3e50}.coupon-cell code{background:#f1f3f5;padding:4px 12px;border-radius:6px;font-family:Courier New,monospace;font-size:13px;color:#495057;font-weight:600}.no-coupon{color:#adb5bd;font-style:italic}.date-cell{color:#6c757d;font-size:13px}.status-cell{text-align:center}.badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#d1fae5;color:#065f46}.badge-pending{background:#fef3c7;color:#92400e}.discount-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.summary-item{display:flex;flex-direction:column;gap:8px;text-align:center}.summary-label{font-size:14px;opacity:.9;font-weight:500}.summary-value{font-size:32px;font-weight:800;line-height:1}@media(max-width:768px){.spin-analytics{padding:20px}.analytics-header{flex-direction:column;align-items:flex-start;gap:20px}.metrics-grid{grid-template-columns:1fr}.timeline-chart{overflow-x:auto;justify-content:flex-start}.timeline-bar{min-width:50px}.recent-spins-table{font-size:12px}.recent-spins-table th,.recent-spins-table td{padding:10px 8px}}.countdown-container{background:linear-gradient(135deg,#f5f7fa,#e8eef5);min-height:100vh}.install-banner-countdown{max-width:1400px;margin:32px auto;padding:0 32px}.install-banner-countdown .banner-content{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-left:4px solid #667eea;border-radius:12px;padding:24px 30px;display:flex;gap:20px;align-items:flex-start}.install-banner-countdown .banner-icon{font-size:32px;flex-shrink:0}.install-banner-countdown .banner-text h3{margin:0 0 8px;font-size:18px;color:#1f2937;font-weight:700}.install-banner-countdown .banner-text p{margin:0 0 12px;color:#374151;font-size:14px}.script-code-wrapper{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 16px;border-radius:8px;margin-top:8px}.script-code-wrapper code{flex:1;font-family:Courier New,monospace;font-size:12px;color:#1f2937;overflow-x:auto;white-space:nowrap}.btn-copy-inline{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#667eea;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-copy-inline:hover{background:#5568d3;transform:translateY(-1px)}.countdowns-list-modern{max-width:1400px;margin:0 auto;padding:32px}.countdowns-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.countdown-card-modern{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f;transition:all .3s;position:relative;overflow:hidden}.countdown-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s}.countdown-card-modern:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.countdown-card-modern:hover:before{opacity:1}.countdown-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.countdown-type-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;color:#fff;font-size:13px;font-weight:700;box-shadow:0 2px 8px #00000026}.status-badge{padding:5px 12px;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.upcoming{background:#e0e7ff;color:#4f46e5}.status-badge.started{background:#fef3c7;color:#d97706}.status-badge.expired{background:#fee2e2;color:#dc2626}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.countdown-info-modern{margin-bottom:20px}.countdown-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px}.countdown-subtitle{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.6}.countdown-dates{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:12px}.date-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.date-item svg{color:#667eea;flex-shrink:0}.countdown-cta{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;font-size:13px}.cta-label{color:#6b7280;font-weight:600}.cta-text{color:#1f2937;font-weight:500}.countdown-actions-modern{display:flex;gap:10px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-toggle-small{position:relative;padding:8px 16px 8px 40px;background:#f3f4f6;border:none;border-radius:20px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s}.btn-toggle-small.active{background:#dcfce7;color:#16a34a}.toggle-dot-small{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 2px 4px #0003}.btn-toggle-small.active .toggle-dot-small{left:calc(100% - 26px);background:#16a34a}.btn-action-modern.btn-danger{background:#fff;border-color:#fee2e2;color:#dc2626}.btn-action-modern.btn-danger:hover{background:#fee2e2;border-color:#dc2626}@media(max-width:768px){.countdowns-grid-modern{grid-template-columns:1fr}.install-banner-countdown .banner-content{flex-direction:column}.script-code-wrapper{flex-direction:column;align-items:stretch}.countdown-actions-modern{flex-wrap:wrap}}.countdown-config-container{background:#f5f7fa;min-height:100vh}.config-header{background:#fff;padding:20px 30px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000a}.header-left{display:flex;align-items:center;gap:16px}.btn-back{padding:10px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.btn-back:hover{background:#e5e7eb;transform:translate(-2px)}.header-left h1{margin:0;font-size:20px;color:#1f2937}.header-left p{margin:4px 0 0;font-size:14px;color:#6b7280}.header-actions{display:flex;gap:12px;align-items:center}.btn-toggle{position:relative;padding:10px 20px 10px 50px;background:#f3f4f6;border:none;border-radius:24px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s}.btn-toggle.active{background:#dcfce7;color:#16a34a}.toggle-dot{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 2px 4px #0003}.btn-toggle.active .toggle-dot{left:calc(100% - 36px);background:#16a34a}.btn-primary{display:flex;align-items:center;gap:8px;padding:11px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:0 30px;gap:8px}.tab{padding:16px 24px;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.tab:hover{color:#667eea;background:#667eea0d}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab-content{padding:30px;max-width:900px;margin:0 auto}.config-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.config-section h2{margin:0 0 25px;font-size:22px;color:#2c3e50}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px;display:flex;align-items:center;gap:6px}.form-group input[type=text],.form-group input[type=url],.form-group input[type=datetime-local]{width:100%;padding:12px 16px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s}.field-hint{display:block;margin-top:6px;font-size:12px;color:#6c757d;line-height:1.4}.type-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px}.type-option{padding:20px;border:2px solid #e5e7eb;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:8px}.type-option:hover{border-color:#667eea;background:#f9fafb}.type-option.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 4px 12px #667eea33}.type-option svg{color:#667eea}.type-option strong{font-size:16px;color:#1f2937}.type-option span{font-size:13px;color:#6b7280}.position-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px}.position-option{padding:16px;border:2px solid #e5e7eb;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:12px}.position-option:hover{border-color:#667eea;background:#f9fafb}.position-preview{width:100%;height:60px;background:#f3f4f6;border-radius:8px;position:relative}.position-preview .bar{position:absolute;left:0;right:0;height:8px;background:linear-gradient(135deg,#667eea,#764ba2)}.position-preview.top .bar{top:0;border-radius:8px 8px 0 0}.position-preview.bottom .bar{bottom:0;border-radius:0 0 8px 8px}.position-option strong{font-size:14px;color:#1f2937}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.color-input-group input[type=color]{width:50px;height:40px;border:1.5px solid #e0e0e0;border-radius:8px;cursor:pointer}.color-input-group input[type=text]{flex:1;padding:10px 14px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:Courier New,monospace}.countdown-preview-wrapper{margin-top:32px;padding-top:32px;border-top:2px solid #e5e7eb}.countdown-preview-wrapper h3{margin:0 0 16px;font-size:18px;color:#1f2937}.countdown-preview{padding:16px 24px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;box-shadow:0 4px 16px #00000026}.preview-message{font-size:16px;font-weight:700}.preview-timer{display:flex;align-items:center;gap:8px;font-weight:700}.timer-unit{display:flex;flex-direction:column;align-items:center;min-width:50px}.timer-value{font-size:24px;line-height:1}.timer-label{font-size:10px;opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.timer-separator{font-size:20px;opacity:.6;margin:0 4px}.preview-button{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026}.preview-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.info-box{margin-top:24px;padding:16px 20px;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px}.info-box h4{margin:0 0 12px;font-size:15px;color:#1f2937}.info-box ul{margin:0;padding-left:20px;color:#374151;font-size:14px;line-height:1.6}.info-box li{margin-bottom:6px}@media(max-width:768px){.type-selector,.position-selector,.color-grid{grid-template-columns:1fr}.countdown-preview{flex-direction:column;padding:20px 16px}.header-actions{flex-wrap:wrap}}.style-config-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8eef5);padding-bottom:60px}.config-tabs{display:flex;gap:12px;padding:0 40px;margin-top:20px;margin-bottom:30px;position:relative;z-index:1}.tab-button{display:flex;align-items:center;gap:8px;padding:14px 28px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.tab-button:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea4d}.config-content{max-width:1200px;margin:0 auto;padding:0 40px}.config-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.section-header h2{margin:0;font-size:24px;color:#1f2937}.toggle-switch{position:relative;display:inline-block;width:56px;height:30px}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:30px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#374151;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.color-input-group{display:flex;gap:10px;align-items:center}.color-input-group input[type=color]{width:60px;height:44px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer}.color-input-group input[type=text]{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-family:Courier New,monospace;font-size:14px}.preview-box{margin-top:30px;padding:24px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px dashed #d1d5db}.preview-box h3{margin:0 0 20px;font-size:16px;color:#6b7280;font-weight:600}.whatsapp-preview{display:flex;justify-content:flex-end;padding:40px;background:#fff;border-radius:8px}.whatsapp-button-preview{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.whatsapp-button-preview:hover{transform:scale(1.1)}.menu-item-config{padding:20px;background:#f9fafb;border-radius:12px;margin-bottom:16px;border:2px solid #e5e7eb;transition:all .2s}.menu-item-config:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.menu-item-config .item-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.menu-item-config .item-position{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:12px;padding:4px 10px;border-radius:6px;min-width:35px;text-align:center}.btn-remove-small{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start;margin-top:24px}.btn-remove-small:hover{background:#dc2626;transform:scale(1.05)}.btn-add{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;margin-top:20px}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.info-box{padding:16px 20px;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:14px;line-height:1.6}.position-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.position-option{padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s}.position-option:hover{border-color:#667eea;transform:translateY(-2px)}.position-option.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.position-option strong{color:#374151;font-size:14px}.button-config-card{padding:20px;background:#f9fafb;border-radius:12px;margin-bottom:16px;border:2px solid #e5e7eb}.button-config-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.button-config-card h4{margin:0;color:#374151;font-size:16px}.button-preview{margin-top:20px;padding:20px;background:#fff;border-radius:8px;display:flex;justify-content:center;border:1px dashed #d1d5db}.button-preview button{cursor:pointer;transition:all .2s}.button-preview button:hover{transform:translateY(-2px) scale(1.05)}@media(max-width:768px){.config-tabs{padding:0 20px;overflow-x:auto}.tab-button{white-space:nowrap}.config-content{padding:0 20px}.config-section{padding:20px}.form-row{grid-template-columns:1fr}.position-selector{grid-template-columns:repeat(2,1fr)}}.integrations-container{max-width:1400px;margin:0 auto;padding:40px 20px}.integrations-loading{text-align:center;padding:100px 20px;font-size:18px;color:#666}.integrations-header{margin-bottom:40px}.integrations-header h1{font-size:36px;margin-bottom:12px;color:#1a1a1a}.integrations-header .subtitle{font-size:16px;color:#666;max-width:800px;line-height:1.6}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:30px;margin-bottom:40px}@media(max-width:768px){.integrations-grid{grid-template-columns:1fr}}.integration-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.integration-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.integration-card.coming-soon{opacity:.7;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.integration-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.integration-logo{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,#667eea,#764ba2)}.perfit-logo{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.mailchimp-logo{background:linear-gradient(135deg,#ffe01b,#ffc01b)}.integration-header>div:nth-child(2){flex:1}.integration-header h2{font-size:24px;margin:0 0 4px;color:#1a1a1a}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.configured{background:#d1fae5;color:#065f46}.status-badge.not-configured{background:#fee2e2;color:#991b1b}.status-badge.coming-soon-badge{background:#dbeafe;color:#1e40af}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.slider:before{transform:translate(24px)}.integration-description{color:#666;line-height:1.6;margin-bottom:24px;font-size:15px}.integration-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#1a1a1a;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:6px;color:#9ca3af;font-size:13px}.integration-actions{display:flex;gap:12px;margin-top:24px}.btn-save,.btn-test{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-test{background:#fff;color:#667eea;border:2px solid #667eea}.btn-test:hover:not(:disabled){background:#f3f4ff}.btn-save:disabled,.btn-test:disabled{opacity:.6;cursor:not-allowed}.integration-benefits{background:#f9fafb;padding:20px;border-radius:12px;margin-top:20px}.integration-benefits h4{margin:0 0 12px;color:#1a1a1a;font-size:16px}.integration-benefits ul{margin:0;padding-left:20px}.integration-benefits li{color:#666;margin-bottom:8px;font-size:14px;line-height:1.5}.coming-soon-info{text-align:center;padding:40px 20px}.coming-soon-info p{color:#666;margin-bottom:20px;font-size:15px}.btn-notify{padding:12px 32px;background:#e5e7eb;color:#9ca3af;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:not-allowed}.integrations-footer{margin-top:60px}.help-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:30px;border-radius:16px;border-left:4px solid #0ea5e9}.help-box h3{margin:0 0 12px;color:#1a1a1a;font-size:20px}.help-box p{margin:0;color:#475569;line-height:1.6;font-size:15px}.help-box a{color:#0ea5e9;text-decoration:none;font-weight:600}.help-box a:hover{text-decoration:underline}.back-btn{background:#fff;border:2px solid #e5e7eb;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .2s}.back-btn:hover{background:#f9fafb;border-color:#d1d5db}.payment-result-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.payment-result-card{background:#fff;border-radius:24px;padding:48px;max-width:600px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .5s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.success-icon-wrapper{margin-bottom:24px;animation:successPulse 1s ease}@keyframes successPulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-icon{color:#10b981}.failure-icon{color:#ef4444}.pending-icon{color:#f59e0b}.result-title{font-size:32px;font-weight:700;color:#111827;margin-bottom:16px}.result-message{font-size:18px;color:#6b7280;margin-bottom:32px;line-height:1.6}.result-message strong{color:#8b5cf6;font-weight:600}.result-details{background:#f9fafb;border-radius:16px;padding:24px;margin-bottom:24px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #E5E7EB}.detail-item:last-child{border-bottom:none}.detail-label{font-size:14px;color:#6b7280;font-weight:500}.detail-value{font-size:16px;color:#111827;font-weight:600}.status-active{color:#10b981}.status-pending{color:#f59e0b}.status-failed{color:#ef4444}.result-info{background:#eef2ff;border:2px solid #C7D2FE;border-radius:12px;padding:20px;margin-bottom:24px}.result-info p{font-size:14px;color:#4338ca;margin-bottom:8px}.result-info p:last-child{margin-bottom:0}.countdown-redirect{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7280;font-size:14px;margin-bottom:24px}.spinner{animation:spin 1s linear infinite}.btn-return{width:100%;padding:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-return:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #8b5cf64d}.btn-retry{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-retry:hover{box-shadow:0 10px 15px -3px #ef44444d}@media(max-width:768px){.payment-result-card{padding:32px 24px}.result-title{font-size:24px}.result-message{font-size:16px}}.admin-panel{min-height:100vh;background:#f3f4f6}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;box-shadow:0 2px 8px #0000001a}.admin-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-header h1{color:#fff;font-size:28px;margin:0}.btn-logout{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-logout:hover{background:#ffffff4d}.admin-stats{max-width:1400px;margin:32px auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:#fff;padding:24px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:transform .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.stat-icon{padding:12px;border-radius:12px}.stat-icon.users{background:#dbeafe;color:#2563eb}.stat-icon.active{background:#d1fae5;color:#10b981}.stat-icon.revenue{background:#fef3c7;color:#f59e0b}.stat-icon.pending{background:#fce7f3;color:#ec4899}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:32px;font-weight:700;color:#111827}.stat-label{font-size:14px;color:#6b7280}.admin-tabs{max-width:1400px;margin:24px auto;padding:0 24px;display:flex;gap:12px;border-bottom:2px solid #E5E7EB}.tab{background:transparent;border:none;padding:12px 24px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:15px;font-weight:500;color:#6b7280;border-bottom:3px solid transparent;transition:all .2s}.tab:hover{color:#111827;background:#f3f4f6}.tab.active{color:#8b5cf6;border-bottom-color:#8b5cf6}.admin-search{max-width:1400px;margin:24px auto;display:flex;align-items:center;gap:12px;background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.admin-search input{flex:1;border:none;outline:none;font-size:15px}.admin-table-container{max-width:1400px;margin:24px auto;padding:0 24px;overflow-x:auto}.admin-table{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.admin-table thead{background:#f9fafb}.admin-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:16px;border-top:1px solid #F3F4F6;font-size:14px;color:#374151}.store-id,.payment-id{font-family:monospace;background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:12px}.plan-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.plan-badge.free{background:#e5e7eb;color:#6b7280}.plan-badge.promopack{background:#fef3c7;color:#f59e0b}.plan-badge.premiumpack{background:#ede9fe;color:#8b5cf6}.plan-badge.unlimited{background:#fce7f3;color:#ec4899}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#d1fae5;color:#10b981}.status-badge.inactive{background:#fee2e2;color:#ef4444}.status-badge.approved{background:#d1fae5;color:#10b981}.status-badge.pending{background:#fef3c7;color:#f59e0b}.status-badge.rejected{background:#fee2e2;color:#ef4444}.modules-list{display:flex;flex-wrap:wrap;gap:4px}.module-tag{background:#dbeafe;color:#2563eb;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500}.actions{display:flex;gap:8px;align-items:center}.plan-select{padding:6px 12px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;cursor:pointer}.btn-deactivate{background:#fee2e2;color:#ef4444;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-deactivate:hover{background:#fee2e2}.amount{font-weight:600;color:#10b981}.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.spinner{width:48px;height:48px;border:4px solid #E5E7EB;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.admin-stats{grid-template-columns:1fr}.admin-header-content{flex-direction:column;gap:16px;text-align:center}.admin-table-container{overflow-x:scroll}}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-secondary: #f093fb;--color-accent: #4facfe;--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-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #e8eef5 100%);--bg-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--bg-gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);color:var(--color-gray-800);background:var(--bg-gradient);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-gray-900)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background:var(--bg-gradient-primary)}.bg-secondary{background:var(--bg-gradient-secondary)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeInUp{animation:fadeInUp .4s ease-out}.animate-fadeInDown{animation:fadeInDown .4s ease-out}.animate-slideInRight{animation:slideInRight .4s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}@media(max-width:640px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}}