:root{--glow-accent: #7C7CFF;--glow-accent-hover: #6969FF;--glow-accent-light: #9E9EFF;--glow-dark: #242424;--glow-light: #ffffff;font-family:Roboto,system-ui,-apple-system,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:var(--glow-accent);text-decoration:inherit}a:hover{color:var(--glow-accent-hover)}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:Roboto,sans-serif;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--glow-accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:var(--gl-bg-input)}a:hover{color:var(--glow-accent-hover)}button{background-color:#f9f9f9}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=date],input[type=datetime-local],textarea,select{color:var(--gl-text-primary);background-color:var(--gl-bg-input)}.login-container input,.register-container input{color:#fff!important;background-color:#ffffff0d!important;-webkit-text-fill-color:#ffffff!important}label{color:var(--gl-text-primary)}.login-container label,.register-container label{color:#ffffffe6!important}:root{--gl-bg-primary: #0a0a0f;--gl-bg-secondary: #1a1a2e;--gl-bg-tertiary: #16213e;--gl-bg-card: rgba(26, 26, 46, .8);--gl-bg-card-solid: #1a1a2e;--gl-bg-input: rgba(255, 255, 255, .05);--gl-bg-hover: rgba(255, 255, 255, .08);--gl-border: rgba(124, 124, 255, .2);--gl-border-hover: rgba(0, 217, 255, .5);--gl-border-input: rgba(124, 124, 255, .3);--gl-text-primary: rgba(255, 255, 255, .95);--gl-text-secondary: rgba(255, 255, 255, .7);--gl-text-muted: rgba(255, 255, 255, .5);--gl-text-accent: #00D9FF;--gl-accent-cyan: #00D9FF;--gl-accent-purple: #7C7CFF;--gl-accent-gradient: linear-gradient(135deg, #00D9FF 0%, #7C7CFF 100%);--gl-accent-purple-gradient: linear-gradient(135deg, #7C7CFF 0%, #6969FF 100%);--gl-shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--gl-shadow-glow: 0 0 20px rgba(0, 217, 255, .15);--gl-shadow-input: 0 2px 8px rgba(0, 0, 0, .2);--gl-radius-sm: 8px;--gl-radius-md: 12px;--gl-radius-lg: 16px;--gl-radius-xl: 20px}.style-config-container,.countdown-config-container,.countdown-container,.coupons-list-container,.create-coupon-container,.spin-wheel-container,.spin-config-container,.spin-analytics,.badge-config-container,.badges-container,.new-badge-config-container,.giftcards-list-container,.gift-cards-main,.gift-card-products-page,.promotions-list-container,.create-promotion-container,.integrations-container,.create-giftcard-container,.page-container,.sold-gift-cards-page,.use-giftcard-page,.coupon-analytics-container,.giftcard-detail-container{background:linear-gradient(135deg,var(--gl-bg-primary) 0%,var(--gl-bg-secondary) 50%,var(--gl-bg-tertiary) 100%)!important;min-height:100vh;color:var(--gl-text-primary)}.config-header,.coupons-header-modern,.create-coupon-header,.page-header,.badge-config-header,.integrations-header,.main-header,.promotions-header,.analytics-header,.giftcards-header-modern{background:#0a0a0fd9!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--gl-border)!important;box-shadow:0 4px 24px #0000004d!important}.config-header h1,.config-header h2,.config-header p,.page-header h1,.page-header h2,.page-header p,.page-header span,.badge-config-header h1,.coupons-header-modern h1,.coupons-header-modern h2,.create-coupon-header h1,.integrations-header h1,.integrations-header h2,.main-header h1,.main-header h2,.promotions-header h1,.analytics-header h1,.analytics-header h2,.giftcards-header-modern h1,.giftcards-header-modern h2,.header-left h1,.header-left h2,.header-left p{color:var(--gl-text-primary)!important}.config-header p,.page-header p,.header-left p,.header-subtitle{color:var(--gl-text-secondary)!important}.btn-back,.btn-back-modern,.back-button{background:#ffffff0d!important;color:var(--gl-text-primary)!important;border:1px solid var(--gl-border)!important;border-radius:var(--gl-radius-sm)!important;transition:all .3s!important}.btn-back:hover,.btn-back-modern:hover,.back-button:hover{background:#ffffff1a!important;border-color:var(--gl-border-hover)!important;color:var(--gl-accent-cyan)!important;transform:translate(-2px)}.btn-save,.btn-save-header,.btn-save-modern,.btn-primary,.btn-create,.btn-install{background:var(--gl-accent-gradient)!important;color:#fff!important;border:none!important;border-radius:var(--gl-radius-md)!important;font-weight:600!important;box-shadow:0 4px 15px #00d9ff4d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.btn-save:hover:not(:disabled),.btn-save-header:hover:not(:disabled),.btn-save-modern:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-create:hover:not(:disabled),.btn-install:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 25px #00d9ff80!important}.btn-save:disabled,.btn-save-header:disabled,.btn-save-modern:disabled{opacity:.5!important;cursor:not-allowed!important}.config-section,.config-content,.form-section,.form-card,.card,.detail-card,.stat-card,.badge-card-modern,.coupon-card,.coupon-card-modern,.countdown-card,.info-card,.wheel-card,.template-card,.giftcard-card,.search-card,.chart-section,.analytics-card,.install-banner-countdown,.install-banner{background:var(--gl-bg-card)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gl-border)!important;border-radius:var(--gl-radius-lg)!important;box-shadow:var(--gl-shadow-card)!important;color:var(--gl-text-primary)!important}.config-section:hover,.card:hover,.badge-card-modern:hover,.coupon-card:hover,.coupon-card-modern:hover,.countdown-card:hover,.wheel-card:hover,.stat-card:hover,.template-card:hover,.giftcard-card:hover{border-color:var(--gl-border-hover)!important;box-shadow:var(--gl-shadow-card),var(--gl-shadow-glow)!important}.section-header{border-bottom:1px solid var(--gl-border)!important}.section-header h2,.section-header h3,.section-title{color:var(--gl-text-primary)!important}input[type=text],input[type=email],input[type=number],input[type=password],input[type=url],input[type=date],input[type=datetime-local],input[type=search],input[type=tel],input[type=color],textarea,select,.form-control{background:var(--gl-bg-input)!important;border:1px solid var(--gl-border-input)!important;color:var(--gl-text-primary)!important;border-radius:var(--gl-radius-sm)!important;transition:all .3s!important}input:focus,textarea:focus,select:focus,.form-control:focus{border-color:var(--gl-accent-cyan)!important;box-shadow:0 0 0 3px #00d9ff26!important;outline:none!important}input::placeholder,textarea::placeholder{color:var(--gl-text-muted)!important}label,.form-label,.field-label,.input-label{color:var(--gl-text-secondary)!important;font-weight:600}.tab-button,.tab-item,.nav-tab{background:#ffffff0d!important;color:var(--gl-text-secondary)!important;border:1px solid var(--gl-border)!important;transition:all .3s!important}.tab-button:hover,.tab-item:hover,.nav-tab:hover{border-color:var(--gl-accent-purple)!important;color:var(--gl-accent-purple)!important;background:#7c7cff1a!important}.tab-button.active,.tab-item.active,.nav-tab.active{background:var(--gl-accent-purple-gradient)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 12px #7c7cff66!important}table{border-collapse:collapse;width:100%}table th{background:#7c7cff1a!important;color:var(--gl-text-primary)!important;border-bottom:1px solid var(--gl-border)!important;font-weight:600}table td{color:var(--gl-text-primary)!important;border-bottom:1px solid rgba(255,255,255,.05)!important}table tr:hover td{background:#ffffff08!important}.toggle-switch input:checked+.slider{background:var(--gl-accent-purple)!important}.slider{background:#ffffff26!important}.slider:before,.toggle-slider:before,.toggle-dot,.toggle-dot-small{background-color:#fff!important;background:#fff!important}.status-badge,.badge,.tag{font-weight:600;border-radius:20px}.empty-state,.no-data,.no-results{color:var(--gl-text-muted)!important}.modal-overlay{background:#000000b3!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content,.modal-body,.modal{background:var(--gl-bg-card-solid)!important;border:1px solid var(--gl-border)!important;border-radius:var(--gl-radius-xl)!important;color:var(--gl-text-primary)!important;box-shadow:0 24px 64px #00000080!important}.modal-content h2,.modal-content h3,.modal h2,.modal h3{color:var(--gl-text-primary)!important}.modal-content p,.modal p{color:var(--gl-text-secondary)!important}.btn-delete,.btn-danger{background:#ef444426!important;color:#f87171!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:var(--gl-radius-sm)!important;transition:all .3s!important}.btn-delete:hover,.btn-danger:hover{background:#ef444440!important;border-color:#ef444499!important}.btn-secondary,.btn-cancel{background:#ffffff0d!important;color:var(--gl-text-primary)!important;border:1px solid var(--gl-border)!important;border-radius:var(--gl-radius-sm)!important;transition:all .3s!important}.btn-secondary:hover,.btn-cancel:hover{background:#ffffff1a!important;border-color:var(--gl-border-hover)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gl-bg-primary)}::-webkit-scrollbar-thumb{background:#7c7cff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7c7cff80}.stat-number,.stat-value,.analytics-number{color:var(--gl-accent-cyan)!important;font-weight:700}.stat-label,.stat-text,.analytics-label{color:var(--gl-text-muted)!important}hr,.divider{border-color:var(--gl-border)!important;opacity:.5}a{color:var(--gl-accent-cyan)}a:hover{color:var(--gl-accent-purple)}.tooltip{background:var(--gl-bg-card-solid)!important;border:1px solid var(--gl-border)!important;color:var(--gl-text-primary)!important}.search-input,.filter-input,.search-box{background:var(--gl-bg-input)!important;border:1px solid var(--gl-border-input)!important;color:var(--gl-text-primary)!important;border-radius:var(--gl-radius-md)!important}input[type=color]{background:transparent!important;border:2px solid var(--gl-border)!important;border-radius:var(--gl-radius-sm)!important;cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--gl-accent-purple)}.page-title,.module-title{background:var(--gl-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.loading-container{background:linear-gradient(135deg,var(--gl-bg-primary) 0%,var(--gl-bg-secondary) 100%)!important}.loading-container p{color:var(--gl-text-secondary)!important}.spinner-large{border-color:#7c7cff33!important;border-top-color:var(--gl-accent-purple)!important}.alert-success,.success-message{background:#10b98126!important;border:1px solid rgba(16,185,129,.3)!important;color:#34d399!important}.alert-error,.error-message{background:#ef444426!important;border:1px solid rgba(239,68,68,.3)!important;color:#f87171!important}.alert-warning,.warning-message{background:#f59e0b26!important;border:1px solid rgba(245,158,11,.3)!important;color:#fbbf24!important}.alert-info,.info-message{background:#00d9ff26!important;border:1px solid rgba(0,217,255,.3)!important;color:var(--gl-accent-cyan)!important}.pagination button,.pagination a{background:var(--gl-bg-input)!important;color:var(--gl-text-primary)!important;border:1px solid var(--gl-border)!important}.pagination button.active,.pagination a.active{background:var(--gl-accent-purple-gradient)!important;border-color:transparent!important;color:#fff!important}.style-config-container .config-content,h1,h2,h3,h4,h5,h6{color:var(--gl-text-primary)}p{color:var(--gl-text-secondary)}select option{background:var(--gl-bg-card-solid);color:var(--gl-text-primary)}.upload-area,.dropzone,.file-upload{background:var(--gl-bg-input)!important;border:2px dashed var(--gl-border)!important;border-radius:var(--gl-radius-lg)!important;color:var(--gl-text-secondary)!important;transition:all .3s!important}.upload-area:hover,.dropzone:hover,.file-upload:hover{border-color:var(--gl-accent-cyan)!important;background:#00d9ff0d!important}*{transition-property:background-color,border-color,color;transition-duration:0s}.login-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);padding:20px;position:fixed;top:0;left:0}.login-card{background:linear-gradient(135deg,#1a1a2ee6,#16213ee6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;max-width:420px;width:100%;box-shadow:0 8px 32px #00d9ff33;border:1px solid rgba(124,124,255,.2)}.logo-section{text-align:center;margin-bottom:32px}.login-logo{height:100px;width:auto;margin-bottom:16px}.tagline{color:#ffffffb3;font-size:15px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.login-container label,.login-card label{color:#fff!important}.login-container .login-form label,.login-card .login-form label{color:#fff!important;opacity:1!important}.login-container .form-group input,.login-card .form-group input{padding:12px 16px;border:1px solid rgba(124,124,255,.3);border-radius:10px;font-size:14px;background:#16213ee6!important;color:#fff!important;transition:all .3s;-webkit-text-fill-color:#ffffff!important;caret-color:#00d9ff!important}.login-container .form-group input::placeholder,.login-card .form-group input::placeholder{color:#ffffff80!important;opacity:1!important;-webkit-text-fill-color:rgba(255,255,255,.5)!important}.login-container .form-group input:focus,.login-card .form-group input:focus{outline:none!important;border-color:#00d9ff!important;box-shadow:0 0 0 3px #00d9ff33,0 0 20px #00d9ff1a!important;background:#16213e!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important}.login-container .form-group input:not(:placeholder-shown),.login-card .form-group input:not(:placeholder-shown){color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:#16213ee6!important}.login-container .form-group input:-webkit-autofill,.login-card .form-group input:-webkit-autofill,.login-container .form-group input:-webkit-autofill:hover,.login-card .form-group input:-webkit-autofill:hover,.login-container .form-group input:-webkit-autofill:focus,.login-card .form-group input:-webkit-autofill:focus,.login-container .form-group input:-webkit-autofill:active,.login-card .form-group input:-webkit-autofill:active{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0 1000px rgba(22,33,62,.95) inset!important;box-shadow:0 0 0 1000px #16213ef2 inset!important;border:1px solid rgba(124,124,255,.3)!important;transition:background-color 5000s ease-in-out 0s;caret-color:#00d9ff!important}.info-message{padding:12px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:12px;color:#00d9ff;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:#ffffff0d;border:1px solid rgba(124,124,255,.2);border-radius:12px;font-size:14px;color:#ffffffe6}.feature-item svg{color:#00d9ff;flex-shrink:0}.btn-install{width:100%;padding:14px;background:linear-gradient(135deg,#00d9ff,#7c7cff);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 20px #00d9ff66,0 0 30px #7c7cff33;text-transform:none;letter-spacing:.3px}.btn-install:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 35px #00d9ff99,0 0 50px #7c7cff66;background:linear-gradient(135deg,#00e5ff,#8989ff)}.btn-install:disabled{opacity:.7;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;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:#ffffff0d;border-radius:12px}.trial-info p{margin:0;color:var(--gl-text-primary);font-size:14px}.login-footer{text-align:center;margin-top:24px}.login-footer p{margin:0;font-size:13px;color:#fff9}.login-footer a{color:#00d9ff;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,#7c7cff,#6969ff);padding:20px;position:fixed;top:0;left:0}.register-box{background:linear-gradient(135deg,#1a1a2ee6,#16213ee6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;max-width:480px;width:100%;box-shadow:0 8px 32px #00d9ff33;border:1px solid rgba(124,124,255,.2)}.register-header{text-align:center;margin-bottom:32px}.register-header .logo-icon{width:100px;height:100px;background:linear-gradient(135deg,#00d9ff,#7c7cff);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;box-shadow:0 4px 20px #00d9ff66}.register-header h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px}.register-header p{color:#ffffffb3;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:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.register-container label,.register-box label{color:#fff!important}.register-container .register-form label,.register-box .register-form label{color:#fff!important;opacity:1!important}.form-group label svg{color:#7c7cff!important}.register-container .form-group input,.register-box .form-group input{padding:12px 16px;border:1px solid rgba(124,124,255,.3);border-radius:12px;font-size:15px;background:#16213ee6!important;color:#fff!important;transition:all .3s;-webkit-text-fill-color:#ffffff!important;caret-color:#00d9ff}.register-container .form-group input::placeholder,.register-box .form-group input::placeholder{color:#ffffff80!important;opacity:1!important;-webkit-text-fill-color:rgba(255,255,255,.5)!important}.register-container .form-group input:focus,.register-box .form-group input:focus{outline:none;border-color:#7c7cff;box-shadow:0 0 0 3px #7c7cff33;background:#16213e!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important}.register-container .form-group input:not(:placeholder-shown),.register-box .form-group input:not(:placeholder-shown){color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:#16213ee6!important}.register-container .form-group input:-webkit-autofill,.register-box .form-group input:-webkit-autofill,.register-container .form-group input:-webkit-autofill:hover,.register-box .form-group input:-webkit-autofill:hover,.register-container .form-group input:-webkit-autofill:focus,.register-box .form-group input:-webkit-autofill:focus,.register-container .form-group input:-webkit-autofill:active,.register-box .form-group input:-webkit-autofill:active{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0 1000px rgba(22,33,62,.95) inset!important;box-shadow:0 0 0 1000px #16213ef2 inset!important;border:1px solid rgba(124,124,255,.3)!important;transition:background-color 5000s ease-in-out 0s;caret-color:#00d9ff!important}.error-message{padding:12px 16px;background:#ef44441a;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,#7c7cff,#6969ff);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 var(--gl-border);border-top-color:#7c7cff;border-radius:50%;animation:spin .8s linear infinite}.register-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--gl-border)}.register-footer p{margin:0;font-size:14px;color:#ffffffb3}.register-footer a{color:#00d9ff;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,#7c7cff,#6969ff)}.callback-card{background:var(--gl-bg-card);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 var(--gl-border);border-top-color:#7c7cff;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:var(--gl-text-primary);margin:0 0 12px}.callback-card p{color:var(--gl-text-secondary);font-size:16px;margin:0 0 24px}.btn-retry{padding:12px 32px;background:#7c7cff;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:var(--gl-bg-card);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:#ffffff0d;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gl-text-secondary);transition:all .2s}.modal-close:hover{background:#ffffff1a;transform:scale(1.1)}.modal-header{text-align:center;margin-bottom:40px}.header-icon{color:#7c7cff;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:var(--gl-text-primary);margin-bottom:8px}.modal-header p{font-size:16px;color:var(--gl-text-secondary)}.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 var(--gl-border);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 #0006}.plan-card.current{background:#ffffff0d;border-color:var(--gl-text-muted)}.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,#FFFFFF 0%,var(--gl-border) 100%)}.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,#7c7cff,#6969ff);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:var(--gl-text-primary);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:var(--gl-text-primary)}.price-period{font-size:16px;color:var(--gl-text-secondary)}.price-discount{display:flex;align-items:center;gap:8px;margin-bottom:16px}.original-price{font-size:14px;color:var(--gl-text-muted);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:var(--gl-text-primary);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 var(--gl-border)}.modal-footer p{font-size:14px;color:var(--gl-text-secondary)}@media(max-width:768px){.upgrade-modal{padding:24px}.plans-grid{grid-template-columns:1fr}.modal-header h2{font-size:24px}}.upgrade-modal.simple{max-width:600px;padding:48px 40px}.plan-single{text-align:center}.plan-price-large{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px 0;color:var(--gl-text-primary)}.plan-price-large .currency{font-size:20px;font-weight:600;color:var(--gl-text-secondary);align-self:flex-start;margin-top:8px}.plan-price-large .amount{font-size:56px;font-weight:800;line-height:1}.plan-price-large .period{font-size:18px;color:var(--gl-text-secondary);align-self:flex-end;margin-bottom:12px}.plan-trial{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:24px;font-size:14px;font-weight:600;margin-bottom:32px}.plan-features-large{list-style:none;padding:0;margin:0 0 32px;text-align:left}.plan-features-large li{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:#ffffff0d;border-radius:8px;font-size:15px;color:var(--gl-text-primary)}.plan-features-large li svg{color:#10b981;flex-shrink:0}.subscription-alert{display:flex;align-items:start;gap:12px;padding:16px;border-radius:12px;margin-bottom:24px;text-align:left}.subscription-alert strong{display:block;font-size:15px;font-weight:600;margin-bottom:4px}.subscription-alert p{margin:0;font-size:13px;opacity:.9}.subscription-alert.demo{background:linear-gradient(135deg,#9333ea1a,#4f46e51a);border:1px solid rgba(147,51,234,.3);color:#7c3aed}.subscription-alert.suspended{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.3);color:#dc2626}.subscription-alert.active{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.3);color:#059669}.btn-manage-subscription{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#7c7cff,#6969ff);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #7c7cff4d}.btn-manage-subscription:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c7cff66;background:linear-gradient(135deg,#6969ff,#5858ff)}.subscription-note{margin-top:16px;font-size:13px;color:var(--gl-text-secondary);text-align:center}.subscription-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;margin-bottom:24px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.subscription-banner .banner-content{display:flex;flex-direction:column;gap:4px}.subscription-banner .banner-content strong{font-size:15px;font-weight:600}.subscription-banner .banner-content span{font-size:13px;opacity:.9}.subscription-banner.demo{background:linear-gradient(135deg,var(--gl-accent-purple),var(--gl-accent-cyan));color:#fff;border:2px solid rgba(255,255,255,.2)}.subscription-banner.active{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.subscription-banner.suspended{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.subscription-banner.free{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.admin-panel-modern{width:100%;max-width:1200px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.admin-auth-card{background:linear-gradient(135deg,var(--gl-accent-purple),var(--gl-accent-cyan));padding:60px 50px;border-radius:24px;box-shadow:0 20px 60px #667eea66;text-align:center;max-width:450px;width:100%;animation:scaleIn .3s ease-out}.auth-icon-wrapper{width:100px;height:100px;margin:0 auto 24px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-auth-card h1{margin:0 0 8px;font-size:32px;font-weight:800;color:#fff;letter-spacing:-.5px}.auth-subtitle{margin:0 0 32px;font-size:16px;color:#fffc;font-weight:500}.admin-auth-form{display:flex;flex-direction:column;gap:20px}.form-group-modern{position:relative;text-align:left}.form-group-modern label{display:block;margin-bottom:8px;font-weight:600;color:var(--gl-text-primary);font-size:14px}.form-group-modern .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff9;pointer-events:none}.form-group-modern input{width:100%;padding:16px 16px 16px 48px;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:15px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;transition:all .3s;-webkit-text-fill-color:white!important}.form-group-modern input::placeholder{color:#ffffff80}.form-group-modern input:focus{outline:none;border-color:#fff;background:#ffffff40;box-shadow:0 0 0 4px #ffffff1a}.btn-auth{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:var(--gl-bg-card);color:#667eea;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #0006}.btn-auth:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.btn-auth:active{transform:translateY(0)}.auth-hint{margin-top:24px;padding:12px 16px;background:#ffffff1a;border-radius:8px;font-size:13px;color:#ffffffb3}.alert-message{padding:14px 18px;border-radius:10px;font-size:14px;font-weight:600;animation:slideDown .3s ease-out}.alert-message.success{background:#10b98133;color:#d1fae5;border:2px solid rgba(16,185,129,.4)}.alert-message.error{background:#ef444433;color:#ef44444d;border:2px solid rgba(239,68,68,.4)}.admin-panel-modern.authenticated{display:block;padding:40px}.admin-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid rgba(255,255,255,.1)}.shield-badge{width:56px;height:56px;background:linear-gradient(135deg,var(--gl-accent-purple),var(--gl-accent-cyan));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #667eea66}.admin-header-modern h1{margin:0;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.admin-header-modern p{margin:4px 0 0;font-size:14px;color:#fff9}.btn-logout-modern{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ef444426;border:2px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-logout-modern:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-1px)}.global-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-weight:600;animation:slideDown .3s ease-out}.global-alert.success{background:linear-gradient(135deg,#10b98133,#05966933);border:2px solid rgba(16,185,129,.4);color:#6ee7b7}.global-alert.error{background:linear-gradient(135deg,#ef444433,#dc262633);border:2px solid rgba(239,68,68,.4);color:#fca5a5}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.admin-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:28px;border:2px solid rgba(255,255,255,.1);transition:all .3s}.admin-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 12px 32px #0003}.admin-card.primary{border-color:#667eea4d}.admin-card.primary:hover{border-color:#667eea80;box-shadow:0 12px 32px #667eea4d}.admin-card.danger{border-color:#ef44444d}.admin-card.danger:hover{border-color:#ef444480;box-shadow:0 12px 32px #ef44444d}.admin-card.recent{grid-column:1 / -1;border-color:#9333ea4d}.admin-card.info{grid-column:1 / -1;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-color:#3b82f64d}.card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.card-icon.activate{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.card-icon.deactivate{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d}.card-icon.recent{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #8b5cf64d}.card-header h2{margin:0;font-size:20px;font-weight:700;color:#fff}.card-header p{margin:2px 0 0;font-size:13px;color:#ffffff80}.card-form{display:flex;flex-direction:column;gap:20px}.authenticated .form-group-modern input{background:#ffffff14;border:2px solid rgba(255,255,255,.15);color:#fff!important;padding:14px 16px;-webkit-text-fill-color:white!important}.authenticated .form-group-modern input:focus{background:#ffffff1f;border-color:#667eea99;box-shadow:0 0 0 4px #667eea1a}.authenticated .form-group-modern label{color:#ffffffe6}.input-modern{width:100%}.authenticated .form-group-modern small{color:#ffffff80;font-size:12px;margin-top:6px;display:block}.day-presets{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.preset-btn{padding:8px 16px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.preset-btn:hover{background:#ffffff26;color:#fff}.preset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-activate,.btn-deactivate{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:8px}.btn-activate{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 6px 20px #10b98166}.btn-activate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #10b98180}.btn-deactivate{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 6px 20px #ef444466}.btn-deactivate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #ef444480}.btn-activate:disabled,.btn-deactivate:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.recent-action{font-weight:600;color:#fff;font-size:14px}.recent-details{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9}.recent-details strong{color:#ffffffe6}.recent-time{font-size:12px;color:#fff6;font-weight:500}.info-content{display:flex;gap:16px;align-items:start;color:#93c5fd}.info-content strong{display:block;margin-bottom:6px;font-size:15px;color:#fff}.info-content p{margin:0;font-size:14px;line-height:1.6;color:#ffffffb3}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.admin-panel-modern.authenticated{padding:20px}.admin-auth-card{padding:40px 30px}}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e)}.dashboard-header{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(124,124,255,.2)}.header-content{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.header-content .store-name{color:#ffffffe6;font-size:15px;font-weight:600}.header-left{display:flex;align-items:center;gap:16px;flex:1}.app-logo{height:80px;width:auto}.header-center{flex:1;display:flex;align-items:center;justify-content:center}.brand{display:flex;align-items:center;gap:12px}.brand-left{display:flex;flex-direction:column;gap:4px}.brand-name{font-size:16px;font-weight:700;color:#fffffff2}.app-title{font-size:28px;font-weight:800;color:#fffffff2;letter-spacing:.5px}.store-location{font-size:13px;color:#ffffffbf;margin-top:4px}.header-info{display:flex;align-items:center;gap:12px}.store-name{font-size:15px;color:#ffffffe6;font-weight:600}.plan-badge-inline{display:inline-flex;align-items:center;padding:4px 12px;background:linear-gradient(135deg,#00d9ff26,#7c7cff26);border:1px solid rgba(0,217,255,.3);border-radius:20px;font-size:11px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-badge-inline:hover{background:linear-gradient(135deg,#00d9ff40,#7c7cff40);border-color:#00d9ff99;transform:scale(1.05);box-shadow:0 0 15px #00d9ff4d}.header-right{display:flex;align-items:center;gap:12px}.header-right .plan-badge{background:#7c7cff;color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;border:none;transition:all .15s}.header-right .plan-badge:hover{background:#6969ff}.btn-logout{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(124,124,255,.3);border-radius:8px;color:#fffc;font-weight:500;cursor:pointer;transition:all .3s;font-size:14px}.btn-logout:hover{background:#ffffff1a;border-color:#00d9ff80;color:#00d9ff}.btn-integrations{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(124,124,255,.3);border-radius:8px;color:#fffc;font-weight:500;cursor:pointer;transition:all .3s;font-size:14px}.btn-integrations:hover{background:#ffffff1a;border-color:#00d9ff80;color:#00d9ff}.dashboard-main{max-width:1200px;margin:0 auto;padding:32px 24px}.modules-header{margin-bottom:28px}.modules-header h2{font-size:24px;font-weight:600;background:linear-gradient(135deg,#00d9ff,#7c7cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;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:#7c7cff}.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-fill,minmax(300px,1fr));gap:20px;margin-bottom:32px}.feature-card-modern{position:relative;background:linear-gradient(135deg,#1a1a2ecc,#16213ecc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;border:1px solid rgba(124,124,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:24px;box-shadow:0 8px 32px #00d9ff1a}.feature-card-modern.featured{grid-column:span 2;background:linear-gradient(135deg,#7c7cff26,#00d9ff26);border:2px solid rgba(0,217,255,.4);box-shadow:0 12px 48px #00d9ff40,0 0 30px #7c7cff33;transform:scale(1.02)}.feature-card-modern.featured:hover:not(.disabled){border-color:#00d9ffb3;box-shadow:0 16px 64px #00d9ff59,0 0 50px #7c7cff4d;transform:scale(1.05) translateY(-8px)}.feature-card-modern.featured .feature-title-modern{font-size:22px;background:linear-gradient(135deg,#00d9ff,#7c7cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card-modern.featured .feature-description-modern{font-size:16px;color:#ffffffe6;font-weight:500}.feature-card-modern:hover:not(.disabled){border-color:#00d9ff80;box-shadow:0 12px 48px #00d9ff33,0 0 20px #7c7cff4d;transform:translateY(-4px)}.feature-card-modern.disabled{opacity:.5;cursor:not-allowed}.feature-card-gradient{position:absolute;top:0;left:0;right:0;height:8px;opacity:.9}.feature-card-content{display:flex;flex-direction:column;gap:16px}.feature-icon-large{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d9ff,#7c7cff);color:#fff;box-shadow:0 4px 20px #00d9ff66}.feature-title-modern{font-size:18px;font-weight:600;color:#fff;margin:0}.feature-description-modern{font-size:14px;color:#ffffffb3;margin:0;line-height:1.6}.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:#7c7cff;line-height:1}.feature-stat-label{font-size:14px;color:#9ca3af;font-weight:600}.btn-feature-modern{width:100%;padding:12px 18px;background:linear-gradient(135deg,#00d9ff,#7c7cff);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:4px;box-shadow:0 4px 15px #00d9ff4d}.btn-feature-modern:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00d9ff80}.trial-banner-modern{background:linear-gradient(135deg,#7c7cff,#6969ff);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 #7C7CFF;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}.feature-card-modern.featured{grid-column:span 2}}@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}.feature-card-modern.featured{grid-column:span 1}.btn-logout span{display:none}.header-left{gap:12px}.app-title{font-size:20px}.app-title{font-size:22px}.header-left,.header-center{flex:1}.header-right{flex:1;display:flex;justify-content:flex-end;gap:8px}}.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}.featured-badge{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;padding:8px 16px;font-size:12px;font-weight:800;animation:pulse-glow 2s infinite;box-shadow:0 4px 15px #ffd70080}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #ffd70080;transform:scale(1)}50%{box-shadow:0 6px 25px #ffd700cc;transform:scale(1.05)}}.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,#7c7cff,#6969ff);color:#fff}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.feature-card-modern.locked{opacity:.6}.locked-overlay{position:absolute;inset:0;background:#fffffff7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:5;border-radius:12px}.locked-overlay svg{color:#a3a3a3}.locked-overlay span{font-size:13px;font-weight:500;color:#737373}.feature-card-modern.locked .btn-feature-modern{background:#fafafa;color:#a3a3a3;border-color:#f0f0f0;cursor:not-allowed}.plan-badge{background:linear-gradient(135deg,#7c7cff,#6969ff);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}.plan-badge-inline.demo{background:linear-gradient(135deg,#9333ea33,#4f46e533);border-color:#9333ea80;color:#a78bfa}.plan-badge-inline.demo:hover{background:linear-gradient(135deg,#9333ea4d,#4f46e54d);border-color:#9333eacc}.btn-admin-access{display:flex;align-items:center;justify-content:center;padding:8px;background:#9333ea26;border:1px solid rgba(147,51,234,.3);border-radius:8px;color:#a78bfa;cursor:pointer;transition:all .3s}.btn-admin-access:hover{background:#9333ea40;border-color:#9333ea99;transform:scale(1.05)}.admin-panel-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow-y:auto;animation:fadeIn .2s ease-out}.close-admin-panel{position:fixed;top:20px;right:20px;padding:12px 24px;background:#ef4444e6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;z-index:10000}.close-admin-panel:hover{background:#dc2626;transform:scale(1.05)}.create-coupon-container{min-height:100vh;background:var(--gl-bg-primary);padding-bottom:40px}.create-coupon-header{background:var(--gl-bg-card);padding:20px 32px;border-bottom:1px solid var(--gl-border);display:flex;align-items:center;gap:20px}.btn-back{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--gl-bg-card);border:1px solid var(--gl-border);border-radius:8px;color:var(--gl-text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.btn-back:hover{background:var(--gl-bg-primary);border-color:var(--gl-border)}.create-coupon-header h1{font-size:24px;font-weight:700;color:var(--gl-text-primary);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:var(--gl-bg-card);border:2px solid var(--gl-border);border-radius:12px;color:var(--gl-text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:var(--gl-border)}.mode-btn.active{border-color:#7c7cff;background:linear-gradient(135deg,#7c7cff,#6969ff);color:#fff}.coupon-form{background:var(--gl-bg-card);border-radius:16px;padding:32px;border:1px solid var(--gl-border)}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--gl-text-primary);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 var(--gl-border);border-radius:8px;font-size:15px;transition:all .2s;color:var(--gl-text-primary);background-color:var(--gl-bg-input)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#7c7cff;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:6px;font-size:13px;color:var(--gl-text-secondary)}.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:var(--gl-bg-primary);border:2px solid var(--gl-border);border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;color:var(--gl-text-primary)}.radio-label:hover{border-color:var(--gl-border)}.radio-label input[type=radio]{margin:0}.radio-label input[type=radio]:checked+svg,.radio-label:has(input[type=radio]:checked){border-color:#7c7cff;background:#eef2ff;color:#7c7cff}.error-message{padding:12px 16px;background:#ef44441a;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px}.success-message{padding:12px 16px;background:#10b9811a;border:1px solid #9ae6b4;border-radius:8px;color:#6ee7b7;font-size:14px;margin-bottom:20px}.btn-submit{width:100%;padding:16px;background:linear-gradient(135deg,#7c7cff,#6969ff);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:#f59e0b26;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:var(--gl-bg-card);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:var(--gl-bg-card);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:var(--gl-text-primary)}.coupon-code-modal{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#7c7cff;background:#6366f11a;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:var(--gl-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-close:hover{background:var(--gl-border);color:var(--gl-text-primary);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:var(--gl-bg-card);border:2px solid #f1f5f9;border-radius:16px;transition:all .2s}.stat-card:hover{border-color:var(--gl-border);box-shadow:0 4px 12px #0000004d}.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:var(--gl-text-secondary);margin:0 0 4px;font-weight:500}.stat-value{font-size:24px;font-weight:700;color:var(--gl-text-primary);margin:0}.usage-history{margin-top:32px}.usage-history h3{font-size:20px;font-weight:700;color:var(--gl-text-primary);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:var(--gl-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--gl-border)}.usage-table td{padding:16px;border-bottom:1px solid #f1f5f9;color:var(--gl-text-secondary);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:#f59e0b26}.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:#f59e0b26;color:#92400e;border-radius:4px;font-size:12px;font-weight:600}.badge-error{display:inline-flex;align-items:center;padding:4px 8px;background:#ef444426;color:#991b1b;border-radius:4px;font-size:12px;font-weight:600;cursor:help}.table-cell-date{display:flex;align-items:center;gap:8px;color:var(--gl-text-secondary)}.table-cell-date svg{color:#94a3b8}.order-link{color:#7c7cff;text-decoration:none;font-weight:600;transition:color .2s}.order-link:hover{color:#6969ff;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:var(--gl-text-primary)}.table-cell-discount{color:#16a34a;font-weight:700}.empty-state-modal{text-align:center;padding:60px 20px;color:var(--gl-text-secondary)}.empty-state-modal svg{margin-bottom:16px}.empty-state-modal p{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--gl-text-secondary)}.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:#7c7cff;border-radius:50%;animation:spin .8s linear infinite}.loading-state p{color:var(--gl-text-secondary);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:var(--gl-bg-primary);padding-bottom:60px}.coupons-header-modern{background:var(--gl-bg-card);border-bottom:1px solid var(--gl-border);box-shadow:0 2px 8px #0000004d;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:10px}.btn-secondary-modern{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gl-bg-card);border:2px solid var(--gl-border);border-radius:10px;color:var(--gl-text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary-modern:hover:not(:disabled){background:#ffffff0d;border-color:var(--gl-text-muted);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,#7c7cff,#6969ff);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}.header-info-modern{animation:fadeInUp .4s ease-out}.page-title-modern{font-size:32px;font-weight:800;color:var(--gl-text-primary);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:var(--gl-text-muted)}.search-input-modern{width:100%;padding:14px 48px;border:2px solid var(--gl-border);border-radius:12px;font-size:15px;background:var(--gl-bg-card);transition:all .2s;color:var(--gl-text-primary)}.search-input-modern:focus{outline:none;border-color:#7c7cff;box-shadow:0 0 0 3px #667eea1a}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:50%;color:var(--gl-text-secondary);cursor:pointer;transition:all .2s}.clear-search:hover{background:#ffffff1a;color:var(--gl-text-primary)}.filters-bar-modern{display:flex;gap:12px;flex-wrap:wrap}.filter-select-modern{padding:12px 16px;border:2px solid var(--gl-border);border-radius:10px;background:var(--gl-bg-card);font-size:14px;font-weight:600;color:var(--gl-text-primary);cursor:pointer;transition:all .2s;min-width:180px}.filter-select-modern:hover{border-color:var(--gl-text-muted);background:#ffffff0d}.filter-select-modern:focus{outline:none;border-color:#7c7cff;box-shadow:0 0 0 3px #667eea1a}.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:var(--gl-bg-card);border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000004d;border:2px solid var(--gl-border);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,#7c7cff,#6969ff);opacity:0;transition:opacity .3s}.coupon-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0006;border-color:#7c7cff}.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:#7c7cff;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:#ffffff0d;color:var(--gl-text-secondary)}.badge-expired{background:#ef444426;color:#991b1b}.coupon-value{font-size:36px;font-weight:900;color:var(--gl-text-primary);margin:16px 0;line-height:1}.coupon-description{font-size:14px;color:var(--gl-text-secondary);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:#f59e0b26;color:#92400e}.smart-badge.email{background:#dbeafe;color:#93c5fd}.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 var(--gl-border);margin-top:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:var(--gl-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:800;color:var(--gl-text-primary)}.coupon-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--gl-border)}.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,#7c7cff,#6969ff);color:#fff}.btn-action.primary:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.btn-action.secondary{background:#ffffff0d;color:var(--gl-text-primary)}.btn-action.secondary:hover{background:#ffffff1a}.btn-action.danger{background:#ef444426;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:var(--gl-text-muted);margin-bottom:20px}.empty-state h3{font-size:24px;font-weight:700;color:var(--gl-text-primary);margin:0 0 8px}.empty-state p{font-size:16px;color:var(--gl-text-secondary);margin:0 0 24px}.btn-create-empty{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#7c7cff,#6969ff);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 var(--gl-border);border-top:4px solid #7C7CFF;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}}.gift-cards-main{min-height:100vh;background:#f8fafc}.main-header{background:var(--gl-bg-card);padding:24px 32px;border-bottom:1px solid var(--gl-border);display:flex;justify-content:space-between;align-items:center}.main-header h1{margin:0;font-size:28px;font-weight:700;color:var(--gl-text-primary)}.btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--gl-bg-card);border:1px solid var(--gl-border);border-radius:8px;color:var(--gl-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--gl-text-secondary)}.btn-create-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#7c7cff;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-create-primary:hover{background:#6b6bef;transform:translateY(-1px);box-shadow:0 4px 12px #7c7cff4d}.simple-nav{background:var(--gl-bg-card);border-bottom:1px solid var(--gl-border);padding:0 32px;display:flex;gap:8px}.nav-tab{display:flex;align-items:center;gap:8px;padding:16px 20px;background:none;border:none;border-bottom:3px solid transparent;color:var(--gl-text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.nav-tab:hover{color:var(--gl-text-secondary);background:#f8fafc}.nav-tab.active{color:#7c7cff;border-bottom-color:#7c7cff;font-weight:600}.main-content{padding:32px}.empty-state-clean{background:var(--gl-bg-card);border-radius:16px;padding:80px 40px;text-align:center;box-shadow:0 1px 3px #0000004d}.empty-state-clean h3{margin:16px 0 8px;font-size:20px;font-weight:600;color:var(--gl-text-primary)}.empty-state-clean p{margin:0 0 24px;color:var(--gl-text-secondary);font-size:15px}.btn-create-empty{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#7c7cff;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-create-empty:hover{background:#6b6bef;transform:translateY(-1px);box-shadow:0 4px 12px #7c7cff4d}.products-table,.coupons-table{background:var(--gl-bg-card);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000004d}.products-table table,.coupons-table table{width:100%;border-collapse:collapse}.products-table thead,.coupons-table thead{background:#f8fafc}.products-table th,.coupons-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:var(--gl-text-secondary);text-transform:uppercase;letter-spacing:.5px}.products-table td,.coupons-table td{padding:16px 20px;border-top:1px solid #f1f5f9;font-size:14px;color:var(--gl-text-secondary)}.products-table tbody tr:hover,.coupons-table tbody tr:hover{background:#f8fafc}.product-name{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--gl-text-primary)}.text-bold{font-weight:600;color:var(--gl-text-primary)}.btn-link{background:none;border:none;color:#7c7cff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-link:hover{color:#6b6bef;text-decoration:underline}.coupon-code{display:inline-block;padding:6px 12px;background:#f1f5f9;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:600;color:var(--gl-text-secondary)}.badge-active{display:inline-block;padding:4px 12px;background:#d1fae5;color:#065f46;border-radius:12px;font-size:12px;font-weight:600}.badge-used{display:inline-block;padding:4px 12px;background:var(--gl-border);color:var(--gl-text-secondary);border-radius:12px;font-size:12px;font-weight:600}.badge-inactive{display:inline-block;padding:4px 12px;background:#f59e0b26;color:#92400e;border-radius:12px;font-size:12px;font-weight:600}.templates-grid-clean{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.template-card-clean{background:var(--gl-bg-card);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000004d;transition:all .2s}.template-card-clean:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.template-preview-clean{width:100%;height:160px;background-size:cover;background-position:center;position:relative}.badge-default-clean{position:absolute;top:12px;left:12px;padding:6px 12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #fbbf2466}.template-info-clean{padding:16px}.template-info-clean h4{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--gl-text-primary)}.category-tag{display:inline-block;padding:4px 10px;background:#f1f5f9;color:var(--gl-text-secondary);border-radius:6px;font-size:12px;font-weight:500}.loading{text-align:center;padding:60px 20px;color:var(--gl-text-secondary);font-size:15px}@media(max-width:768px){.main-header{flex-direction:column;gap:16px;align-items:stretch}.simple-nav{padding:0 16px;overflow-x:auto}.main-content{padding:16px}.products-table,.coupons-table{overflow-x:auto}.templates-grid-clean{grid-template-columns:1fr}}.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:var(--gl-bg-card);border:1px solid var(--gl-border);border-radius:.5rem;cursor:pointer;transition:all .2s}.btn-back:hover{background:#ffffff0d;transform:translate(-2px)}.page-header h1{margin:0;font-size:1.875rem;font-weight:700;color:var(--gl-text-primary)}.page-header p{margin:.25rem 0 0;color:var(--gl-text-secondary);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:var(--gl-bg-card);border-radius:1rem;border:1px solid var(--gl-border);padding:2rem}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem}.alert-error{background:#ef444426;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:var(--gl-text-primary);margin-bottom:.5rem;font-size:.875rem}.form-group label svg{color:#7c7cff}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--gl-border);border-radius:.5rem;font-size:.875rem;transition:all .2s;color:var(--gl-text-primary);background-color:var(--gl-bg-input)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#7c7cff;box-shadow:0 0 0 3px #667eea1a;color:var(--gl-text-primary)}.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:var(--gl-bg-card);border:2px solid var(--gl-border);border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.preset-btn:hover{border-color:#7c7cff;background:#f5f7ff}.preset-btn.active{background:linear-gradient(135deg,#7c7cff,#6969ff);color:#fff;border-color:#7c7cff}.checkbox-label{display:flex!important;align-items:center!important;gap:.75rem!important;cursor:pointer;padding:1rem;background:#ffffff0d;border-radius:.5rem;transition:all .2s}.checkbox-label:hover{background:#ffffff0d}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label span{font-weight:600;color:var(--gl-text-primary)}.form-hint{margin:.5rem 0 0;font-size:.875rem;color:var(--gl-text-secondary)}.product-fields{padding:1.5rem;background:#3b82f61a;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 var(--gl-border)}.btn-secondary{flex:1;padding:.875rem 1.5rem;background:var(--gl-bg-card);border:1px solid var(--gl-border);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:var(--gl-text-muted)}.btn-primary{flex:2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#7c7cff,#6969ff);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:var(--gl-text-primary)}.giftcard-preview{background:var(--gl-bg-card);border-radius:1rem;border:1px solid var(--gl-border);padding:2rem;margin-bottom:1rem}.preview-card{background:linear-gradient(135deg,#7c7cff,#6969ff);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:#3b82f61a;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 var(--gl-border);border-radius:12px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--gl-bg-card);position:relative}.template-option:hover{border-color:#7c7cff;transform:translateY(-4px);box-shadow:0 12px 24px #667eea4d}.template-option.selected{border-color:#7c7cff;background:linear-gradient(135deg,#6366f11a,#6366f126);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:#7c7cff;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,.3)}.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:var(--gl-text-primary);text-align:center;word-wrap:break-word;line-height:1.3}.template-option.selected .template-name{color:#7c7cff;font-weight:700}.template-selector-simple{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.template-card-simple{border:2px solid var(--gl-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;background:var(--gl-bg-card)}.template-card-simple:hover{border-color:#7c7cff;transform:translateY(-2px);box-shadow:0 4px 12px #7c7cff26}.template-card-simple.selected{border-color:#7c7cff;border-width:3px;box-shadow:0 4px 16px #7c7cff33}.template-image{width:100%;height:140px;background-size:cover;background-position:center;position:relative}.badge-default{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #fbbf2466}.badge-selected{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #10b98166}.template-info{padding:16px;display:flex;flex-direction:column;gap:8px}.template-info strong{font-size:15px;color:var(--gl-text-primary)}.category-badge{display:inline-block;background:#ffffff0d;color:var(--gl-text-secondary);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.templates-grid-simple{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.template-card-item{background:var(--gl-bg-card);border:1px solid var(--gl-border);border-radius:12px;overflow:hidden;transition:all .2s}.template-card-item:hover{box-shadow:0 4px 16px #0006;transform:translateY(-2px)}.template-preview{width:100%;height:180px;background-size:cover;background-position:center;position:relative}.badge-star{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #fbbf2466}.template-details{padding:16px}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.template-header h4{margin:0;font-size:16px;font-weight:700;color:var(--gl-text-primary)}.category-pill{background:#e0f2fe;color:#0369a1;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.template-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--gl-border)}.btn-action{flex:1;padding:10px;background:var(--gl-bg-card);border:1px solid var(--gl-border);border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--gl-text-secondary)}.btn-action:hover{background:#ffffff0d;border-color:#7c7cff;color:#7c7cff}.btn-action.btn-danger:hover{background:#ef444426;border-color:#ef4444;color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--gl-bg-card);border-radius:16px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.info-section{margin-bottom:24px}.info-card{background:linear-gradient(135deg,#7c7cff,#6969ff);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:var(--gl-bg-card);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0006;transition:all .3s ease;position:relative}.template-card:hover{box-shadow:0 4px 16px #0006;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:var(--gl-text-primary)}.template-meta{display:flex;gap:12px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--gl-text-secondary)}.template-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--gl-border)}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#ffffff0d;border:1px solid var(--gl-border);border-radius:8px;color:var(--gl-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-action:hover:not(:disabled){background:#ffffff0d;border-color:var(--gl-text-muted)}.btn-action.btn-danger{color:#dc2626}.btn-action.btn-danger:hover:not(:disabled){background:#ef444426;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:var(--gl-bg-card);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0006}.modal-content.modal-preview{max-width:800px}.modal-header{padding:24px;border-bottom:1px solid var(--gl-border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--gl-text-primary)}.btn-close{width:32px;height:32px;border:none;background:#ffffff0d;border-radius:8px;font-size:24px;color:var(--gl-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#ffffff1a;color:var(--gl-text-primary)}.modal-actions{padding:16px 24px;border-top:1px solid var(--gl-border);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 var(--gl-border);border-radius:12px;background:#ffffff0d;cursor:pointer;transition:all .3s}.upload-box:hover{border-color:#7c7cff;background:#ffffff0d}.upload-box svg{color:var(--gl-text-muted)}.upload-box span{font-weight:500;color:var(--gl-text-primary)}.upload-box small{font-size:13px;color:var(--gl-text-secondary)}.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 #0006}.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}}.category-pill-gold{background:linear-gradient(135deg,#f59e0b26,#f59e0b40);color:#92400e;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.gift-code{font-family:Courier New,monospace;font-size:.9rem;color:#7c7cff;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:24px}.detail-card{background:var(--gl-bg-card);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0006}.detail-card h3{font-size:1.125rem;font-weight:600;margin:0 0 20px;color:var(--gl-text-primary)}.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:var(--gl-text-secondary);margin-bottom:4px}.balance-current .balance-amount{font-size:2.5rem;font-weight:700;color:#7c7cff}.balance-initial-detail{font-size:.875rem;color:var(--gl-text-secondary)}.balance-progress-detail{height:12px;background:#ffffff0d;border-radius:6px;overflow:hidden;margin-bottom:16px}.balance-progress-fill{height:100%;background:linear-gradient(90deg,#7c7cff,#6969ff);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 var(--gl-border)}.stat-item{text-align:center}.stat-item .stat-label{display:block;font-size:.875rem;color:var(--gl-text-secondary);margin-bottom:4px}.stat-item .stat-value{display:block;font-size:1.25rem;font-weight:600;color:var(--gl-text-primary)}.info-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--gl-border)}.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:#ffffff0d;border-radius:10px;color:#7c7cff}.info-content{flex:1;display:flex;flex-direction:column;justify-content:center}.info-label{font-size:.875rem;color:var(--gl-text-secondary);margin-bottom:2px}.info-value{font-size:1rem;color:var(--gl-text-primary);font-weight:500}.email-display{display:flex;align-items:center;gap:8px}.btn-icon-small{background:none;border:none;padding:4px;cursor:pointer;color:var(--gl-text-secondary);border-radius:4px;transition:all .2s}.btn-icon-small:hover{background:#ffffff0d;color:#7c7cff}.email-edit-form{display:flex;gap:8px;align-items:center}.email-input{flex:1;padding:8px 12px;border:1px solid var(--gl-border);border-radius:6px;font-size:.875rem;transition:border-color .2s}.email-input:focus{outline:none;border-color:#7c7cff}.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 var(--gl-border);display:flex;flex-direction:column;gap:8px}.btn-send-email{width:100%;padding:12px 16px;background:linear-gradient(135deg,#7c7cff,#6969ff);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:var(--gl-text-secondary);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:#ffffff0d;border-radius:8px;transition:background .2s}.transaction-item:hover{background:#ffffff0d}.transaction-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gl-bg-card);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:var(--gl-text-primary)}.transaction-date{font-size:.8125rem;color:var(--gl-text-secondary)}.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:var(--gl-text-secondary)}.alert{padding:16px;border-radius:8px;margin-bottom:24px;font-size:.9375rem;font-weight:500}.alert-success{background:#d1fae5;color:#065f46}.alert-error{background:#ef444426;color:#991b1b}.action-section{display:flex;flex-direction:column;gap:16px}.action-info{display:flex;gap:12px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);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:var(--gl-bg-card);border-radius:12px;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--gl-border)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--gl-text-primary)}.modal-body{padding:24px}.modal-body p{margin:0 0 16px;color:var(--gl-text-primary);line-height:1.6}.modal-body ul{margin:16px 0;padding-left:24px;color:var(--gl-text-primary)}.modal-body li{margin:8px 0;line-height:1.6}.modal-warning{padding:12px;background:#f59e0b26;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:#ffffff0d;color:var(--gl-text-primary);border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-modal-cancel:hover{background:#ffffff1a}.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 var(--gl-border);margin-top:8px}}.chart-section{background:var(--gl-bg-card);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0006}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:18px;font-weight:600;color:var(--gl-text-primary);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:var(--gl-text-secondary);font-weight:500}.usage-section{background:var(--gl-bg-card);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0006}.table-responsive{overflow-x:auto;margin-top:16px}.usage-table{width:100%;border-collapse:collapse;font-size:14px}.usage-table thead{background:#ffffff0d}.usage-table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--gl-text-primary);border-bottom:2px solid var(--gl-border);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 var(--gl-border);color:var(--gl-text-primary)}.usage-table tbody tr:hover{background:#ffffff0d}.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:#f59e0b26;color:#92400e}.status-cancelled,.status-refunded{background:#ef444426;color:#991b1b}.stat-subtitle{font-size:12px;color:var(--gl-text-secondary);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:var(--gl-bg-primary);padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:var(--gl-bg-card);border-radius:12px;box-shadow:0 2px 8px #0000004d}.header-left h1{margin:0;font-size:28px;color:var(--gl-text-primary)}.subtitle{margin:5px 0 0;color:#7f8c8d;font-size:14px}.btn-back{background:var(--gl-bg-primary);border:none;padding:10px 16px;border-radius:8px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;color:var(--gl-text-primary);transition:all .2s}.btn-primary{background:linear-gradient(135deg,#7c7cff,#6969ff);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:var(--gl-bg-card);padding:60px 40px;border-radius:12px;text-align:center;max-width:600px;margin:40px auto;box-shadow:0 2px 8px #0000004d}.empty-icon{font-size:80px;margin-bottom:20px;animation:bounce 2s infinite}.empty-state h2{margin:0 0 15px;font-size:24px;color:var(--gl-text-primary)}.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:var(--gl-text-primary);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:var(--gl-bg-card);border:2px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;text-align:center}.quick-action-card:hover{border-color:#7c7cff;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:var(--gl-text-primary)}.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:var(--gl-bg-card);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000004d;transition:all .2s;position:relative}.wheel-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0006}.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:var(--gl-text-primary)}.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:#ef44441a;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:var(--gl-bg-primary);border-radius:8px}.stat-value{display:block;font-size:20px;font-weight:700;color:#7c7cff;margin-bottom:2px}.stat-label{display:block;font-size:11px;color:var(--gl-text-secondary);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:var(--gl-text-secondary)}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #7C7CFF;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:var(--gl-bg-card);border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000004d;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,#7c7cff,#6969ff);opacity:0;transition:opacity .3s}.wheel-card-modern:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0006}.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 #0006;position:relative;display:flex;align-items:center;justify-content:center}.wheel-center{width:32px;height:32px;background:var(--gl-bg-card);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:#ffffff0d;color:var(--gl-text-secondary)}.wheel-info-modern{margin-bottom:24px}.wheel-title{font-size:20px;font-weight:700;color:var(--gl-text-primary);margin:0 0 8px}.wheel-subtitle{font-size:14px;color:var(--gl-text-secondary);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:#ffffff0d;border-radius:12px}.stat-item-modern{display:flex;align-items:center;gap:10px}.stat-item-modern .stat-icon{color:#7c7cff;flex-shrink:0}.stat-item-modern div{display:flex;flex-direction:column}.stat-item-modern .stat-value{font-size:18px;font-weight:700;color:var(--gl-text-primary);line-height:1.2}.stat-item-modern .stat-label{font-size:12px;color:var(--gl-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.wheel-actions-modern{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--gl-border)}.btn-action-modern{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:var(--gl-bg-card);border:1.5px solid var(--gl-border);border-radius:10px;color:var(--gl-text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-action-modern:hover{border-color:#7c7cff;background:#6366f11a;color:#7c7cff;transform:translateY(-2px)}.btn-action-modern.btn-primary{background:linear-gradient(135deg,#7c7cff,#6969ff);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:var(--gl-bg-primary)}.page-header-modern{background:var(--gl-bg-card);border-bottom:1px solid var(--gl-border);box-shadow:0 2px 8px #0000004d;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:#ffffff0d;border:none;border-radius:10px;color:var(--gl-text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back-modern:hover{background:#ffffff1a;transform:translate(-2px)}.btn-primary-gradient{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#7c7cff,#6969ff);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,#7c7cff,#6969ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle-modern{font-size:16px;color:var(--gl-text-secondary);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:var(--gl-text-primary);margin:0 0 12px}.empty-description{font-size:18px;color:var(--gl-text-secondary);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:var(--gl-bg-card);padding:28px 24px;border-radius:16px;box-shadow:0 2px 8px #0000004d;border:2px solid var(--gl-border);transition:all .3s}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0006;border-color:#7c7cff}.benefit-icon{font-size:40px;display:block;margin-bottom:16px}.benefit-card h3{font-size:18px;font-weight:700;color:var(--gl-text-primary);margin:0 0 8px}.benefit-card p{font-size:14px;color:var(--gl-text-secondary);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:var(--gl-bg-card);padding:32px;border-radius:20px;box-shadow:0 4px 16px #0000004d;border:2px solid var(--gl-border);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 #0006;border-color:currentColor}.action-icon-modern{width:80px;height:80px;margin:0 auto 20px;border-radius:20px;background:linear-gradient(135deg,var(--gl-border) 0%,var(--gl-border) 100%);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:var(--gl-bg-primary);padding-bottom:40px}.config-header{background:var(--gl-bg-card);padding:20px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000004d;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:var(--gl-text-primary)}.header-left p{margin:5px 0 0;color:#7f8c8d;font-size:14px}.btn-back{background:var(--gl-bg-primary);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:var(--gl-bg-card);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 #7C7CFF;box-shadow:0 2px 8px #0006}.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:var(--gl-text-primary);font-weight:700}.install-banner .banner-text p{margin:0 0 15px;font-size:14px;color:var(--gl-text-primary);line-height:1.5}.script-code-wrapper{background:#0000004d;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:var(--gl-text-primary);word-break:break-all}.btn-copy-inline{background:#7c7cff;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:var(--gl-text-primary);line-height:1.6}.install-steps code{background:#0006;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 #0006}.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 #7C7CFF}.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:var(--gl-text-primary);font-weight:700}.auto-install-banner .banner-text p{margin:0;font-size:14px;color:var(--gl-text-primary);line-height:1.5}.script-banner{background:linear-gradient(135deg,#7c7cff,#6969ff);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:var(--gl-text-secondary);border-bottom:3px solid transparent;transition:all .2s;margin-bottom:-2px}.tab:hover{color:var(--gl-text-primary);background:var(--gl-bg-primary)}.tab.active{color:#7c7cff;border-bottom-color:#7c7cff;background:transparent}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2{margin:0}.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;background-color:var(--gl-bg-input);color:var(--gl-text-primary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:#7c7cff;box-shadow:0 0 0 3px #667eea1a}.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:var(--gl-text-secondary);font-style:italic}.logo-preview{margin-top:12px;padding:16px;background:var(--gl-bg-primary);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:#7c7cff;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:#f59e0b26;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:#7c7cff;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:#ef44441a;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;background-color:var(--gl-bg-input);color:var(--gl-text-primary)}.style-preview{animation:fadeIn .3s}.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:var(--gl-text-primary);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,#7c7cff,#6969ff);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:var(--gl-bg-card);border:2px solid #e9ecef;color:var(--gl-text-primary)}.btn-secondary:hover{background:var(--gl-bg-primary);border-color:#dee2e6}.btn-analytics{padding:10px 20px;border-radius:8px;border:2px solid #7C7CFF;background:var(--gl-bg-card);color:#7c7cff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-analytics:hover{background:#7c7cff;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:var(--gl-bg-card);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}}@keyframes pnFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pnSlideUp{0%{transform:translateY(60px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.btn-close-preview{position:absolute;top:15px;right:15px;background:var(--gl-bg-primary);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:var(--gl-text-secondary)}.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}.integration-card{background:var(--gl-bg-card);border:1px solid var(--gl-border);border-radius:12px;padding:24px;margin-bottom:20px}.integration-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.integration-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006}.integration-header h3{margin:0;font-size:20px;color:var(--gl-text-primary)}.integration-header p{margin:4px 0 0;color:var(--gl-text-secondary);font-size:14px}.tags-info,.custom-fields-info{background:#ffffff0d;padding:16px;border-radius:8px;margin-top:20px}.tags-info strong,.custom-fields-info strong{display:block;margin-bottom:12px;color:var(--gl-text-primary);font-size:14px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:linear-gradient(135deg,#7c7cff,#6969ff);color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.custom-fields-info ul{margin:0;padding-left:20px}.custom-fields-info li{margin-bottom:8px;color:var(--gl-text-primary);font-size:14px}.custom-fields-info code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#ef4444}.link-button{background:none;border:none;color:#7c7cff;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.link-button:hover{color:#6969ff}.info-box{background:#3b82f61a;border:1px solid #0ea5e9;border-radius:8px;padding:16px;margin-top:24px}.info-box strong{color:#0284c7;display:block;margin-bottom:8px}.info-box ol{margin:8px 0 0 20px;color:#0369a1}.info-box li{margin-bottom:6px;line-height:1.5}.section-description{color:var(--gl-text-secondary);font-size:15px;margin-bottom:24px;line-height:1.6}@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:var(--gl-text-primary)}.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 #7C7CFF;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:var(--gl-bg-card);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #0000004d;transition:all .3s;border:2px solid transparent}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0006}.metric-card.highlight{border-color:#7c7cff;background:linear-gradient(135deg,#7c7cff,#6969ff);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:var(--gl-text-primary)}.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:var(--gl-bg-card);border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000004d}.analytics-section h2{margin:0 0 24px;font-size:24px;color:var(--gl-text-primary)}.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:var(--gl-text-primary)}.prize-count{color:#7f8c8d}.prize-progress{height:32px;background:#ffffff0d;border-radius:8px;overflow:hidden;position:relative}.prize-fill{height:100%;background:linear-gradient(90deg,#7c7cff,#6969ff);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,#7c7cff,#6969ff);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:var(--gl-text-primary)}.recent-spins-table{overflow-x:auto}.recent-spins-table table{width:100%;border-collapse:collapse}.recent-spins-table thead{background:var(--gl-bg-primary);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:var(--gl-text-primary)}.recent-spins-table td{padding:14px 16px;border-bottom:1px solid #e9ecef;font-size:14px}.recent-spins-table tbody tr:hover{background:var(--gl-bg-primary)}.email-cell{color:#7c7cff;font-weight:500}.prize-cell{font-weight:600;color:var(--gl-text-primary)}.coupon-cell code{background:#f1f3f5;padding:4px 12px;border-radius:6px;font-family:Courier New,monospace;font-size:13px;color:var(--gl-text-primary);font-weight:600}.no-coupon{color:#adb5bd;font-style:italic}.date-cell{color:var(--gl-text-secondary);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:#f59e0b26;color:#92400e}.discount-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px;background:linear-gradient(135deg,#7c7cff,#6969ff);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}.top-coupons-list{display:flex;flex-direction:column;gap:12px}.top-coupon-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gl-bg-primary);border-radius:12px;border:2px solid #e9ecef;transition:all .3s}.top-coupon-item:hover{border-color:#7c7cff;background:#f1f3ff;transform:translate(4px)}.coupon-rank{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c7cff,#6969ff);color:#fff;border-radius:50%;font-weight:800;font-size:16px;flex-shrink:0}.coupon-details{flex:1;display:flex;flex-direction:column;gap:4px}.coupon-code{background:var(--gl-bg-card);padding:4px 12px;border-radius:6px;font-family:Courier New,monospace;font-size:14px;color:#7c7cff;font-weight:700;display:inline-block;align-self:flex-start}.coupon-email{font-size:13px;color:var(--gl-text-secondary)}.coupon-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.coupon-total{font-size:20px;font-weight:700;color:#10b981}.coupon-discount{font-size:14px;color:#ef4444;font-weight:600}@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}.top-coupon-item{flex-wrap:wrap}.coupon-stats{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}.countdown-container{background:var(--gl-bg-primary);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 #7C7CFF;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:var(--gl-text-primary);font-weight:700}.install-banner-countdown .banner-text p{margin:0 0 12px;color:var(--gl-text-primary);font-size:14px}.script-code-wrapper{display:flex;align-items:center;gap:12px;background:var(--gl-bg-card);padding:12px 16px;border-radius:8px;margin-top:8px}.script-code-wrapper code{flex:1;font-family:Courier New,monospace;font-size:12px;color:var(--gl-text-primary);overflow-x:auto;white-space:nowrap}.btn-copy-inline{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#7c7cff;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:var(--gl-bg-card);border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000004d;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,#7c7cff,#6969ff);opacity:0;transition:opacity .3s}.countdown-card-modern:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0006}.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 #0006}.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:#f59e0b26;color:#d97706}.status-badge.expired{background:#ef444426;color:#dc2626}.status-badge.inactive{background:#ffffff0d;color:var(--gl-text-secondary)}.countdown-info-modern{margin-bottom:20px}.countdown-title{font-size:20px;font-weight:700;color:var(--gl-text-primary);margin:0 0 8px}.countdown-subtitle{font-size:14px;color:var(--gl-text-secondary);margin:0 0 16px;line-height:1.6}.countdown-dates{display:flex;flex-direction:column;gap:8px;padding:12px;background:#ffffff0d;border-radius:8px;margin-bottom:12px}.date-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gl-text-primary)}.date-item svg{color:#7c7cff;flex-shrink:0}.countdown-cta{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:6px;font-size:13px}.cta-label{color:var(--gl-text-secondary);font-weight:600}.cta-text{color:var(--gl-text-primary);font-weight:500}.countdown-actions-modern{display:flex;gap:10px;padding-top:16px;border-top:1px solid var(--gl-border)}.btn-toggle-small{position:relative;padding:8px 16px 8px 40px;background:#ffffff0d;border:none;border-radius:20px;font-size:13px;font-weight:600;color:var(--gl-text-secondary);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:var(--gl-bg-card);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:var(--gl-bg-card);border-color:#ef44444d;color:#ef4444}.btn-action-modern.btn-danger:hover{background:#ef444426;border-color:#ef4444}@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:var(--gl-bg-primary);min-height:100vh}.config-header{background:var(--gl-bg-card);padding:20px 30px;border-bottom:1px solid var(--gl-border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d}.btn-back{padding:10px;background:#ffffff0d;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.btn-back:hover{background:#ffffff1a;transform:translate(-2px)}.header-left h1{margin:0;font-size:20px;color:var(--gl-text-primary)}.header-left p{margin:4px 0 0;font-size:14px;color:var(--gl-text-secondary)}.btn-toggle{position:relative;padding:10px 20px 10px 50px;background:#ffffff0d;border:none;border-radius:24px;font-size:14px;font-weight:600;color:var(--gl-text-secondary);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:var(--gl-bg-card);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,#7c7cff,#6969ff);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:var(--gl-bg-card);border-bottom:1px solid var(--gl-border);display:flex;padding:0 30px;gap:8px}.tab{padding:16px 24px;background:none;border:none;border-bottom:3px solid transparent;color:var(--gl-text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.tab:hover{color:#7c7cff;background:#667eea0d}.tab.active{color:#7c7cff;border-bottom-color:#7c7cff}.tab-content{padding:30px;max-width:900px;margin:0 auto}.config-section{background:var(--gl-bg-card);padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000004d}.config-section h2{margin:0 0 25px;font-size:22px;color:var(--gl-text-primary)}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--gl-text-primary);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;color:var(--gl-text-primary);background-color:var(--gl-bg-input)}.field-hint{display:block;margin-top:6px;font-size:12px;color:var(--gl-text-secondary);line-height:1.4}.type-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px}.type-option{padding:20px;border:2px solid var(--gl-border);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:#7c7cff;background:#ffffff0d}.type-option.selected{border-color:#7c7cff;background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 4px 12px #667eea33}.type-option svg{color:#7c7cff}.type-option strong{font-size:16px;color:var(--gl-text-primary)}.type-option span{font-size:13px;color:var(--gl-text-secondary)}.position-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px}.position-option{padding:16px;border:2px solid var(--gl-border);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:#7c7cff;background:#ffffff0d}.position-option.selected{border-color:#7c7cff;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.position-preview{width:100%;height:60px;background:#ffffff0d;border-radius:8px;position:relative}.position-preview .bar{position:absolute;left:0;right:0;height:8px;background:linear-gradient(135deg,#7c7cff,#6969ff)}.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:var(--gl-text-primary)}.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;color:var(--gl-text-primary);background-color:var(--gl-bg-input)}.countdown-preview-wrapper{margin-top:32px;padding-top:32px;border-top:2px solid var(--gl-border)}.countdown-preview-wrapper h3{margin:0 0 16px;font-size:18px;color:var(--gl-text-primary)}.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 #0006}.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 #0006}.preview-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.info-box{margin-top:24px;padding:16px 20px;background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:8px}.info-box h4{margin:0 0 12px;font-size:15px;color:var(--gl-text-primary)}.info-box ul{margin:0;padding-left:20px;color:var(--gl-text-primary);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}}.new-badge-config-container{max-width:1200px;margin:0 auto;padding:24px}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--gl-border)}.header-left{display:flex;align-items:center;gap:16px}.btn-back{background:#6366f1!important;border:none!important;width:44px!important;height:44px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s!important;color:#fff!important;box-shadow:0 2px 8px #6366f14d!important}.btn-back:hover{background:#4f46e5!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #6366f166!important}.header-left h1{margin:0!important;font-size:28px!important;font-weight:700!important;color:var(--gl-text-primary)!important;letter-spacing:-.5px!important}.header-left p{margin:6px 0 0!important;color:var(--gl-text-secondary)!important;font-size:15px!important;font-weight:400!important}.header-actions{display:flex;gap:12px;align-items:center}.btn-toggle{position:relative!important;width:130px!important;height:44px!important;border-radius:22px!important;border:2px solid var(--gl-border)!important;background:#ffffff0d!important;cursor:pointer!important;font-weight:700!important;font-size:14px!important;transition:all .3s!important;padding-left:48px!important;text-align:left!important;color:var(--gl-text-secondary)!important;box-shadow:inset 0 1px 3px #0006!important}.btn-toggle.active{background:#10b981!important;border-color:#10b981!important;color:#fff!important;padding-left:12px!important;padding-right:48px!important;text-align:right!important;box-shadow:0 2px 8px #10b9814d!important}.toggle-dot{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#9ca3af;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-toggle.active .toggle-dot{left:calc(100% - 34px);background:var(--gl-bg-card)}.btn-primary{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--gl-border)}.tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gl-bg-card)!important;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;font-weight:600!important;font-size:14px;color:var(--gl-text-primary)!important;transition:all .2s;border-radius:8px 8px 0 0}.tab:hover{color:var(--gl-text-primary)!important;background:#ffffff0d!important}.tab.active{color:#4f46e5!important;border-bottom-color:#4f46e5!important;background:#eef2ff!important;font-weight:700!important}.tab-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.config-section{background:var(--gl-bg-card);border-radius:12px;padding:32px;box-shadow:0 1px 3px #0006}.config-section h2{margin:0 0 24px;font-size:20px;color:var(--gl-text-primary)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--gl-text-primary);font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--gl-border);border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.field-hint{display:block;margin-top:6px;font-size:12px;color:var(--gl-text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.color-input{display:flex;gap:8px}.color-input input[type=color]{width:50px;height:40px;border:1px solid var(--gl-border);border-radius:8px;cursor:pointer}.color-input input[type=text]{flex:1}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400;color:var(--gl-text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.shape-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shape-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid var(--gl-border);border-radius:12px;cursor:pointer;transition:all .2s}.shape-option:hover{border-color:#6366f1;background:#ffffff0d}.shape-option.selected{border-color:#6366f1;background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.shape-preview{width:60px;height:40px;background:#6366f1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.shape-preview.rectangular{border-radius:4px}.shape-preview.rounded{border-radius:20px}.shape-preview.circular{border-radius:50%;width:40px;height:40px}.shape-preview.ribbon{border-radius:0;clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%)}.shape-option span{font-size:13px;font-weight:500;color:var(--gl-text-primary)}.position-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.position-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid var(--gl-border);border-radius:12px;cursor:pointer;transition:all .2s}.position-option:hover{border-color:#6366f1;background:#ffffff0d}.position-option.selected{border-color:#6366f1;background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.position-preview{position:relative;width:60px;height:60px;background:#ffffff1a;border-radius:8px}.position-dot{position:absolute;width:16px;height:16px;background:#6366f1;border-radius:3px}.position-dot.top-left{top:4px;left:4px}.position-dot.top-right{top:4px;right:4px}.position-dot.bottom-left{bottom:4px;left:4px}.position-dot.bottom-right{bottom:4px;right:4px}.position-option span{font-size:13px;font-weight:500;color:var(--gl-text-primary)}.preview-description{color:var(--gl-text-secondary);margin-bottom:24px}.preview-container{display:flex;justify-content:center;padding:40px;background:linear-gradient(135deg,#f9fafb 0%,var(--gl-border) 100%);border-radius:12px;margin-bottom:32px}.preview-product{width:300px;background:var(--gl-bg-card);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0006}.preview-image{position:relative;width:100%;height:400px;overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover}.preview-details{padding:16px}.preview-details h4{margin:0 0 8px;color:var(--gl-text-primary);font-size:16px}.preview-price{margin:0;color:#6366f1;font-size:18px;font-weight:700}.preview-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.info-card{display:flex;gap:16px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid var(--gl-border)}.info-card svg{color:#6366f1;flex-shrink:0}.info-card strong{display:block;margin-bottom:4px;color:var(--gl-text-primary);font-size:14px}.info-card p{margin:0;color:var(--gl-text-secondary);font-size:13px}.setup-instructions{background:linear-gradient(135deg,#eef2ff,#f5f3ff);padding:24px;border-radius:12px;border:1px solid #e0e7ff}.setup-instructions h3{margin:0 0 16px;color:#4338ca;font-size:18px}.setup-instructions p{margin:0 0 12px;color:var(--gl-text-primary);line-height:1.6}.setup-instructions ol{margin:16px 0;padding-left:24px;color:var(--gl-text-primary)}.setup-instructions li{margin-bottom:8px}.code-block{display:flex;align-items:center;gap:12px;background:#1f2937;padding:16px;border-radius:8px;margin:16px 0}.code-block code{flex:1;color:#10b981;font-family:Monaco,Menlo,monospace;font-size:13px;word-break:break-all}.btn-copy{background:#6366f1;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-copy:hover{background:#4f46e5;transform:translateY(-1px)}.note{margin:16px 0 0;padding:12px;background:#6366f11a;border-left:3px solid #6366f1;border-radius:4px;font-size:14px;color:var(--gl-text-primary)}@media(max-width:768px){.new-badge-config-container{padding:16px}.config-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:space-between}.form-row{grid-template-columns:1fr}.shape-selector,.position-selector{grid-template-columns:repeat(2,1fr)}.preview-info{grid-template-columns:1fr}.tabs{overflow-x:auto}.tab{white-space:nowrap}}@keyframes pn-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pn-badge-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pn-badge-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes pn-badge-glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor}}.badges-container{max-width:1400px;margin:0 auto;padding:20px}.badges-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:30px}.badge-card-modern{background:var(--gl-bg-card);border-radius:16px;padding:24px;border:2px solid var(--gl-border);transition:all .2s ease}.badge-card-modern:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.badge-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.badge-preview-mini{display:inline-block;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.badge-title{font-size:16px;font-weight:600;color:var(--gl-text-primary);margin:0}.badge-subtitle{font-size:13px;color:var(--gl-text-secondary);margin:4px 0 0}.toggle-btn-mini{background:#ffffff1a;border:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--gl-text-secondary);transition:all .2s ease}.toggle-btn-mini:hover{background:var(--gl-border)}.toggle-btn-mini.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-actions{display:flex;gap:10px}.btn-secondary-small,.btn-danger-small{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-secondary-small{background:#ffffff0d;color:var(--gl-text-primary)}.btn-secondary-small:hover{background:#ffffff1a}.btn-danger-small{background:#ef444426;color:#dc2626}.btn-danger-small:hover{background:#fecaca}.btn-primary-large{padding:16px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3b82f64d}@media(max-width:768px){.badges-grid-modern{grid-template-columns:1fr}}.badge-config-container{padding:20px;max-width:1200px;margin:0 auto}.badge-config-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.badge-config-header h1{margin:0;flex:1}.btn-back{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.btn-back:hover{background:#5a6268}.btn-save-header{padding:10px 24px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.btn-save-header:hover:not(:disabled){background:#218838}.btn-save-header:disabled{opacity:.6;cursor:not-allowed}.config-tabs{display:flex;gap:10px;border-bottom:2px solid #e0e0e0;margin-bottom:30px}.tab-button{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:#666;transition:all .2s}.tab-button:hover{color:#333;background:var(--gl-bg-primary)}.tab-button.active{color:#007bff;border-bottom-color:#007bff;background:var(--gl-bg-primary)}.config-content{background:var(--gl-bg-card);border-radius:8px;padding:30px;box-shadow:0 2px 8px #0006}.form-group{margin-bottom:25px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#333}.form-group small{display:block;margin-top:6px;color:#666;font-size:13px}.input-field,.select-field{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.input-field:focus,.select-field:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.rule-config-section{background:var(--gl-bg-primary);padding:20px;border-radius:8px;margin-top:20px}.rule-config-section h3{margin:0 0 10px;font-size:18px}.rule-description{margin:0 0 20px;color:#666;font-size:14px}.product-search-box{display:flex;gap:10px}.btn-search{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .2s}.btn-search:hover:not(:disabled){background:#0056b3}.btn-search:disabled{opacity:.6;cursor:not-allowed}.search-results{margin-top:15px;border:1px solid #ddd;border-radius:6px;max-height:300px;overflow-y:auto}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #eee}.search-result-item:last-child{border-bottom:none}.product-info{display:flex;align-items:center;gap:12px;flex:1}.product-info img{width:40px;height:40px;object-fit:cover;border-radius:4px}.btn-add-product{padding:6px 16px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background .2s}.btn-add-product:hover:not(:disabled){background:#218838}.btn-add-product:disabled{background:#6c757d;cursor:not-allowed}.selected-products{margin-top:20px;padding:15px;background:var(--gl-bg-card);border:1px solid #ddd;border-radius:6px}.selected-products h4{margin:0 0 15px;font-size:15px}.selected-products-list{display:flex;flex-direction:column;gap:10px}.selected-product-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--gl-bg-primary);border-radius:6px}.selected-product-item img{width:40px;height:40px;object-fit:cover;border-radius:4px}.selected-product-item span{flex:1;font-size:14px}.btn-remove-product{padding:4px 10px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;line-height:1;transition:background .2s}.btn-remove-product:hover{background:#c82333}.btn-load-categories{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-load-categories:hover:not(:disabled){background:#0056b3}.btn-load-categories:disabled{opacity:.6;cursor:not-allowed}.categories-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding:10px;border:1px solid #ddd;border-radius:6px;background:var(--gl-bg-card)}.category-checkbox{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;transition:background .2s;border-radius:4px}.category-checkbox:hover{background:var(--gl-bg-primary)}.category-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.design-tab{display:grid;grid-template-columns:1fr 1fr;gap:30px}.design-preview{position:sticky;top:20px}.design-preview h3{margin:0 0 20px;font-size:18px}.preview-product{position:relative;width:100%;max-width:300px;margin:0 auto}.preview-product-image{width:100%;border-radius:8px;box-shadow:0 4px 12px #0006}.badge-preview{position:absolute;padding:6px 12px;font-family:Arial,sans-serif;z-index:10;display:flex;align-items:center;gap:4px}.badge-icon{font-size:1em}.badge-top-left{top:10px;left:10px}.badge-top-right{top:10px;right:10px}.badge-bottom-left{bottom:10px;left:10px}.badge-bottom-right{bottom:10px;right:10px}.badge-flag{clip-path:polygon(0 0,100% 0,85% 50%,100% 100%,0 100%);padding-right:20px}.badge-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor}}.badge-animation-pulse{animation:pulse 2s ease-in-out infinite}.badge-animation-bounce{animation:bounce 1.5s ease-in-out infinite}.badge-animation-shake{animation:shake .5s ease-in-out infinite}.badge-animation-glow{animation:glow 2s ease-in-out infinite}.design-controls{overflow-y:auto;max-height:70vh;padding-right:10px}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s}.radio-group label:hover{background:var(--gl-bg-primary)}.radio-group input[type=radio]{cursor:pointer}.color-picker-group{display:flex;gap:10px;align-items:center}.color-picker{width:60px;height:40px;border:1px solid #ddd;border-radius:6px;cursor:pointer}.color-text{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-family:monospace}.range-slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;cursor:pointer}.range-slider::-webkit-slider-thumb{width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer}.range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer;border:none}.config-footer{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.btn-cancel{padding:10px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.btn-cancel:hover{background:#5a6268}.btn-save{padding:10px 24px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.btn-save:hover:not(:disabled){background:#218838}.btn-save:disabled{opacity:.6;cursor:not-allowed}.loading-state{text-align:center;padding:60px 20px;color:#666;font-size:16px}@media(max-width:768px){.badge-config-header{flex-direction:column;align-items:stretch}.design-tab{grid-template-columns:1fr}.design-preview{position:static}.config-tabs{overflow-x:auto}.tab-button{white-space:nowrap}}.style-config-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8eef5);padding-bottom:60px}.config-tabs{display:flex;gap:8px;padding:0 20px;margin-top:20px;margin-bottom:30px;position:relative;z-index:1;flex-wrap:wrap}.tab-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--gl-bg-card);border:2px solid var(--gl-border);border-radius:10px;font-size:13px;font-weight:600;color:var(--gl-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.tab-button:hover{border-color:#7c7cff;color:#7c7cff;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#7c7cff,#6969ff);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:var(--gl-bg-card);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:var(--gl-text-primary)}.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,#7c7cff,#6969ff)}.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:var(--gl-text-secondary)!important;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=url],.form-group select{padding:12px 16px;border:2px solid var(--gl-border-input);border-radius:8px;font-size:14px;transition:all .2s;color:var(--gl-text-primary)!important;background-color:var(--gl-bg-input)!important;-webkit-text-fill-color:var(--gl-text-primary)!important}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--gl-accent-cyan);box-shadow:0 0 0 3px #00d9ff26;color:var(--gl-text-primary)!important}.color-input-group{display:flex;gap:10px;align-items:center}.color-input-group input[type=color]{width:60px;height:44px;border:2px solid var(--gl-border-input);border-radius:8px;cursor:pointer}.color-input-group input[type=text]{flex:1;padding:12px 16px;border:2px solid var(--gl-border-input);border-radius:8px;font-family:Courier New,monospace;font-size:14px;color:var(--gl-text-primary)!important;background-color:var(--gl-bg-input)!important;-webkit-text-fill-color:var(--gl-text-primary)!important}.preview-box{margin-top:30px;padding:24px;background:#ffffff08;border-radius:12px;border:2px dashed var(--gl-border)}.preview-box h3{margin:0 0 20px;font-size:16px;color:var(--gl-text-muted);font-weight:600}.whatsapp-preview{display:flex;justify-content:flex-end;padding:40px;background:#ffffff0d;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:#ffffff08;border-radius:12px;margin-bottom:16px;border:2px solid var(--gl-border);transition:all .2s}.menu-item-config:hover{border-color:var(--gl-border-hover);box-shadow:0 2px 8px #00d9ff1a}.menu-item-config .item-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid var(--gl-border)}.menu-item-config .item-position{background:linear-gradient(135deg,#7c7cff,#6969ff);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,#7c7cff,#6969ff);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:#00d9ff14;border-left:4px solid var(--gl-accent-cyan);border-radius:8px;color:var(--gl-accent-cyan);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:var(--gl-bg-input);border:2px solid var(--gl-border);border-radius:8px;text-align:center;cursor:pointer;transition:all .2s}.position-option:hover{border-color:var(--gl-accent-purple);transform:translateY(-2px)}.position-option.selected{border-color:var(--gl-accent-purple);background:#7c7cff26}.position-option strong{color:var(--gl-text-primary);font-size:14px}.button-config-card{padding:20px;background:#ffffff08;border-radius:12px;margin-bottom:16px;border:2px solid var(--gl-border)}.button-config-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.button-config-card h4{margin:0;color:var(--gl-text-primary);font-size:16px}.button-preview{margin-top:20px;padding:20px;background:#ffffff0d;border-radius:8px;display:flex;justify-content:center;border:1px dashed var(--gl-border)}.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)}}.config-section label,.config-section .form-group label{color:var(--gl-text-secondary)!important}.config-section input[type=text],.config-section input[type=number],.config-section input[type=url],.config-section input[type=email],.config-section textarea,.config-section select{color:var(--gl-text-primary)!important;background-color:var(--gl-bg-input)!important;-webkit-text-fill-color:var(--gl-text-primary)!important}.config-section input::placeholder,.config-section textarea::placeholder{color:var(--gl-text-muted)!important;opacity:1!important}@media(max-width:1400px){.config-tabs{gap:6px;padding:0 16px}.tab-button{padding:8px 12px;font-size:12px;gap:5px}.tab-button span:last-child{display:none}.tab-button:hover span:last-child,.tab-button.active span:last-child{display:inline}}@media(max-width:768px){.config-tabs{gap:4px;padding:0 12px}.tab-button{padding:8px 10px;font-size:11px}}.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:var(--gl-text-primary)}.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:var(--gl-bg-card);border-radius:16px;padding:30px;box-shadow:0 2px 8px #0006;transition:all .3s ease}.integration-card:hover{box-shadow:0 4px 16px #0006;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 var(--gl-border)}.integration-logo{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,#7c7cff,#6969ff)}.perfit-logo{background:linear-gradient(135deg,#6366f1,#7c7cff)}.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:var(--gl-text-primary)}.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:#ef444426;color:#991b1b}.status-badge.coming-soon-badge{background:#dbeafe;color:#93c5fd}.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,#7c7cff,#6969ff)}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:var(--gl-text-primary);font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid var(--gl-border);border-radius:8px;font-size:15px;transition:all .2s;box-sizing:border-box;color:var(--gl-text-primary);background-color:var(--gl-bg-input)}.form-group input:focus{outline:none;border-color:#7c7cff;box-shadow:0 0 0 3px #667eea1a;color:var(--gl-text-primary)}.form-group small{display:block;margin-top:6px;color:var(--gl-text-muted);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,#7c7cff,#6969ff);color:#fff;flex:1}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-test{background:var(--gl-bg-card);color:#7c7cff;border:2px solid #7C7CFF}.btn-test:hover:not(:disabled){background:#f3f4ff}.btn-save:disabled,.btn-test:disabled{opacity:.6;cursor:not-allowed}.integration-benefits{background:#ffffff0d;padding:20px;border-radius:12px;margin-top:20px}.integration-benefits h4{margin:0 0 12px;color:var(--gl-text-primary);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:#ffffff1a;color:var(--gl-text-muted);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,#3b82f61a,#3b82f626);padding:30px;border-radius:16px;border-left:4px solid #0ea5e9}.help-box h3{margin:0 0 12px;color:var(--gl-text-primary);font-size:20px}.help-box p{margin:0;color:var(--gl-text-secondary);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:var(--gl-bg-card);border:2px solid var(--gl-border);padding:10px 20px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .2s}.back-btn:hover{background:#ffffff0d;border-color:var(--gl-text-muted)}.payment-result-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#7c7cff,#6969ff)}.payment-result-card{background:var(--gl-bg-card);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:var(--gl-text-primary);margin-bottom:16px}.result-message{font-size:18px;color:var(--gl-text-secondary);margin-bottom:32px;line-height:1.6}.result-message strong{color:#7c7cff;font-weight:600}.result-details{background:#ffffff0d;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 var(--gl-border)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:14px;color:var(--gl-text-secondary);font-weight:500}.detail-value{font-size:16px;color:var(--gl-text-primary);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:var(--gl-text-secondary);font-size:14px;margin-bottom:24px}.spinner{animation:spin 1s linear infinite}.btn-return{width:100%;padding:16px;background:linear-gradient(135deg,#7c7cff,#6969ff);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}}.payment-test-container{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#7c7cff,#6969ff);display:flex;align-items:center;justify-content:center}.payment-test-card{background:var(--gl-bg-card);border-radius:20px;padding:40px;max-width:800px;width:100%;box-shadow:0 20px 60px #0000004d}.test-header{text-align:center;margin-bottom:40px}.test-header .header-icon{color:#7c7cff;margin-bottom:16px}.test-header h1{font-size:32px;color:var(--gl-text-primary);margin-bottom:8px}.test-header p{color:var(--gl-text-secondary);font-size:16px}.test-actions{display:flex;justify-content:center;margin-bottom:30px}.btn-test{background:linear-gradient(135deg,#7c7cff,#6969ff);color:#fff;border:none;padding:16px 40px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.btn-test:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-test:disabled{opacity:.6;cursor:not-allowed}.test-result{background:var(--gl-bg-primary);border-radius:12px;padding:24px;margin-bottom:30px;border:2px solid}.test-result.success{border-color:#48bb78;background:#10b9811a}.test-result.error{border-color:#f56565;background:#ef44441a}.result-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.icon-success{color:#48bb78}.icon-error{color:#f56565}.result-header h3{margin:0;font-size:20px;color:var(--gl-text-primary)}.result-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;flex-direction:column;gap:4px}.detail-row strong{color:var(--gl-text-primary);font-size:14px}.detail-row code{background:var(--gl-bg-card);padding:8px 12px;border-radius:6px;font-family:Courier New,monospace;font-size:13px;color:var(--gl-text-primary);border:1px solid var(--gl-border)}.detail-row.error-detail code{color:#c53030;border-color:#fc8181;background:#ef44441a}.test-payment-action{margin-top:20px;padding-top:20px;border-top:1px solid var(--gl-border);display:flex;flex-direction:column;align-items:center;gap:12px}.btn-open-payment{background:#00b894;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-open-payment:hover{background:#00a383;transform:translateY(-2px)}.test-note{display:flex;align-items:center;gap:8px;color:var(--gl-text-secondary);font-size:14px}.test-note svg{color:#ed8936}.test-cards-info{background:#ffffff0d;border-radius:12px;padding:24px;margin-bottom:20px}.test-cards-info h4{margin:0 0 16px;color:var(--gl-text-primary);font-size:18px}.card-info{display:flex;flex-direction:column;gap:12px}.card-item{background:var(--gl-bg-card);padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:4px}.card-item strong{color:var(--gl-text-primary);font-size:14px}.card-item code{font-family:Courier New,monospace;font-size:16px;color:var(--gl-text-primary);letter-spacing:2px}.card-item span{color:var(--gl-text-secondary);font-size:13px}.integration-status{background:#e6fffa;border-radius:12px;padding:20px;border:1px solid #81e6d9}.integration-status h4{margin:0 0 12px;color:#5eead4;font-size:16px}.integration-status ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.integration-status li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #b2f5ea}.integration-status li:last-child{border-bottom:none}.integration-status strong{color:#5eead4;font-size:14px}.integration-status span{color:#5eead4;font-size:13px;font-family:Courier New,monospace}@media(max-width:768px){.payment-test-card{padding:24px}.test-header h1{font-size:24px}.btn-test{width:100%;padding:14px 20px;font-size:16px}.card-item code{font-size:14px}}.admin-login-container{min-height:100vh;background:linear-gradient(135deg,var(--gl-accent-purple),var(--gl-accent-cyan));display:flex;align-items:center;justify-content:center;padding:20px}.admin-login-card{background:#fffffff2;padding:60px 50px;border-radius:24px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:450px;width:100%;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-icon{color:#667eea;margin-bottom:24px}.admin-login-card h1{margin:0 0 8px;font-size:32px;font-weight:800;color:var(--gl-text-primary)}.admin-login-card p{margin:0 0 32px;color:var(--gl-text-secondary);font-size:16px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form input{padding:16px 20px;border:2px solid var(--gl-border);border-radius:12px;font-size:15px;transition:all .3s;color:var(--gl-text-primary)!important;-webkit-text-fill-color:var(--gl-text-primary)!important;background:var(--gl-bg-card)!important}.login-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.login-form button{padding:16px 24px;background:linear-gradient(135deg,var(--gl-accent-purple),var(--gl-accent-cyan));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #667eea4d}.login-form button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.admin-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);padding:24px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid rgba(255,255,255,.1)}.header-left{display:flex;align-items:center;gap:24px}.admin-header h1{margin:0;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.btn-back{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-back:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.btn-logout{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ef444426;border:2px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-logout:hover{background:#ef444440;border-color:#ef444480}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:20px;transition:all .3s}.stat-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 12px 32px #0003}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-icon.users{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d}.stat-icon.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.stat-icon.demo{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b4d}.stat-icon.expired{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:32px;font-weight:800;color:#fff;line-height:1;margin-bottom:6px}.stat-label{font-size:14px;color:#fff9;font-weight:500}.admin-tabs{display:flex;gap:12px;margin-bottom:24px}.tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#fff9;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.tab:hover{background:#ffffff14;color:#fffc}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 16px #667eea4d}.search-container{position:relative;margin-bottom:24px}.search-container svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none}.search-container input{width:100%;padding:16px 20px 16px 52px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff!important;font-size:15px;transition:all .3s;-webkit-text-fill-color:white!important}.search-container input::placeholder{color:#fff6}.search-container input:focus{outline:none;background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 4px #667eea1a}.table-container{background:#ffffff08;border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.08)}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#ffffff0d}.admin-table th{padding:18px 20px;text-align:left;font-size:12px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(255,255,255,.08)}.admin-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s}.admin-table tbody tr:hover{background:#ffffff08}.admin-table tbody tr.demo-row{background:#f59e0b0d;border-left:4px solid #f59e0b}.admin-table td{padding:18px 20px;color:#ffffffe6;font-size:14px}.store-name{font-weight:600;color:#fff!important}.store-id{font-family:Courier New,monospace;color:#ffffffb3;font-size:13px}.plan-badge{display:inline-block;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap}.plan-badge.free{background:#9ca3af33;color:var(--gl-text-muted)}.plan-badge.pro{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.status-badge{display:inline-block;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}.status-badge.active{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.status-badge.inactive{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.modules-cell{max-width:300px}.modules-list{display:flex;flex-wrap:wrap;gap:6px}.module-tag{padding:4px 10px;background:#3b82f633;color:#93c5fd;border-radius:6px;font-size:11px;font-weight:600;border:1px solid rgba(59,130,246,.3)}.expired-date{color:#fca5a5!important;font-weight:600}.actions-cell{display:flex;gap:8px}.action-select{padding:8px 12px;background:#667eea33;border:2px solid rgba(102,126,234,.3);border-radius:8px;color:#c7d2fe;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-text-fill-color:#c7d2fe!important}.action-select:hover{background:#667eea4d;border-color:#667eea80}.action-select:disabled{opacity:.5;cursor:not-allowed}.btn-deactivate-small{padding:8px 16px;background:#ef444433;border:2px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-deactivate-small:hover:not(:disabled){background:#ef44444d;border-color:#ef444480}.btn-deactivate-small:disabled{opacity:.5;cursor:not-allowed}.loading-container{text-align:center;padding:80px 20px;color:#fff9}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 20px;color:#fff6}.empty-state svg{margin-bottom:16px;opacity:.3}.empty-state p{margin:0;font-size:16px;font-weight:500}@media(max-width:1200px){.admin-table{font-size:13px}.admin-table th,.admin-table td{padding:14px 12px}}@media(max-width:768px){.admin-container{padding:16px}.stats-grid{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:16px;align-items:flex-start}.table-container{overflow-x:auto}.admin-table{min-width:1000px}}:root{--color-primary: #7C7CFF;--color-primary-dark: #6969FF;--color-secondary: #9E9EFF;--color-accent: #7C7CFF;--color-gray-50: #f9fafb;--color-gray-100: var(--gl-border);--color-gray-200: var(--gl-border);--color-gray-300: var(--gl-border);--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, #7C7CFF 0%, #6969FF 100%);--bg-gradient-secondary: linear-gradient(135deg, #9E9EFF 0%, #7C7CFF 100%);--bg-gradient-accent: linear-gradient(135deg, #7C7CFF 0%, #9E9EFF 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4);--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:var(--gl-bg-card)!important;color:#000!important;box-shadow:none!important}}.whatsapp-float{position:fixed;right:20px;bottom:20px;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#25d366;color:#fff;font-weight:700;font-size:14px;box-shadow:0 12px 24px #25d36659;z-index:9999;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.whatsapp-float:hover{background:#1fb356;transform:translateY(-2px);box-shadow:0 16px 32px #25d36666}.whatsapp-float:active{transform:translateY(0)}.whatsapp-icon{font-size:16px;line-height:1}@media(max-width:480px){.whatsapp-float{right:14px;bottom:14px;padding:10px 14px;font-size:13px}}