:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa}a{text-decoration:none;color:#3b82f6;transition:color .2s}a:hover{text-decoration:underline}button{cursor:pointer;border:none;font-family:inherit}.home-page-container{display:flex;flex-direction:column;min-height:100vh}.home-header{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px}.logo-container{display:flex;align-items:center}.logo{font-size:24px;font-weight:700;color:#2563eb;margin:0}.main-nav ul{display:flex;list-style:none;gap:36px}.main-nav a{color:#4b5563;font-weight:500;font-size:16px;position:relative}.main-nav a:hover{color:#2563eb;text-decoration:none}.main-nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#2563eb;transition:width .3s}.main-nav a:hover:after{width:100%}.auth-buttons{display:flex;gap:12px}.login-btn{background-color:#2563eb;color:#fff;padding:10px 20px;border-radius:6px;font-weight:600;transition:background-color .3s;box-shadow:0 2px 5px #2563eb33}.login-btn:hover{background-color:#1d4ed8}.hero-section{display:flex;align-items:center;max-width:1200px;margin:80px auto 60px;padding:0 24px;gap:60px}.hero-content{flex:1}.hero-content h1{font-size:48px;font-weight:800;line-height:1.1;color:#1f2937;margin-bottom:24px}.hero-content p{font-size:18px;color:#4b5563;margin-bottom:32px}.cta-button{background-color:#2563eb;color:#fff;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #2563eb33}.cta-button:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 8px #2563eb4d}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;border-radius:12px;box-shadow:0 10px 25px #0000001a}.features-section{background-color:#f9fafb;padding:80px 24px;text-align:center}.features-section h2{font-size:36px;font-weight:800;color:#1f2937;margin-bottom:20px}.features-description{max-width:800px;margin:0 auto 48px;font-size:18px;color:#4b5563}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1200px;margin:0 auto}.feature-card{background-color:#fff;border-radius:10px;padding:32px 24px;box-shadow:0 4px 6px #0000000d;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 20px #0000001a}.feature-icon{font-size:36px;margin-bottom:16px}.feature-card h3{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:12px}.feature-card p{color:#6b7280}.about-section{padding:80px 24px;background-color:#fff}.about-container{max-width:1000px;margin:0 auto}.about-section h2{font-size:36px;font-weight:800;color:#1f2937;margin-bottom:24px;text-align:center}.about-section p{font-size:17px;color:#4b5563;margin-bottom:24px;line-height:1.7}.about-section h3{font-size:24px;font-weight:700;color:#1f2937;margin:32px 0 16px}.benefits-list{list-style-type:none;margin-left:16px}.benefits-list li{margin-bottom:12px;padding-left:28px;position:relative;color:#4b5563}.benefits-list li:before{content:"✓";position:absolute;left:0;color:#2563eb;font-weight:700}.how-it-works-section{background-color:#f9fafb;padding:80px 24px}.how-it-works-container{max-width:1000px;margin:0 auto}.how-it-works-section h2{font-size:36px;font-weight:800;color:#1f2937;margin-bottom:48px;text-align:center}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}.step{display:flex;flex-direction:column;align-items:center;text-align:center}.step-number{width:48px;height:48px;border-radius:50%;background-color:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:16px;box-shadow:0 4px 6px #2563eb33}.step-content h3{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:10px}.step-content p{color:#6b7280;font-size:16px}.privacy-section{padding:80px 24px;background-color:#fff}.privacy-container{max-width:1000px;margin:0 auto}.privacy-section h2{font-size:36px;font-weight:800;color:#1f2937;margin-bottom:24px;text-align:center}.privacy-section p{font-size:17px;color:#4b5563;margin-bottom:32px}.privacy-details{background-color:#f9fafb;border-radius:12px;padding:32px;box-shadow:0 4px 6px #0000000d}.privacy-details h3{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:16px}.privacy-details ul{list-style-type:none;margin-bottom:24px}.privacy-details li{margin-bottom:12px;padding-left:24px;position:relative;color:#4b5563}.privacy-details li:before{content:"•";position:absolute;left:0;color:#2563eb;font-weight:700;font-size:18px}.privacy-details p{margin-bottom:16px}.home-footer{background-color:#1f2937;color:#f3f4f6;padding:60px 24px 24px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;max-width:1200px;margin:0 auto 40px}.footer-section h3{font-size:18px;font-weight:600;margin-bottom:20px;color:#fff}.footer-section p{color:#d1d5db;margin-bottom:16px;font-size:15px}.footer-section ul{list-style:none}.footer-section li{margin-bottom:10px}.footer-section a{color:#d1d5db;font-size:15px;transition:color .2s}.footer-section a:hover{color:#fff;text-decoration:none}.copyright{text-align:center;padding-top:24px;border-top:1px solid #374151;color:#9ca3af;font-size:14px;max-width:1200px;margin:0 auto}.modal-overlay-login{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-modal{background-color:#fff;border-radius:12px;width:90%;max-width:420px;padding:32px;box-shadow:0 25px 50px -12px #00000040;position:relative;animation:modalFadeIn .3s}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{font-size:24px;font-weight:700;color:#1f2937}.close-modal{background:none;font-size:24px;color:#9ca3af;transition:color .2s}.close-modal:hover{color:#1f2937}.auth-tabs{display:flex;margin-bottom:24px;border-bottom:1px solid #e5e7eb}.auth-tab{flex:1;padding:12px 0;background:none;font-weight:600;color:#9ca3af;transition:all .3s;border-bottom:2px solid transparent}.auth-tab.active{color:#2563eb;border-bottom-color:#2563eb}.auth-tab:hover:not(.active){color:#4b5563}.status-message,.error-message{padding:12px 16px;border-radius:6px;margin-bottom:16px;text-align:center}.status-message.success{background-color:#ecfdf5;color:#10b981}.status-message.error,.error-message{background-color:#fef2f2;color:#ef4444}.status-message.info{background-color:#eff6ff;color:#3b82f6}.error-message{font-size:14px}.google-login-button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:500;transition:all .2s;margin-bottom:24px}.google-login-button:hover{background-color:#f9fafb;border-color:#9ca3af}.google-login-button:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:20px;height:20px;margin-right:12px}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.auth-footer{text-align:center}.auth-footer p{margin-bottom:8px;font-size:14px;color:#6b7280}.auth-switch{color:#2563eb;font-weight:500;cursor:pointer;margin-left:4px}.auth-switch:hover{text-decoration:underline}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px;background-color:#f5f7fa}.registration-card{background-color:#fff;border-radius:12px;padding:32px;width:100%;max-width:500px;box-shadow:0 10px 25px #0000001a}.registration-header{text-align:center;margin-bottom:24px}.registration-header h2{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:8px}.registration-header p{color:#6b7280}.google-user-info{display:flex;align-items:center;padding:16px;background-color:#f9fafb;border-radius:8px;margin-bottom:24px}.google-profile-image{width:48px;height:48px;border-radius:50%;margin-right:16px}.google-user-details{flex:1}.google-email{font-weight:500;color:#1f2937;display:block;margin-bottom:4px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#4b5563}.form-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #3b82f6}.form-actions{display:flex;gap:16px;margin-top:24px}.cancel-button{padding:12px 20px;border:1px solid #d1d5db;border-radius:6px;font-weight:500;color:#4b5563;background-color:#fff;transition:all .2s}.cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.submit-button{padding:12px 20px;background-color:#2563eb;border-radius:6px;color:#fff;font-weight:500;flex:1;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#1d4ed8}.submit-button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:1024px){.hero-section{margin-top:40px;gap:40px}.hero-content h1{font-size:40px}}@media(max-width:768px){.header-content{flex-wrap:wrap}.logo-container{margin-bottom:16px}.main-nav{order:3;width:100%;margin-top:16px}.main-nav ul{justify-content:space-between;gap:16px}.hero-section{flex-direction:column;margin-top:32px}.hero-content{text-align:center}.hero-content h1{font-size:32px}.features-section,.about-section,.how-it-works-section,.privacy-section{padding:60px 24px}.features-section h2,.about-section h2,.how-it-works-section h2,.privacy-section h2{font-size:28px}.footer-content{gap:24px}.form-actions{flex-direction:column}}@media(max-width:480px){.header-content{padding:16px}.main-nav ul{flex-wrap:wrap;justify-content:center}.hero-content h1{font-size:28px}.feature-card,.login-modal{padding:24px 16px}}.mobile-menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer}@media(max-width:768px){.mobile-menu-toggle{display:block}.main-nav{display:none;width:100%;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 4px 6px #0000001a;padding:16px 0}.main-nav.mobile-open{display:block}.main-nav ul{flex-direction:column;align-items:center;gap:16px}.main-nav a:after{display:none}}.verification-card{max-width:460px;width:100%;padding:2rem;box-shadow:0 10px 25px #00000026;border-radius:12px;background-color:#fff;margin:0 auto}.password-form{margin-top:1.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#4a5568;display:block;margin-bottom:.5rem}.verification-card{max-width:460px;width:100%;padding:2rem;box-shadow:0 10px 25px #00000026;border-radius:12px;background-color:#fff;margin:0 auto;position:relative;z-index:1000}.verification-header{margin-bottom:1.5rem;text-align:center}.verification-header h2{font-size:1.75rem;margin-bottom:.5rem;color:#2d3748}.verification-header p{color:#718096;font-size:1rem}.google-user-info{display:flex;align-items:center;margin-bottom:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:8px}.google-profile-image{width:48px;height:48px;border-radius:50%;margin-right:1rem}.google-user-details{display:flex;flex-direction:column}.google-email{font-weight:600;margin-bottom:.25rem}.back-button{background-color:#e2e8f0;color:#4a5568;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#cbd5e0}.auth-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:1000}.app-container{height:100vh;width:100vw;background-color:#f5f5f5;overflow:auto;box-sizing:border-box;font-family:Arial,sans-serif;font-size:16px;color:#333;text-align:center;text-decoration:none;transition:all .3s ease;border-radius:8px;box-shadow:0 4px 10px #0000001a}.main-app-container{height:100%;width:100%;display:flex;flex-direction:row;background-color:#f5f5f5}.main-area-container{flex:1;display:flex;flex-direction:column;padding:20px;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ddd #f5f5f5}:root{--db-purple: #7c3aed;--db-purple2: #6d28d9;--db-blue: #0ea5e9;--db-green: #10b981;--db-red: #ef4444;--db-amber: #f59e0b;--db-bg: #f6f7fb;--db-card: #ffffff;--db-border: #e9ecf5;--db-text: #1e293b;--db-muted: #64748b;--db-light: #f1f5f9;--db-radius: 16px;--db-shadow: 0 2px 16px 0 rgba(99, 102, 241, .07);--db-shadow-lg: 0 8px 32px 0 rgba(99, 102, 241, .12)}.db-root{display:flex;flex-direction:column;gap:20px;background:var(--db-bg);font-family:Inter,Segoe UI,sans-serif;color:var(--db-text);box-sizing:border-box}.db-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.db-title{font-size:1.65rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--db-purple),var(--db-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.db-subtitle{font-size:.9rem;color:var(--db-muted);margin-top:2px;display:block}.db-refresh-btn{display:flex;align-items:center;gap:6px;background:var(--db-card);border:1.5px solid var(--db-border);color:var(--db-muted);padding:8px 16px;border-radius:10px;font-size:.83rem;font-weight:500;cursor:pointer;transition:all .18s;box-shadow:var(--db-shadow)}.db-refresh-btn:hover{background:var(--db-purple);color:#fff;border-color:var(--db-purple)}.db-refresh-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes db-spin{to{transform:rotate(360deg)}}.db-spin{animation:db-spin .8s linear infinite}.db-error-banner{display:flex;align-items:center;gap:8px;background:#fff5f5;border:1.5px solid #fecaca;color:var(--db-red);padding:10px 16px;border-radius:10px;font-size:.88rem}.db-top-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.db-profile-card,.db-quick-actions,.db-activity-card,.db-chart-card,.db-table-card{background:var(--db-card);border-radius:var(--db-radius);border:1.5px solid var(--db-border);box-shadow:var(--db-shadow);padding:20px}.db-profile-card{display:flex;flex-direction:column;gap:14px}.db-profile-avatar{position:relative;width:fit-content}.db-profile-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--db-purple)}.db-role-badge{position:absolute;bottom:-4px;right:-6px;font-size:.62rem;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:20px;letter-spacing:.04em}.db-role-admin{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.db-role-user{background:#ede9fe;color:var(--db-purple);border:1px solid #ddd6fe}.db-profile-info h3{margin:0 0 2px;font-size:1rem;font-weight:700;color:var(--db-text)}.db-profile-email{font-size:.8rem;color:var(--db-muted);margin:0 0 10px;word-break:break-all}.db-profile-meta{display:flex;gap:8px;flex-wrap:wrap}.db-meta-chip{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px}.db-meta-credits{background:#fef3c7;color:#d97706}.db-meta-campaigns{background:#ede9fe;color:var(--db-purple)}.db-apikey{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--db-light);border-radius:10px;border:1px solid var(--db-border)}.db-apikey-label{font-size:.68rem;font-weight:700;color:var(--db-muted);text-transform:uppercase;letter-spacing:.06em}.db-apikey-val{font-size:.75rem;font-family:Courier New,monospace;color:var(--db-text);word-break:break-all}.db-section-title{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700;color:var(--db-text);margin:0 0 14px;text-transform:uppercase;letter-spacing:.04em}.db-qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.db-qa-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px 10px;border-radius:12px;border:1.5px solid var(--db-border);background:var(--db-light);cursor:pointer;font-size:.78rem;font-weight:600;color:var(--db-text);transition:all .2s}.db-qa-btn:hover{background:var(--qa-color, var(--db-purple));color:#fff;border-color:var(--qa-color, var(--db-purple));box-shadow:0 4px 16px color-mix(in srgb,var(--qa-color, var(--db-purple)) 35%,transparent);transform:translateY(-2px)}.db-qa-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;color:var(--qa-color, var(--db-purple));box-shadow:0 2px 8px #00000014;transition:all .2s}.db-qa-btn:hover .db-qa-icon{background:#ffffff38;color:#fff}.db-activity-list{display:flex;flex-direction:column;gap:10px}.db-activity-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--db-muted);padding-bottom:8px;border-bottom:1px solid var(--db-border)}.db-activity-item:last-of-type{border-bottom:none}.db-activity-item strong{font-weight:700;color:var(--db-text)}.db-rate-bar-wrap{height:6px;background:var(--db-light);border-radius:99px;overflow:hidden;margin-top:4px}.db-rate-bar{height:100%;background:linear-gradient(90deg,var(--db-purple),var(--db-green));border-radius:99px;transition:width .8s ease}.db-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.db-stat-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--db-radius);border:1.5px solid var(--db-border);background:var(--db-card);box-shadow:var(--db-shadow);transition:transform .2s,box-shadow .2s}.db-stat-card:hover{transform:translateY(-3px);box-shadow:var(--db-shadow-lg)}.db-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-stat-purple .db-stat-icon{background:#ede9fe;color:var(--db-purple)}.db-stat-blue .db-stat-icon{background:#e0f2fe;color:var(--db-blue)}.db-stat-green .db-stat-icon{background:#d1fae5;color:var(--db-green)}.db-stat-red .db-stat-icon{background:#fee2e2;color:var(--db-red)}.db-stat-body{flex:1;min-width:0}.db-stat-label{font-size:.73rem;color:var(--db-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 2px}.db-stat-value{font-size:1.6rem;font-weight:800;margin:0 0 2px;color:var(--db-text);line-height:1.2}.db-stat-sub{font-size:.73rem;color:var(--db-muted);margin:0}.db-charts-row{display:grid;grid-template-columns:1fr 340px;gap:18px}.db-chart-card{box-sizing:border-box}.db-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.db-chart-header h3{margin:0;font-size:.95rem;font-weight:700;color:var(--db-text)}.db-chart-sub{font-size:.78rem;font-weight:500;color:var(--db-muted);margin-left:4px}.db-range-tabs{display:flex;gap:4px;background:var(--db-light);padding:3px;border-radius:8px}.db-range-tab{padding:4px 12px;border-radius:6px;border:none;background:transparent;font-size:.78rem;font-weight:600;color:var(--db-muted);cursor:pointer;transition:all .15s}.db-range-tab.active{background:var(--db-card);color:var(--db-purple);box-shadow:0 1px 4px #0000001a}.db-pie-legend{display:flex;flex-direction:column;gap:8px;margin-top:12px}.db-pie-legend-item{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--db-muted)}.db-pie-legend-item strong{margin-left:auto;font-weight:700;color:var(--db-text)}.db-pie-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.db-pie-rate{margin-top:8px;padding:10px 0;border-top:1px solid var(--db-border);display:flex;flex-direction:column;align-items:center;gap:2px}.db-pie-rate-num{font-size:1.6rem;font-weight:800;color:var(--db-green)}.db-pie-rate span:last-child{font-size:.75rem;color:var(--db-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.db-empty-chart{height:200px;display:flex;align-items:center;justify-content:center;font-size:.88rem;color:var(--db-muted)}.db-tooltip{background:var(--db-text);color:#fff;padding:10px 14px;border-radius:10px;font-size:.8rem;box-shadow:0 4px 16px #0000002e;min-width:120px}.db-tooltip-label{font-weight:700;margin-bottom:5px;font-size:.78rem;color:#94a3b8}.db-view-all{font-size:.82rem;font-weight:600;color:var(--db-purple);background:none;border:none;cursor:pointer;padding:0}.db-view-all:hover{text-decoration:underline}.db-table-wrap{overflow-x:auto}.db-table{width:100%;border-collapse:collapse;font-size:.845rem}.db-table thead th{text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--db-muted);background:var(--db-light);padding:10px 14px;border-bottom:1.5px solid var(--db-border)}.db-table thead th:first-child{border-radius:10px 0 0 10px}.db-table thead th:last-child{border-radius:0 10px 10px 0}.db-table tbody tr{border-bottom:1px solid var(--db-border);transition:background .15s}.db-table tbody tr:last-child{border-bottom:none}.db-table tbody tr:hover{background:#fafaff}.db-table tbody td{padding:12px 14px;color:var(--db-text);vertical-align:middle}.db-td-subject{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--db-text)}.db-td-num{text-align:center;font-weight:600}.db-td-date{font-size:.75rem;color:var(--db-muted);display:flex;align-items:center;gap:4px;white-space:nowrap}.db-success{color:var(--db-green)}.db-failed{color:var(--db-red)}.db-zero{color:#cbd5e1}.db-rate-pill-wrap{display:flex;justify-content:center}.db-rate-pill{font-size:.73rem;font-weight:700;padding:3px 10px;border-radius:20px;display:inline-block}.db-rate-pill.good{background:#d1fae5;color:#059669}.db-rate-pill.mid{background:#fef3c7;color:#d97706}.db-rate-pill.bad{background:#fee2e2;color:var(--db-red)}.db-skeleton-wrap{display:flex;flex-direction:column;gap:12px;padding:8px 0}.db-skeleton-row{height:34px;border-radius:8px;background:linear-gradient(90deg,#f1f5f9 25%,#e9ecf5,#f1f5f9 75%);background-size:200% 100%;animation:db-shimmer 1.2s infinite}@keyframes db-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.db-empty-table{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--db-muted);font-size:.9rem}.db-empty-table button{color:var(--db-purple);background:none;border:none;font-weight:600;cursor:pointer;font-size:inherit}.db-empty-table button:hover{text-decoration:underline}@media(max-width:1200px){.db-top-row{grid-template-columns:1fr 1fr}.db-activity-card{grid-column:1 / -1}.db-stats-grid{grid-template-columns:repeat(2,1fr)}.db-charts-row{grid-template-columns:1fr}}@media(max-width:768px){.db-root{padding:16px 12px 32px;gap:14px}.db-top-row{grid-template-columns:1fr}.db-activity-card{grid-column:1}.db-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.db-title,.db-stat-value{font-size:1.3rem}.db-charts-row{grid-template-columns:1fr}.db-table{font-size:.78rem}.db-td-date{flex-direction:column;align-items:flex-start;gap:0}}@media(max-width:480px){.db-stats-grid{grid-template-columns:1fr}.db-qa-grid{grid-template-columns:1fr 1fr}.db-td-subject{max-width:110px}}:root{--rp-purple: #7c3aed;--rp-blue: #0ea5e9;--rp-green: #10b981;--rp-red: #ef4444;--rp-amber: #f59e0b;--rp-bg: #f6f7fb;--rp-card: #ffffff;--rp-border: #e9ecf5;--rp-text: #1e293b;--rp-muted: #64748b;--rp-light: #f1f5f9;--rp-radius: 16px;--rp-shadow: 0 2px 16px rgba(99,102,241,.07)}.rp-root{display:flex;flex-direction:column;gap:20px;padding:24px 28px 48px;background:var(--rp-bg);min-height:100vh;font-family:Inter,Segoe UI,sans-serif;color:var(--rp-text);box-sizing:border-box}.rp-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.rp-title{font-size:1.65rem;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,var(--rp-purple),var(--rp-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rp-subtitle{font-size:.875rem;color:var(--rp-muted);margin:0}.rp-header-actions{display:flex;gap:10px;flex-shrink:0}.rp-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:.84rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .18s}.rp-btn-ghost{background:var(--rp-card);border-color:var(--rp-border);color:var(--rp-muted);box-shadow:var(--rp-shadow)}.rp-btn-ghost:hover{background:var(--rp-purple);color:#fff;border-color:var(--rp-purple)}.rp-btn-ghost:disabled{opacity:.55;cursor:not-allowed}.rp-btn-primary{background:linear-gradient(135deg,var(--rp-purple),var(--rp-blue));color:#fff;border-color:transparent;box-shadow:0 4px 14px #7c3aed40}.rp-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.rp-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-spin{animation:rp-spin .8s linear infinite}.rp-stats-row{display:flex;gap:14px;flex-wrap:wrap}.rp-stat{display:flex;align-items:center;gap:14px;flex:1 1 160px;padding:16px 18px;border-radius:var(--rp-radius);background:var(--rp-card);border:1.5px solid var(--rp-border);box-shadow:var(--rp-shadow);transition:transform .18s,box-shadow .18s}.rp-stat:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f11c}.rp-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rp-stat-purple .rp-stat-icon{background:#ede9fe;color:var(--rp-purple)}.rp-stat-blue .rp-stat-icon{background:#e0f2fe;color:var(--rp-blue)}.rp-stat-green .rp-stat-icon{background:#d1fae5;color:var(--rp-green)}.rp-stat-red .rp-stat-icon{background:#fee2e2;color:var(--rp-red)}.rp-stat-amber .rp-stat-icon{background:#fef3c7;color:var(--rp-amber)}.rp-stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--rp-muted);margin:0 0 3px}.rp-stat-value{font-size:1.45rem;font-weight:800;color:var(--rp-text);margin:0}.rp-error-banner{display:flex;align-items:center;gap:8px;background:#fff5f5;border:1.5px solid #fecaca;color:var(--rp-red);padding:12px 16px;border-radius:10px;font-size:.88rem}.rp-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.rp-search-wrap{position:relative;flex:1 1 260px}.rp-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--rp-muted);pointer-events:none}.rp-search{width:100%;padding:9px 36px;border-radius:10px;border:1.5px solid var(--rp-border);background:var(--rp-card);font-size:.85rem;color:var(--rp-text);box-shadow:var(--rp-shadow);box-sizing:border-box;transition:border-color .18s;outline:none}.rp-search:focus{border-color:var(--rp-purple)}.rp-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--rp-muted);cursor:pointer;padding:2px;display:flex;align-items:center}.rp-search-clear:hover{color:var(--rp-red)}.rp-filter-tabs{display:flex;align-items:center;gap:6px;background:var(--rp-card);border:1.5px solid var(--rp-border);border-radius:10px;padding:5px 10px;box-shadow:var(--rp-shadow);color:var(--rp-muted)}.rp-filter-tab{padding:5px 12px;border-radius:7px;border:none;background:transparent;font-size:.8rem;font-weight:600;color:var(--rp-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.rp-filter-tab.active{background:var(--rp-purple);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.rp-filter-tab:hover:not(.active){background:var(--rp-light);color:var(--rp-text)}.rp-count{font-size:.8rem;font-weight:600;color:var(--rp-muted);white-space:nowrap;margin-left:auto}.rp-table-card{background:var(--rp-card);border-radius:var(--rp-radius);border:1.5px solid var(--rp-border);box-shadow:var(--rp-shadow);overflow:hidden}.rp-table-wrap{overflow-x:auto}.rp-table{width:100%;border-collapse:collapse;font-size:.845rem}.rp-table thead tr{background:var(--rp-light);border-bottom:2px solid var(--rp-border)}.rp-table thead th{padding:12px 14px;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.055em;color:var(--rp-muted);white-space:nowrap;-webkit-user-select:none;user-select:none}.rp-th-num{text-align:center}.rp-sortable{cursor:pointer;display:table-cell}.rp-sortable:hover{color:var(--rp-purple)}.rp-table thead th.rp-sortable{display:table-cell}.rp-table thead th svg{vertical-align:middle;margin-left:4px}.rp-table tbody tr{border-bottom:1px solid var(--rp-border);transition:background .14s}.rp-table tbody tr:last-child{border-bottom:none}.rp-table tbody tr:hover{background:#f8f7ff}.rp-row-perfect td:first-child{border-left:3px solid var(--rp-green)}.rp-row-partial td:first-child{border-left:3px solid var(--rp-amber)}.rp-row-failed td:first-child{border-left:3px solid var(--rp-red)}.rp-table tbody td{padding:13px 14px;vertical-align:middle;color:var(--rp-text)}.rp-td-num{text-align:center;font-weight:600}.rp-row-num{color:var(--rp-muted);font-size:.78rem}.rp-td-total{color:var(--rp-blue)}.rp-td-subject{max-width:220px}.rp-subject-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--rp-text)}.rp-td-sender{min-width:150px}.rp-sender-name{font-weight:600;color:var(--rp-text);font-size:.84rem}.rp-sender-email{font-size:.73rem;color:var(--rp-muted);margin-top:1px}.rp-td-success{color:var(--rp-green);display:flex;align-items:center;justify-content:center;gap:5px;font-weight:700}.rp-td-fail{color:var(--rp-red);align-items:center;justify-content:center;gap:5px;font-weight:700}.rp-no-fail{color:#cbd5e1}.rp-td-bar{min-width:120px}.rp-td-date{font-size:.75rem;color:var(--rp-muted);white-space:nowrap}.rp-td-date span{display:flex;align-items:center;gap:5px}.rp-bar-wrap{display:flex;align-items:center;gap:7px}.rp-bar-track{flex:1;height:6px;background:var(--rp-light);border-radius:99px;overflow:hidden}.rp-bar-fill{height:100%;border-radius:99px;transition:width .6s ease}.rp-bar-fill.perfect{background:var(--rp-green)}.rp-bar-fill.good{background:linear-gradient(90deg,var(--rp-green),#34d399)}.rp-bar-fill.mid{background:var(--rp-amber)}.rp-bar-fill.bad{background:var(--rp-red)}.rp-bar-pct{font-size:.72rem;font-weight:700;color:var(--rp-muted);min-width:32px;text-align:right}.rp-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.73rem;font-weight:700;white-space:nowrap}.rp-pill-perfect{background:#d1fae5;color:#059669}.rp-pill-good{background:#d1fae5;color:#065f46}.rp-pill-mid{background:#fef3c7;color:#d97706}.rp-pill-bad{background:#fee2e2;color:var(--rp-red)}.rp-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.rp-badge-perfect{background:#d1fae5;color:#059669;border:1px solid #6ee7b7}.rp-badge-partial{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.rp-badge-failed{background:#fee2e2;color:var(--rp-red);border:1px solid #fca5a5}.rp-view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1.5px solid var(--rp-border);background:var(--rp-light);color:var(--rp-muted);cursor:pointer;transition:all .15s}.rp-view-btn:hover{background:var(--rp-purple);color:#fff;border-color:var(--rp-purple)}.rp-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1.5px solid var(--rp-border);gap:12px;flex-wrap:wrap}.rp-page-info{font-size:.82rem;color:var(--rp-muted);font-weight:500}.rp-page-btns{display:flex;gap:4px}.rp-page-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--rp-border);background:var(--rp-card);color:var(--rp-muted);font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.rp-page-btn:hover:not(:disabled){background:var(--rp-purple);color:#fff;border-color:var(--rp-purple)}.rp-page-btn.active{background:var(--rp-purple);color:#fff;border-color:var(--rp-purple)}.rp-page-btn:disabled{opacity:.35;cursor:not-allowed}.rp-skeleton-wrap{display:flex;flex-direction:column;gap:0}.rp-skeleton-row{height:52px;background:linear-gradient(90deg,#f1f5f9 25%,#e9ecf5,#f1f5f9 75%);background-size:200% 100%;animation:rp-shimmer 1.2s infinite;border-bottom:1px solid var(--rp-border)}@keyframes rp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rp-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;color:var(--rp-muted);font-size:.92rem}.rp-empty p{margin:0}.rp-empty button{color:var(--rp-purple);background:none;border:none;font-weight:600;cursor:pointer;font-size:.88rem;padding:8px 18px;border-radius:8px;border:1.5px solid var(--rp-purple);transition:all .15s}.rp-empty button:hover{background:var(--rp-purple);color:#fff}.rp-view-tabs{display:flex;gap:6px;background:var(--rp-card);border:1.5px solid var(--rp-border);border-radius:12px;padding:5px;box-shadow:var(--rp-shadow);width:fit-content}.rp-view-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:9px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--rp-muted);transition:all .18s;position:relative}.rp-view-tab:hover{background:var(--rp-light);color:var(--rp-text)}.rp-view-tab.active{background:linear-gradient(135deg,var(--rp-purple),var(--rp-blue));color:#fff;box-shadow:0 3px 12px #7c3aed47}.rp-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;border-radius:9px;font-size:.68rem;font-weight:700}.rp-view-tab.active .rp-tab-badge{background:#ffffff4d}.rp-badge-scheduled{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.rp-badge-cancelled{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.rp-cancel-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:7px;font-size:.78rem;font-weight:600;cursor:pointer;border:1.5px solid #fca5a5;background:#fff5f5;color:var(--rp-red);transition:all .15s;white-space:nowrap}.rp-cancel-btn:hover:not(:disabled){background:var(--rp-red);color:#fff;border-color:var(--rp-red)}.rp-cancel-btn:disabled{opacity:.55;cursor:not-allowed}═══════════════════════════════════════════════════ */ .rp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:rp-fade-in .18s ease}@keyframes rp-fade-in{0%{opacity:0}to{opacity:1}}.rp-modal{background:var(--rp-card);border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #00000038;animation:rp-slide-up .22s ease}@keyframes rp-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.rp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1.5px solid var(--rp-border)}.rp-modal-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--rp-text)}.rp-modal-close{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--rp-border);background:var(--rp-light);color:var(--rp-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.rp-modal-close:hover{background:var(--rp-red);color:#fff;border-color:var(--rp-red)}.rp-modal-body{padding:20px 24px 28px;display:flex;flex-direction:column;gap:18px}.rp-modal-subject{font-size:1.05rem;font-weight:700;color:var(--rp-text);padding:12px 16px;background:var(--rp-light);border-radius:10px;border-left:4px solid var(--rp-purple)}.rp-modal-meta{display:flex;flex-direction:column;gap:8px}.rp-modal-meta div{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding-bottom:8px;border-bottom:1px solid var(--rp-border)}.rp-modal-meta div:last-child{border-bottom:none}.rp-modal-meta span{color:var(--rp-muted);font-weight:500}.rp-modal-meta strong{color:var(--rp-text);font-weight:700;text-align:right}.rp-modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rp-modal-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;border-radius:12px;text-align:center}.rp-modal-stat p{font-size:1.35rem;font-weight:800;margin:0;color:var(--rp-text)}.rp-modal-stat span{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.rp-mstat-blue{background:#e0f2fe}.rp-mstat-blue span,.rp-mstat-blue p{color:var(--rp-blue)}.rp-mstat-green{background:#d1fae5}.rp-mstat-green span,.rp-mstat-green p{color:#059669}.rp-mstat-red{background:#fee2e2}.rp-mstat-red span,.rp-mstat-red p{color:var(--rp-red)}.rp-mstat-purple{background:#ede9fe}.rp-mstat-purple span,.rp-mstat-purple p{color:var(--rp-purple)}.rp-modal-bar-track{height:12px;border-radius:99px;overflow:hidden;display:flex;background:var(--rp-light)}.rp-modal-bar-success{background:var(--rp-green);height:100%;transition:width .8s ease}.rp-modal-bar-fail{background:var(--rp-red);height:100%;transition:width .8s ease}.rp-modal-bar-legend{display:flex;gap:16px;margin-top:8px;font-size:.76rem;color:var(--rp-muted);font-weight:600}.rp-modal-bar-legend span{display:flex;align-items:center;gap:5px}.rp-modal-bar-legend i{display:inline-block;width:10px;height:10px;border-radius:50%}.rp-modal-errors h4{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--rp-red);margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}.rp-error-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding-right:4px}.rp-error-row{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#fff5f5;border:1px solid #fecaca;border-radius:8px}.rp-error-email{font-size:.82rem;font-weight:600;color:var(--rp-text)}.rp-error-msg{font-size:.74rem;color:var(--rp-red)}.rp-modal-bounce-section{margin-top:16px;padding:14px 16px;background:#f0f7ff;border:1px solid #bfdbfe;border-radius:10px;display:flex;flex-direction:column;gap:8px}.rp-bounce-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:var(--rp-blue);color:#fff;border:none;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;width:fit-content;transition:opacity .15s}.rp-bounce-btn:hover:not(:disabled){opacity:.85}.rp-bounce-btn:disabled{opacity:.55;cursor:not-allowed}.rp-bounce-result{font-size:.8rem;font-weight:600;color:var(--rp-text)}.rp-bounce-hint{margin:0;font-size:.74rem;color:var(--rp-muted);line-height:1.5}@media(max-width:1100px){.rp-modal-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.rp-root{padding:14px 12px 36px;gap:14px}.rp-title{font-size:1.3rem}.rp-stats-row{gap:10px}.rp-stat{flex:1 1 140px;padding:12px 14px}.rp-stat-value{font-size:1.2rem}.rp-toolbar{flex-direction:column;align-items:stretch}.rp-filter-tabs{flex-wrap:wrap}.rp-count{margin-left:0}.rp-table{font-size:.78rem}.rp-td-subject{max-width:130px}.rp-td-bar{min-width:90px}.rp-pagination{flex-direction:column;align-items:center;gap:10px}}@media(max-width:520px){.rp-stat{flex:1 1 100%}.rp-header-actions{width:100%}.rp-btn{flex:1;justify-content:center}}.Design-Tab{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;padding:20px;color:#333}.DesignCustom-Tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #e1e4e8;padding-bottom:10px}.DesignCustom-Tabs button{padding:8px 16px;background:#f6f8fa;border:1px solid #d1d5da;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.DesignCustom-Tabs button:hover{background:#e1e4e8}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#f6f8fa;border:1px solid #d1d5da;align-items:center}.editor-toolbar button,.editor-toolbar select{padding:6px 8px;background:#fff;border:1px solid #d1d5da;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.editor-toolbar button:hover{background:#e1e4e8}.editor-toolbar select{padding:5px;height:32px}.editor-toolbar input[type=color]{width:32px;height:32px;padding:0;border:1px solid #d1d5da;border-radius:4px;cursor:pointer}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:120px;box-shadow:0 4px 8px #0000001a;z-index:1;border-radius:6px;border:1px solid #d1d5da;padding:5px}.dropdown:hover .dropdown-content{display:block}.dropdown-content button{width:100%;display:flex;justify-content:left;text-align:left;padding:8px 12px;border:none;background:none;border-radius:4px}.dropdown-content button:hover{background:#f6f8fa}.dropdown-content button span{display:flex;flex-direction:row;text-align:center;justify-content:center;align-items:center;gap:8px}.toolbar-button{padding:6px 8px;background:#fff;border:1px solid #d1d5da;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.editor-content{min-height:400px;padding:15px;border:1px solid #d1d5da;background:#fff;margin-bottom:15px;line-height:1.6;overflow-y:auto;border-radius:6px;font-size:14px;color:#333;text-align:left!important;direction:ltr!important;unicode-bidi:normal!important;word-wrap:break-word;white-space:pre-wrap;writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb}.editor-content *,.editor-content p,.editor-content div,.editor-content span{direction:inherit!important;unicode-bidi:normal!important}.editor-content:focus{outline:none;border-color:#0366d6;box-shadow:0 0 0 3px #0366d61a}.editor-content:empty:before{content:attr(data-placeholder);color:#999;font-style:italic;pointer-events:none;direction:ltr!important;display:block}.source-view{width:100%;min-height:400px;padding:15px;border:1px solid #d1d5da;border-radius:6px;background:#f6f8fa;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;margin-bottom:15px;resize:vertical}.templates-section{margin-top:20px}.grid-Templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:15px}.template-card{border:1px solid #d1d5da;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff;overflow:hidden;display:flex;flex-direction:column;height:420px;position:relative}.template-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.template-card.selected{border-color:#0366d6;box-shadow:0 0 0 3px #0366d61a}.Template_Name{font-weight:600;padding:12px 15px;background:#f8f9fa;border-bottom:1px solid #e1e4e8;margin:0;flex-shrink:0;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.template-preview{flex:1;overflow:hidden;position:relative;background:#fff;min-height:280px}.template-preview::-webkit-scrollbar{width:4px}.template-preview::-webkit-scrollbar-track{background:#f1f1f1}.template-preview::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.template-preview::-webkit-scrollbar-thumb:hover{background:#555}.template-preview>div{width:100%;pointer-events:none;transform-origin:top center}.template-preview>div,.template-preview>div *{box-sizing:border-box}.template-preview>div>body,.template-preview>div>[data-gjs-type=wrapper]{width:100%;display:block!important}.template-preview [data-gjs-type],.template-preview .row,.template-preview .cell,.template-preview>div>div{display:block!important}.template-preview table{display:table!important;border-collapse:collapse}.template-preview tbody{display:table-row-group!important}.template-preview tr{display:table-row!important}.template-preview td{display:table-cell!important}.template-preview>div [style*=height],.template-preview>div [style*=margin],.template-preview>div [style*=padding]{min-height:1px}.template-preview>div>*{display:block}.template-preview>div div:empty,.template-preview>div [data-gjs-type=cell]:empty,.template-preview>div td:empty{min-height:1px!important;display:block!important}.template-actions{display:flex;gap:8px;padding:12px;background:#f8f9fa;border-top:1px solid #e1e4e8;flex-shrink:0;position:relative;z-index:2;flex-wrap:wrap}.template-actions .TempEdit{flex:1 1 auto;padding:8px 6px;border:1px solid #dad6d1;border-radius:4px;background:#f59e0b;cursor:pointer;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;min-width:60px;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.2}.template-actions .TempEdit:hover{background:#e4940b}.template-actions .TempDelete{flex:1 1 auto;padding:8px 6px;border:1px solid #dad6d1;border-radius:4px;background:#ef4444;cursor:pointer;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;min-width:60px;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.2}.template-actions .TempDelete:hover{background:#dc3b3b}.themes-section{margin-top:20px}.grid-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:15px}.Select-Themes{cursor:pointer;transition:all .2s ease}.Select-Themes:hover{transform:scale(1.05)}.theme-preview{border-radius:6px;border:1px solid #d1d5da}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input{width:100%;padding:8px 12px;border:1px solid #d1d5da;border-radius:4px}.design-actions{display:flex;gap:10px;margin-top:15px}.save-btn,.cancel-btn{padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.save-btn{background:#2ea44f;color:#fff;border:1px solid #2c974b}.save-btn:hover{background:#2c974b}.save-btn:disabled{background:#94d3a2;cursor:not-allowed}.cancel-btn{background:#f6f8fa;border:1px solid #d1d5da}.cancel-btn:hover{background:#e1e4e8}.emoji-dropdown{position:absolute;background:#fff;border:1px solid #d1d5da;border-radius:6px;padding:10px;display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:300px;z-index:1000;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto}.emoji-btn{font-size:22px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.emoji-btn:hover{background:#f6f8fa;transform:scale(1.2)}.error-message{color:#d73a49;background:#ffebee;padding:10px;border-radius:4px;margin-bottom:15px;border:1px solid #d73a49}.template-name{font-weight:500;margin-bottom:10px}.template-content{height:150px;overflow:hidden;border:1px solid #eee;padding:10px;margin-bottom:10px;cursor:pointer}.edit-btn{color:#2563eb;border-right:1px solid #e0e0e0}.delete-btn{color:#dc2626}.Template_Name{border-bottom:1px solid #e5e5e5;padding:5px;text-align:center}.emoji-picker-container{position:relative;display:inline-block}.emoji-picker-dropdown{position:absolute;top:100%;left:0;z-index:1000;box-shadow:0 5px 15px #0003;border-radius:8px;overflow:hidden}.emoji-toggle-button{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:5px 10px;font-size:16px;transition:background-color .3s}.emoji-toggle-button:hover{background-color:#f0f0f0}.EmojiPickerReact .epr-category-nav{padding:10px 0}.EmojiPickerReact .epr-category-nav .epr-cat-btn{padding:5px;margin:0 2px}.EmojiPickerReact .epr-emoji-category-label{padding:5px 10px;font-weight:700}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:#14ff1480;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:#ff96004d}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-hopscotch.CodeMirror{background:#322931;color:#d5d3d5}.cm-s-hopscotch div.CodeMirror-selected{background:#433b42!important}.cm-s-hopscotch .CodeMirror-gutters{background:#322931;border-right:0px}.cm-s-hopscotch .CodeMirror-linenumber{color:#797379}.cm-s-hopscotch .CodeMirror-cursor{border-left:1px solid #989498!important}.cm-s-hopscotch span.cm-comment{color:#b33508}.cm-s-hopscotch span.cm-atom,.cm-s-hopscotch span.cm-number{color:#c85e7c}.cm-s-hopscotch span.cm-property,.cm-s-hopscotch span.cm-attribute{color:#8fc13e}.cm-s-hopscotch span.cm-keyword{color:#dd464c}.cm-s-hopscotch span.cm-string{color:#fdcc59}.cm-s-hopscotch span.cm-variable{color:#8fc13e}.cm-s-hopscotch span.cm-variable-2{color:#1290bf}.cm-s-hopscotch span.cm-def{color:#fd8b19}.cm-s-hopscotch span.cm-error{background:#dd464c;color:#989498}.cm-s-hopscotch span.cm-bracket{color:#d5d3d5}.cm-s-hopscotch span.cm-tag{color:#dd464c}.cm-s-hopscotch span.cm-link{color:#c85e7c}.cm-s-hopscotch .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-hopscotch .CodeMirror-activeline-background{background:#302020}.gjs-is__grab,.gjs-is__grab *{cursor:grab!important}.gjs-is__grabbing,.gjs-is__grabbing *{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:grabbing!important}:root{--gjs-main-color: #444;--gjs-primary-color: #444;--gjs-secondary-color: #ddd;--gjs-tertiary-color: #804f7b;--gjs-quaternary-color: #d278c9;--gjs-font-color: #ddd;--gjs-font-color-active: #f8f8f8;--gjs-main-dark-color: rgba(0, 0, 0, .2);--gjs-secondary-dark-color: rgba(0, 0, 0, .1);--gjs-main-light-color: rgba(255, 255, 255, .1);--gjs-secondary-light-color: rgba(255, 255, 255, .7);--gjs-soft-light-color: rgba(255, 255, 255, .015);--gjs-color-blue: #3b97e3;--gjs-color-red: #dd3636;--gjs-color-yellow: #ffca6f;--gjs-color-green: #62c462;--gjs-left-width: 15%;--gjs-color-highlight: #71b7f1;--gjs-color-warn: #ffca6f;--gjs-handle-margin: -5px;--gjs-light-border: rgba(255, 255, 255, .05);--gjs-arrow-color: rgba(255, 255, 255, .7);--gjs-dark-text-shadow: rgba(0, 0, 0, .2);--gjs-color-input-padding: 22px;--gjs-input-padding: 5px;--gjs-padding-elem-classmanager: 5px 6px;--gjs-upload-padding: 150px 10px;--gjs-animation-duration: .2s;--gjs-main-font: Helvetica, sans-serif;--gjs-font-size: .75rem;--gjs-placeholder-background-color: var(--gjs-color-green);--gjs-canvas-top: 40px;--gjs-flex-item-gap: 5px}.gjs-bg-main,.gjs-off-prv,.gjs-sm-colorp-c{background-color:var(--gjs-main-color)}.gjs-color-main,.gjs-off-prv,.gjs-sm-stack #gjs-sm-add{color:var(--gjs-font-color);fill:var(--gjs-font-color)}.gjs-color-active{color:var(--gjs-font-color-active);fill:var(--gjs-font-color-active)}.gjs-color-warn{color:var(--gjs-color-warn);fill:var(--gjs-color-warn)}.gjs-color-hl{color:var(--gjs-color-highlight);fill:var(--gjs-color-highlight)}.gjs-invis-invis,.gjs-clm-tags #gjs-clm-new,.gjs-no-app{background-color:#0000;border:none;color:inherit}.gjs-no-app{height:10px}.opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-checker-bg,.gjs-field-colorp-c,.checker-bg,.gjs-sm-layer-preview{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.gjs-no-user-select,.gjs-grabbing,.gjs-grabbing *,.gjs-rte-toolbar,.gjs-layer-name{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.gjs-no-pointer-events,.gjs-resizer-c,.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{pointer-events:none}.no-select,.gjs-clm-tags #gjs-clm-close,.gjs-com-no-select,.gjs-com-no-select img,.gjs-category-title,.gjs-layer-title,.gjs-block-category .gjs-title,.gjs-sm-sector-title,.gjs-trait-category .gjs-title{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.clear{clear:both}.gjs-category-open,.gjs-block-category.gjs-open,.gjs-sm-sector.gjs-sm-open,.gjs-trait-category.gjs-open{border-bottom:1px solid rgba(0,0,0,.25)}.gjs-category-title,.gjs-layer-title,.gjs-block-category .gjs-title,.gjs-sm-sector-title,.gjs-trait-category .gjs-title{font-weight:lighter;background-color:var(--gjs-secondary-dark-color);letter-spacing:1px;padding:9px 10px 9px 20px;border-bottom:1px solid rgba(0,0,0,.25);text-align:left;position:relative;cursor:pointer}.btn-cl,.gjs-am-close,.gjs-mdl-btn-close{opacity:.3;filter:alpha(opacity=30);font-size:25px;cursor:pointer}.btn-cl:hover,.gjs-am-close:hover,.gjs-mdl-btn-close:hover{opacity:.7;filter:alpha(opacity=70)}.gjs-traits-label{border-bottom:1px solid var(--gjs-main-dark-color);font-weight:lighter;margin-bottom:5px;padding:10px;text-align:left}.gjs-label-wrp{width:30%;min-width:30%}.gjs-field-wrp{flex-grow:1}.gjs-traits-c,.gjs-traits-cs,.gjs-trait-categories{display:flex;flex-direction:column}.gjs-trait-category{width:100%}.gjs-trait-category .gjs-caret-icon{margin-right:5px}.gjs-trt-header{font-weight:lighter;padding:10px}.gjs-trt-trait{display:flex;justify-content:flex-start;padding:5px 10px;font-weight:lighter;align-items:center;text-align:left;gap:5px}.gjs-trt-traits{font-size:var(--gjs-font-size)}.gjs-trt-trait .gjs-label{text-align:left;text-overflow:ellipsis;overflow:hidden}.gjs-guide-info{position:absolute}.gjs-guide-info__content{position:absolute;height:100%;display:flex;width:100%;padding:5px}.gjs-guide-info__line{position:relative;margin:auto}.gjs-guide-info__line:before,.gjs-guide-info__line:after{content:"";display:block;position:absolute;background-color:inherit}.gjs-guide-info__y{padding:0 5px}.gjs-guide-info__y .gjs-guide-info__content{justify-content:center}.gjs-guide-info__y .gjs-guide-info__line{width:100%;height:1px}.gjs-guide-info__y .gjs-guide-info__line:before,.gjs-guide-info__y .gjs-guide-info__line:after{width:1px;height:10px;top:0;bottom:0;left:0;margin:auto}.gjs-guide-info__y .gjs-guide-info__line:after{left:auto;right:0}.gjs-guide-info__x{padding:5px 0}.gjs-guide-info__x .gjs-guide-info__content{align-items:center}.gjs-guide-info__x .gjs-guide-info__line{height:100%;width:1px}.gjs-guide-info__x .gjs-guide-info__line:before,.gjs-guide-info__x .gjs-guide-info__line:after{width:10px;height:1px;left:0;right:0;top:0;margin:auto;transform:translate(-50%)}.gjs-guide-info__x .gjs-guide-info__line:after{top:auto;bottom:0}.gjs-badge{white-space:nowrap}.gjs-badge__icon{vertical-align:middle;display:inline-block;width:15px;height:15px}.gjs-badge__icon svg{fill:currentColor}.gjs-badge__name{display:inline-block;vertical-align:middle}.gjs-frame-wrapper{position:absolute;width:100%;height:100%;left:0;right:0;margin:auto}.gjs-frame-wrapper--anim{transition:width .35s ease,height .35s ease}.gjs-frame-wrapper__top{transform:translateY(-100%) translate(-50%);display:flex;padding:5px 0;position:absolute;width:100%;left:50%;top:0}.gjs-frame-wrapper__top-r{margin-left:auto}.gjs-frame-wrapper__left{position:absolute;left:0;transform:translate(-100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__bottom{position:absolute;bottom:0;transform:translateY(100%) translate(-50%);width:100%;left:50%}.gjs-frame-wrapper__right{position:absolute;right:0;transform:translate(100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__icon{width:24px;cursor:pointer}.gjs-frame-wrapper__icon>svg{fill:currentColor}.gjs-padding-v-top,.gjs-fixedpadding-v-top{width:100%;top:0;left:0}.gjs-padding-v-right,.gjs-fixedpadding-v-right{right:0}.gjs-padding-v-bottom,.gjs-fixedpadding-v-bottom{width:100%;left:0;bottom:0}.gjs-padding-v-left,.gjs-fixedpadding-v-left{left:0}.gjs-cv-canvas{box-sizing:border-box;width:calc(100% - var(--gjs-left-width));height:calc(100% - var(--gjs-canvas-top));bottom:0;overflow:hidden;z-index:1;position:absolute;left:0;top:var(--gjs-canvas-top)}.gjs-cv-canvas-bg{background-color:#00000026}.gjs-cv-canvas.gjs-cui{width:100%;height:100%;top:0}.gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,.gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames{pointer-events:none}.gjs-cv-canvas__frames{position:absolute;top:0;left:0;width:100%;height:100%}.gjs-cv-canvas__spots{position:absolute;pointer-events:none;z-index:1}.gjs-cv-canvas .gjs-ghost{display:none;pointer-events:none;background-color:#5b5b5b;border:2px dashed #ccc;position:absolute;z-index:10;opacity:.55;filter:alpha(opacity=55)}.gjs-cv-canvas .gjs-highlighter,.gjs-cv-canvas .gjs-highlighter-sel{position:absolute;outline:1px solid var(--gjs-color-blue);outline-offset:-1px;pointer-events:none;width:100%;height:100%}.gjs-cv-canvas .gjs-highlighter-warning{outline:3px solid var(--gjs-color-yellow)}.gjs-cv-canvas .gjs-highlighter-sel{outline:2px solid var(--gjs-color-blue);outline-offset:-2px}.gjs-cv-canvas #gjs-tools,.gjs-cv-canvas .gjs-tools{width:100%;height:100%;position:absolute;top:0;left:0;outline:none;z-index:1}.gjs-cv-canvas #gjs-tools{z-index:2}.gjs-cv-canvas *{box-sizing:border-box}.gjs-frame{outline:medium none;height:100%;width:100%;border:none;margin:auto;display:block;transition:width .35s ease,height .35s ease;position:absolute;top:0;bottom:0;left:0;right:0}.gjs-toolbar{position:absolute;background-color:var(--gjs-color-blue);white-space:nowrap;color:#fff;z-index:10;top:0;left:0}.gjs-toolbar-item{width:26px;padding:5px;cursor:pointer;display:inline-block}.gjs-toolbar-item svg{fill:currentColor;vertical-align:middle}.gjs-resizer-c{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9}.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.1;filter:alpha(opacity=10);position:absolute;background-color:#ff0}.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.2;filter:alpha(opacity=20)}.gjs-padding-v-el,.gjs-fixedpadding-v-el{background-color:navy}.gjs-resizer-h{pointer-events:all;position:absolute;border:3px solid var(--gjs-color-blue);width:10px;height:10px;background-color:#fff;margin:var(--gjs-handle-margin)}.gjs-resizer-h-tl{top:0;left:0;cursor:nwse-resize}.gjs-resizer-h-tr{top:0;right:0;cursor:nesw-resize}.gjs-resizer-h-tc{top:0;margin:var(--gjs-handle-margin) auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-cl{left:0;margin:auto var(--gjs-handle-margin);top:0;bottom:0;cursor:ew-resize}.gjs-resizer-h-cr{margin:auto var(--gjs-handle-margin);top:0;bottom:0;right:0;cursor:ew-resize}.gjs-resizer-h-bl{bottom:0;left:0;cursor:nesw-resize}.gjs-resizer-h-bc{bottom:0;margin:var(--gjs-handle-margin) auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-br{bottom:0;right:0;cursor:nwse-resize}.gjs-pn-panel .gjs-resizer-h{background-color:#0003;border:none;opacity:0;transition:opacity .25s}.gjs-pn-panel .gjs-resizer-h:hover{opacity:1}.gjs-pn-panel .gjs-resizer-h-tc,.gjs-pn-panel .gjs-resizer-h-bc{margin:0 auto;width:100%}.gjs-pn-panel .gjs-resizer-h-cr,.gjs-pn-panel .gjs-resizer-h-cl{margin:auto 0;height:100%}.gjs-resizing .gjs-highlighter,.gjs-resizing .gjs-badge{display:none!important}.gjs-resizing-tl *{cursor:nwse-resize!important}.gjs-resizing-tr *{cursor:nesw-resize!important}.gjs-resizing-tc *{cursor:ns-resize!important}.gjs-resizing-cl *,.gjs-resizing-cr *{cursor:ew-resize!important}.gjs-resizing-bl *{cursor:nesw-resize!important}.gjs-resizing-bc *{cursor:ns-resize!important}.gjs-resizing-br *{cursor:nwse-resize!important}.no-dots,.ui-resizable-handle{border:none!important;margin:0!important;outline:none!important}.gjs-com-dashed *{outline:1px dashed #888;outline-offset:-2px;box-sizing:border-box}.gjs-com-badge,.gjs-badge{pointer-events:none;background-color:var(--gjs-color-blue);color:#fff;padding:2px 5px;position:absolute;z-index:1;font-size:12px;outline:none;display:none}.gjs-badge-warning{background-color:var(--gjs-color-yellow)}.gjs-placeholder,.gjs-com-placeholder{position:absolute;z-index:10;pointer-events:none;display:none}.gjs-placeholder{border-style:solid!important;outline:none;box-sizing:border-box;transition:top var(--gjs-animation-duration),left var(--gjs-animation-duration),width var(--gjs-animation-duration),height var(--gjs-animation-duration)}.gjs-placeholder.horizontal,.gjs-com-placeholder.horizontal{border-color:rgba(0,0,0,0) var(--gjs-placeholder-background-color);border-width:3px 5px;margin:-3px 0 0}.gjs-placeholder.vertical,.gjs-com-placeholder.vertical{border-color:var(--gjs-placeholder-background-color) rgba(0,0,0,0);border-width:5px 3px;margin:0 0 0 -3px}.gjs-placeholder-int,.gjs-com-placeholder-int{background-color:var(--gjs-placeholder-background-color);box-shadow:0 0 3px #0003;height:100%;width:100%;pointer-events:none;padding:1.5px;outline:none}.gjs-pn-panel{display:inline-block;position:absolute;box-sizing:border-box;text-align:center;padding:5px;z-index:3}.gjs-pn-panel .icon-undo,.gjs-pn-panel .icon-redo{font-size:20px;height:30px;width:25px}.gjs-pn-commands{width:calc(100% - var(--gjs-left-width));left:0;top:0;box-shadow:0 0 5px var(--gjs-main-dark-color)}.gjs-pn-options{right:var(--gjs-left-width);top:0}.gjs-pn-views{border-bottom:2px solid var(--gjs-main-dark-color);right:0;width:var(--gjs-left-width);z-index:4}.gjs-pn-views-container{height:100%;padding:42px 0 0;right:0;width:var(--gjs-left-width);overflow:auto;box-shadow:0 0 5px var(--gjs-main-dark-color)}.gjs-pn-buttons{align-items:center;display:flex;justify-content:space-between}.gjs-pn-btn{box-sizing:border-box;min-height:30px;min-width:30px;line-height:21px;background-color:#0000;border:none;font-size:18px;margin-right:5px;border-radius:2px;padding:4px;position:relative;cursor:pointer}.gjs-pn-btn.gjs-pn-active{background-color:#00000026;box-shadow:0 0 3px #00000040 inset}.gjs-pn-btn svg{fill:currentColor}.gjs-label{line-height:18px}.gjs-fields{display:flex}.gjs-select{padding:0;width:100%}.gjs-select select{padding-right:10px}.gjs-select:-moz-focusring,.gjs-select select:-moz-focusring{color:#0000;text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-input:focus,.gjs-button:focus,.gjs-btn-prim:focus,.gjs-select:focus,.gjs-select select:focus{outline:none}.gjs-field input,.gjs-field select,.gjs-field textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;border:none;background-color:#0000;box-sizing:border-box;width:100%;position:relative;padding:var(--gjs-input-padding);z-index:1}.gjs-field input:focus,.gjs-field select:focus,.gjs-field textarea:focus{outline:none}.gjs-field input[type=number]{-moz-appearance:textfield}.gjs-field input[type=number]::-webkit-outer-spin-button,.gjs-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gjs-field-range{flex:9 1 auto}.gjs-field-integer input{padding-right:30px}.gjs-select option,.gjs-field-select option,.gjs-clm-select option,.gjs-sm-select option,.gjs-fields option,.gjs-sm-unit option{background-color:var(--gjs-main-color);color:var(--gjs-font-color)}.gjs-field{background-color:var(--gjs-main-dark-color);border:none;box-shadow:none;border-radius:2px;box-sizing:border-box;padding:0;position:relative}.gjs-field textarea{resize:vertical}.gjs-field .gjs-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;z-index:0}.gjs-field .gjs-d-s-arrow{bottom:0;top:0;margin:auto;right:var(--gjs-input-padding);border-top:4px solid var(--gjs-arrow-color);position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);cursor:pointer}.gjs-field-arrows{position:absolute;cursor:ns-resize;margin:auto;height:20px;width:9px;z-index:10;bottom:0;right:calc(var(--gjs-input-padding) - 2px);top:0}.gjs-field-color,.gjs-field-radio{width:100%}.gjs-field-color input{padding-right:var(--gjs-color-input-padding);box-sizing:border-box}.gjs-field-colorp{border-left:1px solid var(--gjs-main-dark-color);box-sizing:border-box;height:100%;padding:2px;position:absolute;right:0;top:0;width:var(--gjs-color-input-padding);z-index:10}.gjs-field-colorp .gjs-checker-bg,.gjs-field-colorp .gjs-field-colorp-c{height:100%;width:100%;border-radius:1px}.gjs-field-colorp-c{height:100%;position:relative;width:100%}.gjs-field-color-picker{background-color:var(--gjs-font-color);cursor:pointer;height:100%;width:100%;box-shadow:0 0 1px var(--gjs-main-dark-color);border-radius:1px;position:absolute;top:0}.gjs-field-checkbox{padding:0;width:17px;height:17px;display:block;cursor:pointer}.gjs-field-checkbox input{display:none}.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color:#ffffff80;border-width:0 2px 2px 0;border-style:solid}.gjs-radio-item{flex:1 1 auto;text-align:center;border-left:1px solid var(--gjs-dark-text-shadow)}.gjs-radio-item:first-child{border:none}.gjs-radio-item:hover{background:var(--gjs-main-dark-color)}.gjs-radio-item input{display:none}.gjs-radio-item input:checked+.gjs-radio-item-label{background-color:#fff3}.gjs-radio-items{display:flex}.gjs-radio-item-label{cursor:pointer;display:block;padding:var(--gjs-input-padding)}.gjs-field-units{position:absolute;margin:auto;right:10px;bottom:0;top:0}.gjs-field-unit{position:absolute;right:10px;top:3px;font-size:10px;color:var(--gjs-arrow-color);cursor:pointer}.gjs-input-unit{text-align:center}.gjs-field-arrow-u,.gjs-field-arrow-d{position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid var(--gjs-arrow-color);bottom:4px;cursor:pointer}.gjs-field-arrow-u{border-bottom:4px solid var(--gjs-arrow-color);border-top:none;top:4px}.gjs-field-select{padding:0}.gjs-field-range{background-color:#0000;border:none;box-shadow:none;padding:0}.gjs-field-range input{margin:0;height:100%}.gjs-field-range input:focus{outline:none}.gjs-field-range input::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-moz-range-thumb{height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-ms-thumb{height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-moz-range-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-webkit-slider-runnable-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-ms-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-btn-prim{color:inherit;background-color:var(--gjs-main-light-color);border-radius:2px;padding:3px 6px;padding:var(--gjs-input-padding);cursor:pointer;border:none}.gjs-btn-prim:active{background-color:var(--gjs-main-light-color)}.gjs-btn--full{width:100%}.gjs-chk-icon{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box;display:block;height:14px;margin:0 5px;width:6px}.gjs-add-trasp{background:none;border:none;color:var(--gjs-font-color);cursor:pointer;font-size:1em;border-radius:2px;opacity:.75;filter:alpha(opacity=75)}.gjs-add-trasp:hover{opacity:1;filter:alpha(opacity=100)}.gjs-add-trasp:active{background-color:#0003}.gjs-devices-c{display:flex;align-items:center;padding:2px 3px 3px}.gjs-devices-c .gjs-device-label{flex-grow:2;text-align:left;margin-right:10px}.gjs-devices-c .gjs-select{flex-grow:20}.gjs-devices-c .gjs-add-trasp{flex-grow:1;margin-left:5px}.gjs-sm-clear{cursor:pointer;width:14px;min-width:14px;height:14px;margin-left:3px}.gjs-sm-header{font-weight:lighter;padding:10px}.gjs-sm-sector{clear:both;font-weight:lighter;text-align:left}.gjs-sm-sector-title{display:flex;align-items:center}.gjs-sm-sector-caret{width:17px;height:17px;min-width:17px;transform:rotate(-90deg)}.gjs-sm-sector-label{margin-left:5px}.gjs-sm-sector.gjs-sm-open .gjs-sm-sector-caret{transform:none}.gjs-sm-properties{font-size:var(--gjs-font-size);padding:10px 5px;display:flex;flex-wrap:wrap;align-items:flex-end;box-sizing:border-box;width:100%}.gjs-sm-label{margin:5px 5px 3px 0;display:flex;align-items:center}.gjs-sm-close-btn,.gjs-sm-preview-file-close{display:block;font-size:23px;position:absolute;cursor:pointer;right:5px;top:0;opacity:.7;filter:alpha(opacity=70)}.gjs-sm-close-btn:hover,.gjs-sm-preview-file-close:hover{opacity:.9;filter:alpha(opacity=90)}.gjs-sm-field,.gjs-clm-field,.gjs-clm-select{width:100%;position:relative}.gjs-sm-field input,.gjs-clm-field input,.gjs-clm-select input,.gjs-sm-field select,.gjs-clm-field select,.gjs-clm-select select{background-color:#0000;color:#ffffffb3;border:none;width:100%}.gjs-sm-field input,.gjs-clm-field input,.gjs-clm-select input{box-sizing:border-box}.gjs-sm-field select,.gjs-clm-field select,.gjs-clm-select select{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gjs-sm-field select::-ms-expand,.gjs-clm-field select::-ms-expand,.gjs-clm-select select::-ms-expand{display:none}.gjs-sm-field select:-moz-focusring,.gjs-clm-field select:-moz-focusring,.gjs-clm-select select:-moz-focusring{color:#0000;text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-sm-field input:focus,.gjs-clm-field input:focus,.gjs-clm-select input:focus,.gjs-sm-field select:focus,.gjs-clm-field select:focus,.gjs-clm-select select:focus{outline:none}.gjs-sm-field .gjs-sm-unit,.gjs-clm-field .gjs-sm-unit,.gjs-clm-select .gjs-sm-unit{position:absolute;right:10px;top:3px;font-size:10px;color:var(--gjs-secondary-light-color);cursor:pointer}.gjs-sm-field .gjs-clm-sel-arrow,.gjs-clm-field .gjs-clm-sel-arrow,.gjs-clm-select .gjs-clm-sel-arrow,.gjs-sm-field .gjs-sm-int-arrows,.gjs-clm-field .gjs-sm-int-arrows,.gjs-clm-select .gjs-sm-int-arrows,.gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;cursor:ns-resize}.gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow{cursor:pointer}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow{position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);cursor:pointer}.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow{border-bottom:4px solid var(--gjs-secondary-light-color);top:4px}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow{border-top:4px solid var(--gjs-secondary-light-color);bottom:4px}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow{bottom:7px}.gjs-sm-field.gjs-sm-color,.gjs-sm-color.gjs-clm-field,.gjs-sm-field.gjs-sm-input,.gjs-sm-input.gjs-clm-field,.gjs-sm-field.gjs-sm-integer,.gjs-sm-integer.gjs-clm-field,.gjs-sm-field.gjs-sm-list,.gjs-sm-list.gjs-clm-field,.gjs-sm-field.gjs-sm-select,.gjs-sm-select.gjs-clm-field,.gjs-clm-select{background-color:var(--gjs-main-dark-color);border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 0 var(--gjs-main-light-color);color:var(--gjs-secondary-light-color);border-radius:2px;box-sizing:border-box;padding:0 5px}.gjs-sm-field.gjs-sm-composite,.gjs-sm-composite.gjs-clm-field,.gjs-sm-composite.gjs-clm-select{border-radius:2px}.gjs-sm-field.gjs-sm-select,.gjs-sm-select.gjs-clm-field,.gjs-clm-select{padding:0}.gjs-sm-field.gjs-sm-select select,.gjs-sm-select.gjs-clm-field select,.gjs-clm-select select{height:20px}.gjs-sm-field.gjs-sm-select option,.gjs-sm-select.gjs-clm-field option,.gjs-clm-select option{padding:3px 0}.gjs-sm-field.gjs-sm-composite,.gjs-sm-composite.gjs-clm-field,.gjs-sm-composite.gjs-clm-select{background-color:var(--gjs-secondary-dark-color);border:1px solid rgba(0,0,0,.25)}.gjs-sm-field.gjs-sm-list,.gjs-sm-list.gjs-clm-field,.gjs-sm-list.gjs-clm-select{width:auto;padding:0;overflow:hidden;float:left}.gjs-sm-field.gjs-sm-list input,.gjs-sm-list.gjs-clm-field input,.gjs-sm-list.gjs-clm-select input{display:none}.gjs-sm-field.gjs-sm-list label,.gjs-sm-list.gjs-clm-field label,.gjs-sm-list.gjs-clm-select label{cursor:pointer;padding:5px;display:block}.gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked+label{background-color:#fff3}.gjs-sm-field.gjs-sm-list .gjs-sm-icon,.gjs-sm-list.gjs-clm-field .gjs-sm-icon,.gjs-sm-list.gjs-clm-select .gjs-sm-icon{background-repeat:no-repeat;background-position:center;text-shadow:none;line-height:normal}.gjs-sm-field.gjs-sm-integer select,.gjs-sm-integer.gjs-clm-field select,.gjs-sm-integer.gjs-clm-select select{width:auto;padding:0}.gjs-sm-list .gjs-sm-el{float:left;border-left:1px solid var(--gjs-main-dark-color)}.gjs-sm-list .gjs-sm-el:first-child{border:none}.gjs-sm-list .gjs-sm-el:hover{background:var(--gjs-main-dark-color)}.gjs-sm-slider .gjs-field-integer{flex:1 1 65px}.gjs-sm-property{box-sizing:border-box;float:left;width:50%;margin-bottom:5px;padding:0 5px}.gjs-sm-property--full,.gjs-sm-property.gjs-sm-composite,.gjs-sm-property.gjs-sm-file,.gjs-sm-property.gjs-sm-list,.gjs-sm-property.gjs-sm-stack,.gjs-sm-property.gjs-sm-slider,.gjs-sm-property.gjs-sm-color{width:100%}.gjs-sm-property .gjs-sm-btn{background-color:color-mix(in srgb,var(--gjs-main-dark-color),white 13%);border-radius:2px;box-shadow:1px 1px color-mix(in srgb,var(--gjs-main-dark-color),white 2%),1px 1px color-mix(in srgb,var(--gjs-main-dark-color),white 17%) inset;padding:5px;position:relative;text-align:center;height:auto;width:100%;cursor:pointer;color:var(--gjs-font-color);box-sizing:border-box;text-shadow:-1px -1px 0 var(--gjs-main-dark-color);border:none;opacity:.85;filter:alpha(opacity=85)}.gjs-sm-property .gjs-sm-btn-c{box-sizing:border-box;float:left;width:100%}.gjs-sm-property__text-shadow .gjs-sm-layer-preview-cnt:after{color:#000;content:"T";font-weight:900;line-height:17px;padding:0 4px}.gjs-sm-preview-file{background-color:var(--gjs-light-border);border-radius:2px;margin-top:5px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--gjs-light-border),black 1%);padding:3px 20px}.gjs-sm-preview-file-cnt{background-size:auto 100%;background-repeat:no-repeat;background-position:center center;height:50px}.gjs-sm-preview-file-close{top:-5px;width:14px;height:14px}.gjs-sm-layers{margin-top:5px;padding:1px 3px;min-height:30px}.gjs-sm-layer{background-color:#ffffff0e;border-radius:2px;margin:2px 0;padding:7px;position:relative}.gjs-sm-layer.gjs-sm-active{background-color:#ffffff1f}.gjs-sm-layer .gjs-sm-label-wrp{display:flex;align-items:center}.gjs-sm-layer #gjs-sm-move{height:14px;width:14px;min-width:14px;cursor:grab}.gjs-sm-layer #gjs-sm-label{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 5px}.gjs-sm-layer-preview{height:15px;width:15px;min-width:15px;margin-right:5px;border-radius:2px}.gjs-sm-layer-preview-cnt{border-radius:2px;background-color:#fff;height:100%;width:100%;background-size:cover!important}.gjs-sm-layer #gjs-sm-close-layer{display:block;cursor:pointer;height:14px;width:14px;min-width:14px;opacity:.5;filter:alpha(opacity=50)}.gjs-sm-layer #gjs-sm-close-layer:hover{opacity:.8;filter:alpha(opacity=80)}.gjs-sm-stack .gjs-sm-properties{padding:5px 0 0}.gjs-sm-property__border-radius .gjs-sm-property__border-bottom-right-radius{order:4}.gjs-sm-stack #gjs-sm-add{background:none;border:none;cursor:pointer;outline:none;position:absolute;right:0;top:-17px;opacity:.75;padding:0;width:18px;height:18px}.gjs-sm-stack #gjs-sm-add:hover{opacity:1;filter:alpha(opacity=100)}.gjs-sm-colorp-c{height:100%;width:20px;position:absolute;right:0;top:0;box-sizing:border-box;border-radius:2px;padding:2px}.gjs-sm-colorp-c .gjs-field-colorp-c,.gjs-sm-colorp-c .gjs-checker-bg{height:100%;width:100%;border-radius:1px}.gjs-sm-color-picker{background-color:var(--gjs-font-color);cursor:pointer;height:16px;width:100%;margin-top:-16px;box-shadow:0 0 1px var(--gjs-main-dark-color);border-radius:1px}.gjs-sm-btn-upload #gjs-sm-upload{left:0;top:0;position:absolute;width:100%;opacity:0;cursor:pointer}.gjs-sm-btn-upload #gjs-sm-label{padding:2px 0}.gjs-sm-layer>#gjs-sm-move{opacity:.7;filter:alpha(opacity=70);cursor:move;font-size:12px;float:left;margin:0 5px 0 0}.gjs-sm-layer>#gjs-sm-move:hover{opacity:.9;filter:alpha(opacity=90)}.gjs-blocks-c{display:flex;flex-wrap:wrap;justify-content:flex-start}.gjs-block-categories{display:flex;flex-direction:column}.gjs-block-category{width:100%}.gjs-block-category .gjs-caret-icon{margin-right:5px}.gjs-block{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;width:45%;min-width:45px;padding:1em;box-sizing:border-box;min-height:90px;cursor:all-scroll;font-size:11px;font-weight:lighter;text-align:center;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:10px 2.5% 5px;box-shadow:0 1px #00000026;transition:all .2s ease 0s;transition-property:box-shadow,color}.gjs-block:hover{box-shadow:0 3px 4px #00000026}.gjs-block svg{fill:currentColor}.gjs-block__media{margin-bottom:10px;pointer-events:none}.gjs-block-svg{width:54px;fill:currentColor}.gjs-block-svg-path{fill:currentColor}.gjs-block.fa{font-size:2em;line-height:2em;padding:11px}.gjs-block-label{line-height:normal;font-size:.65rem;font-weight:400;font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.gjs-block.gjs-bdrag{width:auto;padding:0}.gjs-selected-parent{border:1px solid var(--gjs-color-yellow)}.gjs-opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-layer{font-weight:lighter;text-align:left;position:relative;font-size:var(--gjs-font-size);display:grid}.gjs-layer-item{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--gjs-main-dark-color);background-color:var(--gjs-secondary-dark-color);gap:var(--gjs-flex-item-gap);cursor:pointer}.gjs-layer-item-left,.gjs-layer-item-right{display:flex;align-items:center;gap:var(--gjs-flex-item-gap)}.gjs-layer-item-left{width:100%}.gjs-layer-hidden{opacity:.55;filter:alpha(opacity=55)}.gjs-layer-vis{box-sizing:content-box;cursor:pointer;z-index:1}.gjs-layer-vis-on,.gjs-layer-vis-off{display:flex;width:13px;height:13px}.gjs-layer-vis-off,.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-on{display:none}.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-off{display:flex}.gjs-layer-caret{width:15px;height:15px;cursor:pointer;box-sizing:content-box;transform:rotate(90deg);display:flex;opacity:.7;filter:alpha(opacity=70)}.gjs-layer-caret:hover{opacity:1;filter:alpha(opacity=100)}.gjs-layer.open>.gjs-layer-item .gjs-layer-caret{transform:rotate(180deg)}.gjs-layer-title{padding:0;display:flex;align-items:center;background-color:#0000!important;border-bottom:none}.gjs-layer-title-inn{align-items:center;position:relative;display:flex;gap:var(--gjs-flex-item-gap)}.gjs-layer-title-c{width:100%}.gjs-layer__icon{display:block;width:100%;max-width:15px;max-height:15px;padding-left:5px}.gjs-layer__icon svg{fill:currentColor}.gjs-layer-name{display:inline-block;box-sizing:content-box;overflow:hidden;white-space:nowrap;max-width:170px;height:auto}.gjs-layer-name--no-edit{text-overflow:ellipsis}.gjs-layer>.gjs-layer-children{display:none}.gjs-layer.open>.gjs-layer-children{display:block}.gjs-layer-no-chld>.gjs-layer-title-inn>.gjs-layer-caret{visibility:hidden}.gjs-layer-move{display:flex;width:13px;height:13px;box-sizing:content-box;cursor:move}.gjs-layer.gjs-hovered .gjs-layer-item{background-color:var(--gjs-soft-light-color)}.gjs-layer.gjs-selected .gjs-layer-item{background-color:var(--gjs-main-light-color)}.gjs-layers{position:relative;height:100%}.gjs-layers #gjs-placeholder{width:100%;position:absolute}.gjs-layers #gjs-placeholder #gjs-plh-int{height:100%;padding:1px}.gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert{background-color:var(--gjs-color-green)}#gjs-clm-add-tag,.gjs-clm-tags-btn{background-color:#ffffff26;border-radius:2px;padding:3px;margin-right:3px;border:1px solid rgba(0,0,0,.15);width:24px;height:24px;box-sizing:border-box;cursor:pointer}.gjs-clm-tags-btn svg{fill:currentColor;display:block}.gjs-clm-header{display:flex;align-items:center;margin:7px 0}.gjs-clm-header-status{flex-shrink:1;margin-left:auto}.gjs-clm-tag{display:flex;overflow:hidden;align-items:center;border-radius:3px;margin:0 3px 3px 0;padding:5px;cursor:default}.gjs-clm-tag-status,.gjs-clm-tag-close{width:12px;height:12px;flex-shrink:1}.gjs-clm-tag-status svg,.gjs-clm-tag-close svg{vertical-align:middle;fill:currentColor}.gjs-clm-sels-info{margin:7px 0;text-align:left}.gjs-clm-sel-id{font-size:.9em;opacity:.5;filter:alpha(opacity=50)}.gjs-clm-label-sel{float:left;padding-right:5px}.gjs-clm-tags{font-size:var(--gjs-font-size);padding:10px 5px}.gjs-clm-tags #gjs-clm-sel{padding:7px 0;float:left}.gjs-clm-tags #gjs-clm-sel{font-style:italic;margin-left:5px}.gjs-clm-tags #gjs-clm-tags-field{clear:both;padding:5px;margin-bottom:5px;display:flex;flex-wrap:wrap}.gjs-clm-tags #gjs-clm-tags-c{display:flex;flex-wrap:wrap;vertical-align:top;overflow:hidden}.gjs-clm-tags #gjs-clm-new{color:var(--gjs-font-color);padding:var(--gjs-padding-elem-classmanager);display:none}.gjs-clm-tags #gjs-clm-close{opacity:.85;filter:alpha(opacity=85);font-size:20px;line-height:0;cursor:pointer;color:#ffffffe6}.gjs-clm-tags #gjs-clm-close:hover{opacity:1;filter:alpha(opacity=100)}.gjs-clm-tags #gjs-clm-checkbox{color:#ffffffe6;vertical-align:middle;cursor:pointer;font-size:9px}.gjs-clm-tags #gjs-clm-tag-label{flex-grow:1;text-overflow:ellipsis;overflow:hidden;padding:0 3px;cursor:text}.gjs-mdl-container{font-family:var(--gjs-main-font);overflow-y:auto;position:fixed;background-color:#00000080;display:flex;top:0;left:0;right:0;bottom:0;z-index:100}.gjs-mdl-dialog{text-shadow:-1px -1px 0 rgba(0,0,0,.05);animation:gjs-slide-down .215s;margin:auto;max-width:850px;width:90%;border-radius:3px;font-weight:lighter;position:relative;z-index:2}.gjs-mdl-title{font-size:1rem}.gjs-mdl-btn-close{position:absolute;right:15px;top:5px}.gjs-mdl-active .gjs-mdl-dialog{animation:gjs-mdl-slide-down .216s}.gjs-mdl-header,.gjs-mdl-content{padding:10px 15px;clear:both}.gjs-mdl-header{position:relative;border-bottom:1px solid var(--gjs-main-dark-color);padding:15px 15px 7px}.gjs-export-dl:after{content:"";clear:both;display:block;margin-bottom:10px}.gjs-dropzone{display:none;opacity:0;position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;transition:opacity .25s;pointer-events:none}.gjs-dropzone-active .gjs-dropzone{display:block;opacity:1}.gjs-am-assets{height:290px;overflow:auto;clear:both;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}.gjs-am-assets-header{padding:5px}.gjs-am-add-asset .gjs-am-add-field{width:70%;float:left}.gjs-am-add-asset button{width:25%;float:right}.gjs-am-preview-cont{position:relative;height:70px;width:30%;background-color:var(--gjs-main-color);border-radius:2px;float:left;overflow:hidden}.gjs-am-preview{position:absolute;background-position:center center;background-size:cover;background-repeat:no-repeat;height:100%;width:100%;z-index:1}.gjs-am-preview-bg{opacity:.5;filter:alpha(opacity=50);position:absolute;height:100%;width:100%;z-index:0}.gjs-am-dimensions{opacity:.5;filter:alpha(opacity=50);font-size:10px}.gjs-am-meta{width:70%;float:left;font-size:12px;padding:5px 0 0 5px;box-sizing:border-box}.gjs-am-meta>div{margin-bottom:5px}.gjs-am-close{cursor:pointer;position:absolute;right:5px;top:0;display:none}.gjs-am-asset{border-bottom:1px solid color-mix(in srgb,var(--gjs-main-dark-color),black 3%);padding:5px;cursor:pointer;position:relative;box-sizing:border-box;width:100%}.gjs-am-asset:hover .gjs-am-close{display:block}.gjs-am-highlight{background-color:var(--gjs-main-light-color)}.gjs-am-assets-cont{background-color:var(--gjs-secondary-dark-color);border-radius:3px;box-sizing:border-box;padding:10px;width:45%;float:right;height:325px;overflow:hidden}.gjs-am-file-uploader{width:55%;float:left}.gjs-am-file-uploader>form{background-color:var(--gjs-secondary-dark-color);border:2px dashed;border-radius:3px;position:relative;text-align:center;margin-bottom:15px}.gjs-am-file-uploader>form.gjs-am-hover{border:2px solid var(--gjs-color-green);color:color-mix(in srgb,var(--gjs-color-green),white 5%)}.gjs-am-file-uploader>form.gjs-am-disabled{border-color:red}.gjs-am-file-uploader>form #gjs-am-uploadFile{opacity:0;filter:alpha(opacity=0);padding:var(--gjs-upload-padding);width:100%;box-sizing:border-box}.gjs-am-file-uploader #gjs-am-title{position:absolute;padding:var(--gjs-upload-padding);width:100%}.gjs-cm-editor-c{float:left;box-sizing:border-box;width:50%}.gjs-cm-editor-c .CodeMirror{height:450px}.gjs-cm-editor{font-size:12px}.gjs-cm-editor#gjs-cm-htmlmixed{padding-right:10px;border-right:1px solid var(--gjs-main-dark-color)}.gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title{color:#a97d44}.gjs-cm-editor#gjs-cm-css{padding-left:10px}.gjs-cm-editor#gjs-cm-css #gjs-cm-title{color:#ddca7e}.gjs-cm-editor #gjs-cm-title{background-color:var(--gjs-main-dark-color);font-size:12px;padding:5px 10px 3px;text-align:right}.gjs-rte-toolbar{position:absolute;z-index:10}.gjs-rte-toolbar-ui{border:1px solid var(--gjs-main-dark-color);border-radius:3px}.gjs-rte-actionbar{display:flex}.gjs-rte-action{display:flex;align-items:center;justify-content:center;padding:5px;width:25px;border-right:1px solid var(--gjs-main-dark-color);text-align:center;cursor:pointer;outline:none}.gjs-rte-action:last-child{border-right:none}.gjs-rte-action:hover,.gjs-rte-active{background-color:var(--gjs-main-light-color)}.gjs-rte-disabled{color:var(--gjs-main-light-color);cursor:not-allowed}.gjs-rte-disabled:hover{background-color:unset}.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid #000;background:#fff;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container,.sp-container.sp-buttons-disabled .sp-button-container,.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,.sp-palette-only .sp-picker-container,.sp-palette-disabled .sp-palette-container,.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,#cc9a8100);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr="#FFFFFFFF",endColorstr="#00CC9A81")}.sp-val{background-image:-webkit-gradient(linear,0 100%,0 0,from(#000000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,#cc9a8100);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81",endColorstr="#FF000000")}.sp-hue{background:-moz-linear-gradient(top,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:-ms-linear-gradient(top,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:-o-linear-gradient(top,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:-webkit-gradient(linear,left top,left bottom,from(#ff0000),color-stop(.17,#ffff00),color-stop(.33,#00ff00),color-stop(.5,#00ffff),color-stop(.67,#0000ff),color-stop(.83,#ff00ff),to(#ff0000));background:-webkit-linear-gradient(top,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:linear-gradient(to bottom,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ffff00")}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#00ff00")}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00",endColorstr="#00ffff")}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff",endColorstr="#0000ff")}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#ff00ff")}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff",endColorstr="#ff0000")}.sp-hidden{display:none!important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}@media(max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:#fff;opacity:.8}.sp-container{border-radius:0;background-color:#ececec;border:solid 1px #f0c49b;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font: 12px Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px!important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:#0000;border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px 10px 300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px rgba(0,0,0,0)}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#f0c49b;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:-webkit-linear-gradient(top,#eeeeee,#cccccc);background-image:-moz-linear-gradient(top,#eeeeee,#cccccc);background-image:-ms-linear-gradient(top,#eeeeee,#cccccc);background-image:-o-linear-gradient(top,#eeeeee,#cccccc);background-image:linear-gradient(to bottom,#eee,#ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:-webkit-linear-gradient(top,#dddddd,#bbbbbb);background-image:-moz-linear-gradient(top,#dddddd,#bbbbbb);background-image:-ms-linear-gradient(top,#dddddd,#bbbbbb);background-image:-o-linear-gradient(top,#dddddd,#bbbbbb);background-image:linear-gradient(to bottom,#ddd,#bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-moz-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px #eee}.sp-cancel{font-size:11px;color:#d93f3f!important;margin:0 5px 0 0;padding:2px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f!important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.gjs-editor-sp{border:1px solid var(--gjs-main-dark-color);box-shadow:0 0 7px var(--gjs-main-dark-color);border-radius:3px}.gjs-editor-sp .sp-hue,.gjs-editor-sp .sp-slider{cursor:row-resize}.gjs-editor-sp .sp-color,.gjs-editor-sp .sp-dragger{cursor:crosshair}.gjs-editor-sp .sp-alpha-inner,.gjs-editor-sp .sp-alpha-handle{cursor:col-resize}.gjs-editor-sp .sp-hue{left:90%}.gjs-editor-sp .sp-color{right:15%}.gjs-editor-sp .sp-picker-container{border:none}.gjs-editor-sp .colpick_dark .colpick_color{outline:1px solid var(--gjs-main-dark-color)}.gjs-editor-sp .sp-cancel,.gjs-editor-sp .sp-cancel:hover{bottom:-8px;color:#777!important;font-size:25px;left:0;position:absolute;text-decoration:none}.gjs-editor-sp .sp-alpha-handle{background-color:#ccc;border:1px solid #555;width:4px}.gjs-editor-sp .sp-color,.gjs-editor-sp .sp-hue{border:1px solid #333}.gjs-editor-sp .sp-slider{background-color:#ccc;border:1px solid #555;height:3px;left:-4px;width:22px}.gjs-editor-sp .sp-dragger{background:#0000;box-shadow:0 0 0 1px #111}.gjs-editor-sp .sp-button-container{float:none;width:100%;position:relative;text-align:right}.gjs-editor-sp .sp-button-container .sp-choose,.gjs-editor-sp .sp-button-container .sp-choose:hover,.gjs-editor-sp .sp-button-container .sp-choose:active{background:var(--gjs-main-dark-color);border-color:var(--gjs-main-dark-color);color:var(--gjs-font-color);text-shadow:none;box-shadow:none;padding:3px 5px}.gjs-editor-sp .sp-palette-container{border:none;float:none;margin:0;padding:5px 10px 0}.gjs-editor-sp .sp-palette .sp-thumb-el,.gjs-editor-sp .sp-palette .sp-thumb-el:hover{border:1px solid rgba(0,0,0,.9)}.gjs-editor-sp .sp-palette .sp-thumb-el:hover,.gjs-editor-sp .sp-palette .sp-thumb-el.sp-thumb-active{border-color:#000000e6}.gjs-one-bg{background-color:var(--gjs-primary-color)}.gjs-one-color,.gjs-one-color-h:hover{color:var(--gjs-primary-color)}.gjs-two-bg{background-color:var(--gjs-secondary-color)}.gjs-two-color,.gjs-two-color-h:hover{color:var(--gjs-secondary-color)}.gjs-three-bg{background-color:var(--gjs-tertiary-color)}.gjs-three-color,.gjs-three-color-h:hover{color:var(--gjs-tertiary-color)}.gjs-four-bg{background-color:var(--gjs-quaternary-color)}.gjs-four-color,.gjs-four-color-h:hover{color:var(--gjs-quaternary-color)}.gjs-danger-bg{background-color:var(--gjs-color-red)}.gjs-danger-color,.gjs-danger-color-h:hover{color:var(--gjs-color-red)}.gjs-bdrag{pointer-events:none!important;position:absolute!important;z-index:10!important;width:auto}.gjs-drag-helper{background-color:var(--gjs-color-blue)!important;pointer-events:none!important;position:absolute!important;z-index:10!important;transform:scale(.3)!important;transform-origin:top left!important;-webkit-transform-origin:top left!important;margin:15px!important;transition:none!important;outline:none!important}.gjs-grabbing,.gjs-grabbing *{cursor:grabbing!important;cursor:-webkit-grabbing!important}.gjs-grabbing{overflow:hidden}.gjs-off-prv{position:relative;z-index:10;padding:5px;cursor:pointer}.gjs-editor-cont ::-webkit-scrollbar-track{background:var(--gjs-secondary-dark-color)}.gjs-editor-cont ::-webkit-scrollbar-thumb{background-color:#fff3}.gjs-editor-cont ::-webkit-scrollbar{width:8px}.gjs-no-touch-actions{touch-action:none}.gjs-disabled{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;opacity:.5;filter:alpha(opacity=50)}.gjs-editor{font-family:var(--gjs-main-font);font-size:var(--gjs-font-size);position:relative;box-sizing:border-box;height:100%}.gjs-freezed{opacity:.5;filter:alpha(opacity=50);pointer-events:none}.gjs-hidden{display:none}@keyframes gjs-slide-down{0%{transform:translateY(-3rem);opacity:0}to{transform:translate(0);opacity:1}}@keyframes gjs-slide-up{0%{transform:translate(0);opacity:1}to{transform:translateY(-3rem);opacity:0}}.cm-s-hopscotch span.cm-error{color:#fff}.gjs-one-bg{background-color:#fff}.gjs-two-color{color:#333}.gjs-three-bg{background-color:#f8f9fa;color:#333}.gjs-four-color,.gjs-four-color-h:hover{color:#7c3aed}.gjs-font-color{color:#333}.gjs-sm-sector .gjs-sm-title,.gjs-block-category .gjs-title{background-color:#f0f2f5;color:#333;border-bottom:1px solid #ddd}.gjs-block{box-shadow:0 1px 3px #0000001a;border:1px solid #eee}.gjs-block:hover{box-shadow:0 4px 6px #0000001a}.gjs-cv-canvas{background-color:#e9ecef}.grapesjs-editor-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,Segoe UI,Tahoma,sans-serif;color:#333}.grapesjs-editor-header{background:#fff;color:#333;padding:10px 20px;display:flex;justify-content:flex-start;align-items:center;gap:20px;box-shadow:0 1px 5px #0006;z-index:10;border-bottom:1px solid #e0e0e0}.header-left{display:flex;align-items:center;gap:20px}.header-left h2{margin:0;font-size:1.1rem;font-weight:500;color:#333}.template-name-input{padding:6px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;min-width:250px;background:#f8f9fa;color:#333;font-weight:400;transition:all .2s;font-family:Inter,Segoe UI,sans-serif}.template-name-input:focus{outline:none;background:#e9ecef;border-color:#7c3aed}.template-name-input::placeholder{color:#999}.header-actions{display:flex;gap:10px;margin-left:auto}.header-toolbar{display:flex;gap:8px;align-items:center;padding-right:20px;border-right:1px solid #e0e0e0}.toolbar-btn{padding:8px 10px;border:none;border-radius:4px;background:transparent;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:15px;min-width:36px;min-height:36px}.toolbar-btn:hover:not(:disabled){background:#0000000d;color:#333}.toolbar-btn:active:not(:disabled){background:#0000001a}.toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.editor-btn{padding:8px 16px;border:1px solid transparent;border-radius:4px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .2s;font-size:.85rem;background:#f8f9fa;color:#333}.preview-btn:hover,.code-btn:hover,.Them-export-btn:hover{background:#e9ecef;color:#333}.save-btn{background:#4caf50;color:#fff}.save-btn:hover{background:#388e3c}.Theme-close-btn{background:#f44336;color:#fff}.Theme-close-btn:hover{background:#d32f2f}.grapesjs-editor-body{flex:1;display:flex;overflow:hidden;background:#f0f2f5}.gjs-pn-panels{display:none!important}.grapesjs-sidebar-left,.grapesjs-sidebar-right{width:220px;background:#f8f9fa;border-right:1px solid #e0e0e0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scrollbar-width:thin}.grapesjs-sidebar-right{width:260px;border-right:none;border-left:1px solid #e0e0e0}.sidebar-section{padding:0;border-bottom:1px solid #ddd}.sidebar-section h3{margin:0;padding:12px 15px;font-size:.75rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:1px;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.grapesjs-main{flex:1;display:flex;flex-direction:column;background:#f0f2f5;overflow:hidden}.panel__top,.panel__basic-actions,.panel__devices{display:none!important}.gjs-cv-canvas{position:relative!important}.gjs-cv-canvas__frames{padding-top:0!important}.blocks-container{min-height:400px;overflow-y:auto;overflow-x:hidden;padding:0}.styles-container,.traits-container{min-height:200px;overflow-x:hidden;padding:0}.layers-container{min-height:250px;overflow-y:auto;overflow-x:hidden;padding:12px 8px;width:100%}.code-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e293b99;display:flex;align-items:center;justify-content:center;z-index:100000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.code-modal-content{background:#fff;border-radius:16px;width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #7c3aed40;border:1.5px solid #e9ecf5}.code-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1.5px solid #e9ecf5;background:linear-gradient(135deg,#7c3aed,#0ea5e9);color:#fff;border-radius:16px 16px 0 0}.code-modal-header h3{margin:0;font-size:20px}.close-modal-btn{background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s}.close-modal-btn:hover{background:#ffffff4d;transform:scale(1.1)}.code-modal-body{padding:25px;overflow-y:auto;flex:1}.code-section{margin-bottom:25px}.code-section:last-child{margin-bottom:0}.code-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.code-section-header h4{margin:0;font-size:.95rem;color:#1e293b;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.copy-btn{padding:7px 18px;background:#7c3aed;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.8rem;transition:all .18s}.copy-btn:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed59}.code-block{background:#2d2d2d;color:#f8f8f2;padding:20px;border-radius:8px;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6;margin:0;max-height:400px;overflow-y:auto}.code-block::-webkit-scrollbar{width:8px;height:8px}.code-block::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.code-block::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:4px}.code-block::-webkit-scrollbar-thumb:hover{background:#777}.grapesjs-sidebar-left::-webkit-scrollbar,.grapesjs-sidebar-right::-webkit-scrollbar{width:8px}.grapesjs-sidebar-left::-webkit-scrollbar-track,.grapesjs-sidebar-right::-webkit-scrollbar-track{background:#f0f2f5}.grapesjs-sidebar-left::-webkit-scrollbar-thumb,.grapesjs-sidebar-right::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:4px}.grapesjs-sidebar-left::-webkit-scrollbar-thumb:hover,.grapesjs-sidebar-right::-webkit-scrollbar-thumb:hover{background:#777}.gjs-cv-canvas__frames{background:#f6f7fb}.gjs-cv-canvas{position:absolute!important;z-index:1;width:100%!important;height:100%!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.gjs-editor{width:100%!important;height:100%!important}.grapesjs-editor-canvas{flex:1;width:100%!important;height:100%!important;overflow:hidden;position:relative}.gjs-cv-canvas__frames{z-index:2;width:100%!important;height:100%!important}.gjs-one-bg,.gjs-two-bg,.gjs-three-bg{background-color:#fff!important}.gjs-four-color{color:#7c3aed!important}.gjs-two-color,.gjs-three-color,.gjs-font-color{color:#333!important}.gjs-block-category .gjs-title{background-color:#f8f9fa!important;color:#333!important;border-bottom:1px solid #e0e0e0!important;border-top:1px solid #e0e0e0!important}.gjs-layer-title{color:#333!important}.gjs-field-colorp{z-index:1!important}.gjs-field-color-picker{border-right:1px solid #ccc!important}.gjs-toolbar{background-color:#fff!important;border:1px solid #e0e0e0!important;box-shadow:0 2px 5px #0000001a!important}.gjs-toolbar-item{color:#555!important}.gjs-toolbar-item:hover{color:#7c3aed!important}.gjs-badge{background-color:#7c3aed!important}.gjs-highlighter,.gjs-highlighter-warning{outline:2px solid #7c3aed!important}.gjs-editor-cont.gjs-editor{color:#333!important}.gjs-one-bg,.gjs-two-bg,.gjs-three-bg,.gjs-four-bg{background-color:#fff!important}.gjs-block{background-color:#fff!important;color:#333!important;border:1px solid #e0e0e0!important;box-shadow:0 1px 2px #0000000d!important;border-radius:4px!important;transition:all .2s ease!important}.gjs-block:hover{border-color:#7c3aed!important;color:#7c3aed!important;box-shadow:0 3px 6px #00000014!important}.gjs-block-category .gjs-title,.gjs-layer-title{background-color:#f8f9fa!important;color:#333!important;border-bottom:1px solid #e0e0e0!important;border-top:1px solid #e0e0e0!important}.gjs-layer{background-color:#fff!important;color:#333!important;border-bottom:1px solid #f0f0f0!important}.gjs-layer:hover{background-color:#f8f9fa!important;color:#7c3aed!important}.gjs-layer.gjs-active{background-color:#e9ecef!important;color:#7c3aed!important}.gjs-sm-sector .gjs-sm-title,.gjs-trt-title{background-color:#f8f9fa!important;color:#333!important;border-bottom:1px solid #e0e0e0!important;border-top:1px solid #e0e0e0!important}.gjs-sm-properties,.gjs-trt-traits{background-color:#fff!important}.gjs-sm-property{color:#555!important}.gjs-field{background-color:#fff!important;border:1px solid #ccc!important;color:#333!important;box-shadow:none!important}.gjs-field input,.gjs-field select{color:#333!important}.gjs-radio-item{color:#555!important;border:1px solid #ccc!important;background-color:#fff!important}.gjs-radio-item.gjs-active{background-color:#e9ecef!important;color:#7c3aed!important;border-color:#7c3aed!important}.sp-container,.gjs-color-picker{z-index:9999999!important}.gjs-field-arrows{background:silver!important;z-index:1!important}.gjs-field-arrows svg,.gjs-field-arrows svg path,.gjs-field-arrow-u polygon,.gjs-field-arrow-d polygon,.gjs-field-unit select,.gjs-sm-field .gjs-field-arrow-u,.gjs-sm-field .gjs-field-arrow-d,.gjs-pn-btn svg,.gjs-sm-sector svg{fill:#333!important;color:#333!important}.gjs-block svg{fill:#333!important}.gjs-block:hover svg{fill:#7c3aed!important}.Email-Campagin{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;margin:0 auto;padding:24px 20px;background-color:#f5f7fa;border-radius:12px;box-shadow:0 4px 20px #00000014}.tab-navigation{display:flex;gap:4px;margin-bottom:24px;background:#fff;border-radius:10px;padding:6px;box-shadow:0 1px 4px #00000014;flex-wrap:wrap}.Campaign-Tabs{flex:1;min-width:90px;padding:10px 16px;background-color:transparent;border:none;border-radius:7px;cursor:pointer;font-size:13.5px;font-weight:500;color:#6b7280;transition:background-color .2s,color .2s;white-space:nowrap}.Campaign-Tabs:hover:not(:disabled){background-color:#f0f4ff;color:#3b63d4}.Campaign-Tabs.active{background-color:#3b63d4;color:#fff;box-shadow:0 2px 8px #3b63d459}.Campaign-Tabs:disabled{color:#c4c9d4;cursor:not-allowed}.rederTab{background-color:#fff;padding:28px;border-radius:10px;box-shadow:0 1px 4px #00000012;min-height:420px}.Navigation-Btn{display:flex;justify-content:space-between;margin-top:20px;gap:12px}.Prev-Btn,.Next-Btn{padding:10px 28px;border:none;border-radius:7px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s,opacity .2s}.Prev-Btn{background-color:#e5e7eb;color:#374151}.Prev-Btn:hover:not(:disabled){background-color:#d1d5db}.Next-Btn{background-color:#3b63d4;color:#fff}.Next-Btn:hover:not(:disabled){background-color:#2f52b8}.Prev-Btn:disabled,.Next-Btn:disabled{opacity:.45;cursor:not-allowed}.setup-tab h2{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 24px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-size:13.5px;font-weight:600;color:#374151}.form-group input{width:100%;padding:10px 13px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:14px;color:#1f2937;background:#fafafa;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#3b63d4;box-shadow:0 0 0 3px #3b63d41f;background:#fff}.form-group input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.Contact-Tab{display:flex;flex-direction:column;gap:20px}.group-section{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:16px}.group-select-container select{width:100%;padding:10px 13px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer;transition:border-color .2s}.group-select-container select:focus{outline:none;border-color:#3b63d4}.group-select-container select:disabled{opacity:.6;cursor:not-allowed}.contacts-table-container{overflow-x:auto;border-radius:6px}.contacts-table{width:100%;border-collapse:collapse;font-size:13.5px}.contacts-table th{background-color:#f3f4f6;color:#374151;font-weight:600;padding:11px 14px;text-align:left;border-bottom:2px solid #e5e7eb;white-space:nowrap}.contacts-table td{padding:10px 14px;border-bottom:1px solid #f0f0f0;color:#4b5563}.contacts-table tbody tr:last-child td{border-bottom:none}.contacts-table tbody tr:hover{background-color:#f9fafb}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:16px}.pagination button{padding:7px 16px;background-color:#3b63d4;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background-color .2s}.pagination button:hover:not(:disabled){background-color:#2f52b8}.pagination button:disabled{background-color:#d1d5db;cursor:not-allowed}.pagination span{font-size:13px;color:#6b7280;min-width:100px;text-align:center}.Personalize-Tab{display:flex;flex-direction:column;gap:20px}.Email-Editor{display:flex;flex-direction:column;gap:16px}.Email-Editor label{display:block;font-size:13.5px;font-weight:600;color:#374151;margin-bottom:6px}.Email-Subject{width:100%;padding:10px 13px;font-size:14px;font-family:inherit;line-height:1.5;border:1.5px solid #e5e7eb;border-radius:7px;resize:none;box-sizing:border-box;min-height:44px;max-height:80px;overflow-y:auto;transition:border-color .2s,box-shadow .2s;background:#fafafa;color:#1f2937;scrollbar-width:thin}.Email-Subject:focus{outline:none;border-color:#3b63d4;box-shadow:0 0 0 3px #3b63d41f;background:#fff}.Email-Body{width:100%;min-height:220px;max-height:480px;padding:14px;font-size:14px;font-family:Arial,sans-serif;line-height:1.6;border:1.5px solid #e5e7eb;border-radius:7px;overflow-y:auto;box-sizing:border-box;color:#1f2937;background:#fafafa;transition:border-color .2s,box-shadow .2s;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.Email-Body:focus{outline:none;border-color:#3b63d4;box-shadow:0 0 0 3px #3b63d41f;background:#fff}.variable-placeholder,.inserted-variable{display:inline-block;font-size:12.5px;font-weight:600;color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:0 5px}.variables-panel{background-color:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:16px 18px}.variables-panel h4{margin:0 0 10px;font-size:13.5px;font-weight:600;color:#374151}.variables-panel p{font-size:13px;color:#9ca3af;margin:0}.Variables{display:flex;flex-wrap:wrap;gap:8px}.Variables button{padding:5px 12px;background-color:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:6px;cursor:pointer;font-size:12.5px;font-weight:500;transition:background-color .2s,border-color .2s}.Variables button:hover{background-color:#dbeafe;border-color:#93c5fd}.instructions{background-color:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #0ea5e9;border-radius:6px;padding:14px 16px}.instructions h4{margin:0 0 8px;font-size:13.5px;font-weight:600;color:#0c4a6e}.instructions ol{margin:0;padding-left:18px}.instructions li{font-size:13px;color:#0369a1;margin-bottom:4px;line-height:1.5}.Confirm-Tab{display:flex;flex-direction:column;gap:20px}.summary-card{background-color:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:18px 20px}.detail-item{display:flex;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid #f3f4f6}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{font-size:13px;font-weight:600;color:#6b7280;min-width:80px}.detail-item span:nth-child(2){font-size:14px;color:#1f2937;flex:1}.detail-item button{padding:4px 12px;font-size:12.5px;background-color:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:5px;cursor:pointer;white-space:nowrap;transition:background-color .2s}.detail-item button:hover{background-color:#dbeafe}.preview-section{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:20px;font-family:Arial,sans-serif;line-height:1.6}.preview-section .variable-placeholder{font-weight:400;color:inherit;background-color:transparent;border:none;padding:0}.Email-Preview{font-size:15px;font-weight:600;color:#374151;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.action-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0}.schedule-section{width:100%;max-width:400px;background-color:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:16px 18px;margin-bottom:8px}.schedule-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;margin-bottom:12px}.schedule-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b63d4}.schedule-checkbox span{-webkit-user-select:none;user-select:none}.schedule-datetime{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.schedule-datetime label{font-size:13px;font-weight:600;color:#6b7280}.schedule-datetime input[type=datetime-local]{width:100%;padding:10px 13px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:14px;color:#1f2937;background:#fff;box-sizing:border-box;font-family:inherit;transition:border-color .2s,box-shadow .2s}.schedule-datetime input[type=datetime-local]:focus{outline:none;border-color:#3b63d4;box-shadow:0 0 0 3px #3b63d41f}.Send-Campaign{padding:13px 36px;background-color:#16a34a;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 2px 8px #16a34a4d}.Send-Campaign:hover:not(:disabled){background-color:#15803d;transform:translateY(-1px)}.Send-Campaign:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.send-result{text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px 28px;min-width:220px}.send-result>div:first-child{font-size:15px;font-weight:600;color:#15803d;margin-bottom:8px}.Campaign-Statuses{display:flex;justify-content:center;gap:24px;font-size:14px;font-weight:600;margin:4px 0 8px}.Campaign-Statuses div:first-child{color:#16a34a}.Campaign-Statuses div:last-child{color:#dc2626}.text-red-500{color:#dc2626;font-size:13.5px}.text-gray-500{color:#9ca3af;font-size:13.5px}@media(max-width:640px){.Email-Campagin{padding:16px 12px;border-radius:8px}.tab-navigation{gap:2px;padding:4px}.Campaign-Tabs{font-size:12px;padding:8px 10px;min-width:60px}.rederTab{padding:18px 14px}.contacts-table th,.contacts-table td{padding:8px 10px;font-size:12.5px}.Prev-Btn,.Next-Btn{padding:9px 18px;font-size:13px}}:root{--ct-purple: #7c3aed;--ct-blue: #0ea5e9;--ct-green: #10b981;--ct-red: #ef4444;--ct-amber: #f59e0b;--ct-bg: #f6f7fb;--ct-card: #ffffff;--ct-border: #e9ecf5;--ct-text: #1e293b;--ct-muted: #64748b;--ct-light: #f1f5f9;--ct-radius: 16px;--ct-shadow: 0 2px 16px rgba(99, 102, 241, .07)}.ct-root{display:flex;flex-direction:column;gap:20px;padding:24px 28px 48px;background:var(--ct-bg);min-height:100vh;font-family:Inter,Segoe UI,sans-serif;color:var(--ct-text);box-sizing:border-box}.ct-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.ct-title{font-size:1.65rem;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,var(--ct-purple),var(--ct-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ct-subtitle{font-size:.875rem;color:var(--ct-muted);margin:0}.ct-header-actions{display:flex;gap:10px;flex-shrink:0}.ct-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:.84rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .18s;white-space:nowrap}.ct-btn-primary{background:linear-gradient(135deg,var(--ct-purple),var(--ct-blue));color:#fff;box-shadow:0 4px 14px #7c3aed40}.ct-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.ct-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.ct-btn-ghost{background:var(--ct-card);border-color:var(--ct-border);color:var(--ct-muted);box-shadow:var(--ct-shadow)}.ct-btn-ghost:hover{background:var(--ct-purple);color:#fff;border-color:var(--ct-purple)}.ct-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.ct-btn-danger{background:#fff0f0;border-color:#fca5a5;color:var(--ct-red)}.ct-btn-danger:hover{background:var(--ct-red);color:#fff;border-color:var(--ct-red)}.ct-btn-lg{padding:12px 28px;font-size:.92rem;border-radius:12px}@keyframes ct-spin{to{transform:rotate(360deg)}}.ct-spin{animation:ct-spin .8s linear infinite}.ct-create-panel{background:var(--ct-card);border-radius:var(--ct-radius);border:1.5px solid var(--ct-border);box-shadow:var(--ct-shadow);overflow:hidden}.ct-create-header{padding:20px 24px 16px;border-bottom:1.5px solid var(--ct-border);background:linear-gradient(135deg,#faf5ff,#f0f9ff)}.ct-create-title-wrap{display:flex;align-items:center;gap:14px}.ct-create-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--ct-purple),var(--ct-blue));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ct-create-title-wrap h3{margin:0 0 3px;font-size:1rem;font-weight:700;color:var(--ct-text)}.ct-create-title-wrap p{margin:0;font-size:.82rem;color:var(--ct-muted)}.ct-dropzone{margin:20px 24px 0;border:2px dashed var(--ct-border);border-radius:14px;padding:36px 24px;cursor:pointer;transition:all .2s;background:var(--ct-light);text-align:center}.ct-dropzone:hover,.ct-dropzone.drag-over{border-color:var(--ct-purple);background:#faf5ff}.ct-dropzone.has-file{border-style:solid;border-color:var(--ct-green);background:#f0fdf4}.ct-dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:10px}.ct-drop-icon{width:60px;height:60px;border-radius:50%;background:#fff;box-shadow:0 4px 16px #7c3aed1f;display:flex;align-items:center;justify-content:center;color:var(--ct-purple);margin-bottom:4px}.ct-drop-title{font-size:.95rem;font-weight:700;color:var(--ct-text);margin:0}.ct-drop-sub{font-size:.8rem;color:var(--ct-muted);margin:0}.ct-file-ready{display:flex;align-items:center;gap:16px;justify-content:center}.ct-file-icon{width:52px;height:52px;border-radius:12px;background:#fff;box-shadow:0 2px 10px #10b98126;display:flex;align-items:center;justify-content:center;color:var(--ct-green);flex-shrink:0}.ct-file-name{font-size:.95rem;font-weight:700;color:var(--ct-text);margin:0 0 4px}.ct-file-meta{display:flex;align-items:center;gap:5px;font-size:.8rem;color:var(--ct-green);font-weight:600;margin:0}.ct-preview{margin:16px 24px 0}.ct-preview-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ct-preview-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ct-muted)}.ct-preview-badge{background:var(--ct-purple);color:#fff;font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:20px}.ct-create-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end}.ct-groups-card{background:var(--ct-card);border-radius:var(--ct-radius);border:1.5px solid var(--ct-border);box-shadow:var(--ct-shadow);overflow:hidden}.ct-groups-toolbar{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1.5px solid var(--ct-border);background:var(--ct-light);flex-wrap:wrap}.ct-search-wrap{position:relative;flex:1 1 220px}.ct-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ct-muted);pointer-events:none}.ct-search{width:100%;padding:8px 32px 8px 34px;border-radius:9px;border:1.5px solid var(--ct-border);background:var(--ct-card);font-size:.84rem;color:var(--ct-text);box-sizing:border-box;outline:none;transition:border-color .18s}.ct-search:focus{border-color:var(--ct-purple)}.ct-search-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--ct-muted);cursor:pointer;display:flex;align-items:center;padding:2px}.ct-search-clear:hover{color:var(--ct-red)}.ct-groups-count{font-size:.8rem;font-weight:600;color:var(--ct-muted);white-space:nowrap;margin-left:auto}.ct-error-banner{display:flex;align-items:center;gap:8px;background:#fff5f5;border-bottom:1.5px solid #fecaca;color:var(--ct-red);padding:12px 20px;font-size:.86rem}.ct-table-wrap{overflow-x:auto}.ct-table,.ct-groups-table{width:100%;border-collapse:collapse;font-size:.845rem}.ct-table thead th,.ct-groups-table thead th{padding:11px 16px;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.055em;color:var(--ct-muted);background:var(--ct-light);border-bottom:1.5px solid var(--ct-border);white-space:nowrap}.ct-table tbody tr,.ct-groups-table tbody tr{border-bottom:1px solid var(--ct-border);transition:background .14s}.ct-table tbody tr:last-child,.ct-groups-table tbody tr:last-child{border-bottom:none}.ct-table tbody tr:hover,.ct-groups-table tbody tr:hover{background:#f8f7ff}.ct-table tbody td,.ct-groups-table tbody td{padding:13px 16px;vertical-align:middle;color:var(--ct-text)}.ct-td-num{text-align:center;font-size:.78rem;color:var(--ct-muted);font-weight:600}.ct-td-idx{width:48px}.ct-td-name{display:flex;align-items:center;gap:12px}.ct-group-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--ct-purple),var(--ct-blue));color:#fff;font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ct-group-name{display:block;font-weight:700;color:var(--ct-text);font-size:.88rem}.ct-group-desc{display:block;font-size:.74rem;color:var(--ct-muted);margin-top:2px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-contact-badge{display:inline-flex;align-items:center;gap:5px;background:#ede9fe;color:var(--ct-purple);font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:20px}.ct-td-date{display:flex;align-items:center;gap:5px;font-size:.8rem;color:var(--ct-muted);white-space:nowrap}.ct-td-actions{align-items:center;gap:8px}.ct-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;border:1.5px solid var(--ct-border);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.ct-action-view{background:#ede9fe;color:var(--ct-purple);border-color:#ddd6fe}.ct-action-view:hover{background:var(--ct-purple);color:#fff;border-color:var(--ct-purple)}.ct-action-delete{background:var(--ct-light);color:var(--ct-muted);border-color:var(--ct-border);padding:6px 9px}.ct-action-delete:hover{background:var(--ct-red);color:#fff;border-color:var(--ct-red)}.ct-more-row td{text-align:center;color:var(--ct-muted);font-size:.8rem;font-style:italic;background:var(--ct-light)}.ct-skeleton-wrap{display:flex;flex-direction:column}.ct-skeleton-row{height:58px;background:linear-gradient(90deg,#f1f5f9 25%,#e9ecf5,#f1f5f9 75%);background-size:200% 100%;animation:ct-shimmer 1.2s infinite;border-bottom:1px solid var(--ct-border)}@keyframes ct-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ct-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;color:var(--ct-muted);font-size:.92rem}.ct-empty p{margin:0}.ct-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ct-spin .7s linear infinite}@media(max-width:768px){.ct-root{padding:14px 12px 36px}.ct-title{font-size:1.3rem}.ct-header-actions{width:100%}.ct-btn{flex:1;justify-content:center}.ct-create-header,.ct-dropzone,.ct-preview{margin-left:16px;margin-right:16px}.ct-group-desc{display:none}}.group-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.group-header h3{margin:0;color:#333;font-size:1.5rem}.Create-action-btn{padding:10px 20px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s}.create-mode{background-color:#4caf50;color:#fff}.create-mode:hover{background-color:#45a049}.cancel-mode{background-color:#f44336;color:#fff}.cancel-mode:hover{background-color:#d32f2f}.create-group-container{margin-top:20px}.file-import-section{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.import-btn{padding:12px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.import-btn:hover{background-color:#0b7dda}.file-info{display:flex;justify-content:space-between;padding:10px;background-color:#f5f5f5;border-radius:4px}.filename{font-weight:500}.contact-count{color:#666}.preview-section{margin-top:20px}.preview-section h4{margin-bottom:15px;color:#444}.table-container{max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:4px}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f2f2f2;position:sticky;top:0}.action-buttons{margin-top:20px;display:flex;justify-content:flex-end}.confirm-btn{padding:12px 25px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.confirm-btn:disabled{background-color:#ccc;cursor:not-allowed}.confirm-btn:hover:not(:disabled){background-color:#45a049}.instructions{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:4px;color:#555;line-height:1.6}.instructions p{margin:5px 0}.groups-container{margin-top:20px}.groups-table-container{overflow-x:auto}.groups-table{width:100%;border-collapse:collapse;margin-bottom:15px}.groups-table th,.groups-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.groups-table th{background-color:#f5f5f5;font-weight:600}.groups-table tr:hover{background-color:#f9f9f9}.tag{display:inline-block;background-color:#e0e0e0;padding:3px 8px;border-radius:4px;margin-right:5px;font-size:.8rem}.actions button{padding:5px 10px;margin-right:5px;border:none;border-radius:3px;cursor:pointer;font-size:.8rem}.view-btn{background-color:#1976d2;color:#fff}.delete-btn{background-color:#d32f2f;color:#fff}.groups-summary{text-align:right;color:#666;font-size:.9rem}.loading{text-align:center;padding:20px;color:#666}.error{color:#f44336;padding:10px;background-color:#ffebee;border-radius:4px;margin:10px 0}.no-groups{text-align:center;padding:30px;background-color:#f5f5f5;border-radius:4px;color:#666}.delete-btn{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer;transition:background-color .2s}.delete-btn:hover{background-color:#c82333}.delete-btn:disabled{background-color:#6c757d;cursor:not-allowed}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:10}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--gd-purple: #7c3aed;--gd-blue: #0ea5e9;--gd-green: #10b981;--gd-red: #ef4444;--gd-card: #ffffff;--gd-border: #e9ecf5;--gd-text: #1e293b;--gd-muted: #64748b;--gd-light: #f1f5f9;--gd-shadow: 0 24px 80px rgba(0,0,0,.22)}.gd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:gd-fade .2s ease}@keyframes gd-fade{0%{opacity:0}to{opacity:1}}.gd-modal{display:flex;flex-direction:column;background:var(--gd-card);border-radius:20px;width:100%;max-width:900px;max-height:90vh;box-shadow:var(--gd-shadow);overflow:hidden;animation:gd-slide .22s ease}@keyframes gd-slide{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gd-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1.5px solid var(--gd-border);background:linear-gradient(135deg,#faf5ff,#f0f9ff);flex-shrink:0}.gd-header-left{display:flex;align-items:center;gap:14px;min-width:0}.gd-header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--gd-purple),var(--gd-blue));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gd-title{font-size:1.1rem;font-weight:800;color:var(--gd-text);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gd-subtitle{display:flex;align-items:center;gap:5px;font-size:.76rem;color:var(--gd-muted);margin:0}.gd-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.gd-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;font-size:.82rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .15s;white-space:nowrap}.gd-btn-export{background:linear-gradient(135deg,var(--gd-green),#34d399);color:#fff;box-shadow:0 4px 12px #10b98140}.gd-btn-export:hover{opacity:.88;transform:translateY(-1px)}.gd-btn-primary{background:linear-gradient(135deg,var(--gd-purple),var(--gd-blue));color:#fff;box-shadow:0 4px 12px #7c3aed33}.gd-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.gd-btn-ghost{background:var(--gd-light);border-color:var(--gd-border);color:var(--gd-muted)}.gd-btn-ghost:hover{background:var(--gd-purple);color:#fff;border-color:var(--gd-purple)}.gd-close{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--gd-border);background:var(--gd-light);color:var(--gd-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.gd-close:hover{background:var(--gd-red);color:#fff;border-color:var(--gd-red)}.gd-body{flex:1;overflow-y:auto;padding:20px 24px 28px;display:flex;flex-direction:column;gap:16px}.gd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--gd-muted);font-size:.88rem}.gd-spinner{width:36px;height:36px;border:3px solid var(--gd-light);border-top-color:var(--gd-purple);border-radius:50%;animation:gd-spin .75s linear infinite}@keyframes gd-spin{to{transform:rotate(360deg)}}.gd-error{display:flex;flex-direction:column;align-items:center;gap:14px;padding:50px 20px;color:var(--gd-red);font-size:.9rem;text-align:center}.gd-error p{margin:0;color:var(--gd-muted)}.gd-meta-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gd-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:600}.gd-chip-purple{background:#ede9fe;color:var(--gd-purple)}.gd-chip-blue{background:#e0f2fe;color:#0284c7}.gd-chip-muted{background:var(--gd-light);color:var(--gd-muted);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gd-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gd-search-wrap{position:relative;flex:1 1 220px}.gd-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--gd-muted);pointer-events:none}.gd-search{width:100%;padding:9px 32px 9px 34px;border-radius:10px;border:1.5px solid var(--gd-border);background:var(--gd-light);font-size:.84rem;color:var(--gd-text);box-sizing:border-box;outline:none;transition:border-color .18s}.gd-search:focus{border-color:var(--gd-purple);background:#fff}.gd-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gd-muted);cursor:pointer;display:flex;align-items:center;padding:2px}.gd-search-clear:hover{color:var(--gd-red)}.gd-result-count{font-size:.8rem;font-weight:600;color:var(--gd-muted);white-space:nowrap}.gd-table-wrap{border:1.5px solid var(--gd-border);border-radius:12px;overflow:hidden;overflow-x:auto}.gd-table{width:100%;border-collapse:collapse;font-size:.845rem}.gd-table thead tr{background:var(--gd-light);border-bottom:2px solid var(--gd-border)}.gd-table thead th{padding:11px 14px;text-align:left;font-size:.71rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gd-muted);white-space:nowrap}.gd-th-num{text-align:center;width:48px}.gd-table tbody tr{border-bottom:1px solid var(--gd-border);transition:background .14s}.gd-table tbody tr:last-child{border-bottom:none}.gd-table tbody tr:hover{background:#f8f7ff}.gd-table tbody td{padding:12px 14px;vertical-align:middle;color:var(--gd-text)}.gd-td-num{text-align:center;font-size:.77rem;color:var(--gd-muted);font-weight:600}.gd-email-chip{display:inline-flex;align-items:center;gap:5px;background:#ede9fe;color:var(--gd-purple);font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:20px}.gd-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 0;gap:12px;flex-wrap:wrap;border-top:1.5px solid var(--gd-border)}.gd-page-info{font-size:.8rem;color:var(--gd-muted);font-weight:500}.gd-page-btns{display:flex;gap:4px}.gd-page-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--gd-border);background:var(--gd-card);color:var(--gd-muted);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .14s}.gd-page-btn:hover:not(:disabled){background:var(--gd-purple);color:#fff;border-color:var(--gd-purple)}.gd-page-btn.active{background:var(--gd-purple);color:#fff;border-color:var(--gd-purple)}.gd-page-btn:disabled{opacity:.35;cursor:not-allowed}.gd-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:50px 20px;color:var(--gd-muted);font-size:.9rem;text-align:center}.gd-empty p{margin:0}@media(max-width:640px){.gd-body,.gd-header{padding:16px}.gd-title{font-size:.95rem}.gd-modal{max-height:95vh;border-radius:16px}.gd-btn-export span{display:none}}.gd-add-panel{background:#f8faff;border:1.5px solid var(--gd-border);border-radius:14px;overflow:hidden}.gd-add-tabs{display:flex;border-bottom:1.5px solid var(--gd-border);background:#fff}.gd-add-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:.8rem;font-weight:600;color:var(--gd-muted);background:none;border:none;cursor:pointer;border-bottom:2.5px solid transparent;transition:all .15s}.gd-add-tab:hover{color:var(--gd-purple);background:#faf5ff}.gd-add-tab.active{color:var(--gd-purple);border-bottom-color:var(--gd-purple);background:#faf5ff}.gd-add-result{display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:10px 14px;background:#f0fdf4;border:1px solid #86efac;border-radius:9px;color:#15803d;font-size:.82rem;font-weight:600}.gd-add-body{padding:16px;display:flex;flex-direction:column;gap:8px}.gd-add-label{font-size:.78rem;font-weight:700;color:var(--gd-muted);text-transform:uppercase;letter-spacing:.04em}.gd-add-row{display:flex;gap:8px;align-items:center}.gd-add-row-right{justify-content:space-between;align-items:center}.gd-add-input{flex:1;padding:9px 13px;border:1.5px solid var(--gd-border);border-radius:9px;font-size:.85rem;color:var(--gd-text);background:#fff;outline:none;transition:border-color .15s}.gd-add-input:focus{border-color:var(--gd-purple)}.gd-add-textarea{width:100%;padding:10px 13px;border:1.5px solid var(--gd-border);border-radius:9px;font-size:.84rem;color:var(--gd-text);background:#fff;outline:none;resize:vertical;font-family:inherit;transition:border-color .15s;box-sizing:border-box}.gd-add-textarea:focus{border-color:var(--gd-purple)}.gd-add-hint{font-size:.74rem;color:var(--gd-muted);margin:0}.gd-add-dropzone{border:2px dashed var(--gd-border);border-radius:10px;background:#fff;cursor:pointer;transition:all .15s;padding:20px;display:flex;align-items:center;justify-content:center}.gd-add-dropzone:hover{border-color:var(--gd-purple);background:#faf5ff}.gd-add-dropzone.has-file{border-color:var(--gd-green);background:#f0fdf4;border-style:solid}.gd-add-drop-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gd-muted);font-size:.82rem}.gd-add-drop-empty p{margin:0}.gd-add-file-ready{display:flex;align-items:center;gap:12px;color:#15803d}.gd-add-filename{font-size:.85rem;font-weight:700;color:var(--gd-text);margin:0 0 3px}.gd-spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:gd-spin .7s linear infinite}.group-details-modal{background-color:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;position:sticky;top:0;background-color:#fff;z-index:10}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:5px}.close-btn:hover{color:#333}.modal-content{padding:20px}.loading-state,.error-state{padding:40px;text-align:center;color:#666}.error-state{color:#d32f2f}.error-state button{margin-top:10px;padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.group-info-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.info-row{display:flex;margin-bottom:10px}.info-label{font-weight:600;width:150px;color:#555}.info-value{flex:1}.contacts-section h3{margin-top:0;margin-bottom:15px;color:#333}.table-container{overflow-x:auto;max-height:400px;border:1px solid #eee;border-radius:4px}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th{background-color:#f5f5f5;position:sticky;top:0}tr:hover{background-color:#f9f9f9}.contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.export-btn{background-color:#4caf50;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;display:flex;margin-left:auto;margin-bottom:10px}.export-btn:hover{background-color:#45a049}:root{--primary-color: #4361ee;--primary-hover: #3a56d4;--success-color: #4cc9f0;--error-color: #f72585;--warning-color: #f8961e;--text-color: #2b2d42;--text-light: #8d99ae;--bg-color: #f8f9fa;--card-bg: #ffffff;--border-color: #e9ecef;--border-radius: 12px;--box-shadow: 0 4px 20px rgba(0, 0, 0, .08);--transition: all .3s ease}.email-settings-container{width:100%;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-color);background-color:var(--bg-color);min-height:100vh}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.settings-header h1{font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0}.settings-section{background:var(--card-bg);border-radius:var(--border-radius);padding:1.8rem;margin-bottom:1.5rem;box-shadow:var(--box-shadow);transition:var(--transition);border:1px solid var(--border-color)}.settings-section:hover{box-shadow:0 6px 24px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--border-color)}.section-header h2{font-size:1.3rem;font-weight:600;color:var(--primary-color);margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.6rem;font-size:.9rem;font-weight:500;color:var(--text-color)}.form-control{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;transition:var(--transition);background-color:#fcfcfc}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee26}.checkbox-group{display:flex;align-items:center;margin-bottom:.8rem}.checkbox-group input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;margin-right:.8rem;cursor:pointer;position:relative;transition:var(--transition)}.checkbox-group input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-group input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:.7rem;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-group label{margin:0;font-size:.95rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ip-restrictions-container{margin-top:1rem}.ip-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.ip-tag{background:#f0f7ff;padding:.5rem .8rem;border-radius:20px;display:inline-flex;align-items:center;font-size:.85rem;color:var(--primary-color);border:1px solid rgba(67,97,238,.2)}.ip-tag button{background:none;border:none;color:var(--error-color);margin-left:.5rem;cursor:pointer;font-size:1rem;line-height:1;padding:0 .2rem}.ip-input-group{display:flex;gap:.8rem}.ip-input-group input{flex:1}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:var(--transition);border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.status-indicator{display:inline-flex;align-items:center;font-size:.9rem;padding:.3rem .8rem;border-radius:20px;margin-left:.8rem}.status-success{background-color:#4cc9f01a;color:var(--success-color)}.status-error{background-color:#f725851a;color:var(--error-color)}.actions-bar{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-light)}.spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(67,97,238,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.email-settings-container{padding:1.5rem}.form-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.al-shell{display:flex;height:100%;min-height:100vh;background:#f4f6fb}.al-sidebar{width:220px;min-width:220px;background:#1a202c;display:flex;flex-direction:column;transition:width .22s ease,min-width .22s ease;position:relative}.al-collapsed .al-sidebar{width:58px;min-width:58px}.al-sidebar-header{display:flex;align-items:center;gap:.65rem;padding:1.2rem 1rem 1rem;border-bottom:1px solid #2d3748;white-space:nowrap;overflow:hidden}.al-brand-icon{color:#63b3ed;flex-shrink:0}.al-brand-text{font-size:1rem;font-weight:700;color:#e2e8f0;letter-spacing:.03em}.al-nav{display:flex;flex-direction:column;gap:2px;padding:.75rem .5rem;flex:1;overflow:hidden}.al-nav-item{display:flex;align-items:center;gap:.75rem;padding:.62rem .75rem;border:none;background:transparent;color:#a0aec0;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-align:left;transition:background .15s,color .15s;width:100%}.al-nav-item:hover{background:#2d3748;color:#e2e8f0}.al-nav-active{background:#2b6cb0!important;color:#fff!important}.al-nav-icon{flex-shrink:0;display:flex;align-items:center}.al-nav-label{overflow:hidden;text-overflow:ellipsis}.al-collapse-btn{display:flex;align-items:center;justify-content:center;margin:.5rem;padding:.5rem;border:1px solid #2d3748;border-radius:8px;background:transparent;color:#718096;cursor:pointer;transition:background .15s,color .15s}.al-collapse-btn:hover{background:#2d3748;color:#e2e8f0}.al-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.al-content-header{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.8rem .75rem;background:#fff;border-bottom:1px solid #e2e8f0}.al-content-title{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0}.al-content-sub{font-size:.82rem;color:#a0aec0;margin:.1rem 0 0}.al-content-body{flex:1;padding:1.5rem 1.8rem;overflow-y:auto}.al-placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;background:#fff;border-radius:14px;border:2px dashed #e2e8f0;color:#a0aec0;font-size:1rem}.um-container{background:#fff;border-radius:14px;box-shadow:0 2px 12px #00000012;padding:1.5rem}.um-top-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem}.um-title{font-size:1.2rem;font-weight:700;color:#1a202c;margin:0}.um-subtitle{font-size:.85rem;color:#718096;margin:.15rem 0 0}.um-refresh-btn{background:#edf2f7;border:none;padding:.45rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;color:#2d3748;font-weight:500;transition:background .15s}.um-refresh-btn:hover{background:#e2e8f0}.um-error{background:#fff5f5;color:#c53030;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.um-loading,.um-empty{text-align:center;color:#a0aec0;padding:2rem 0;font-size:.95rem}.um-table{width:100%;border-collapse:collapse;font-size:.88rem}.um-table thead tr{background:#f7fafc}.um-table th{text-align:left;padding:.75rem .85rem;font-weight:600;color:#4a5568;border-bottom:2px solid #e2e8f0;white-space:nowrap}.um-table td{padding:.7rem .85rem;border-bottom:1px solid #f0f4f8;color:#2d3748;vertical-align:middle}.um-table tbody tr:hover{background:#f7fafc}.um-user-cell{display:flex;align-items:center;gap:.6rem}.um-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#e2e8f0}.um-avatar-placeholder{width:34px;height:34px;border-radius:50%;background:#3182ce;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.um-role-badge{padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.um-role-admin{background:#ebf8ff;color:#2b6cb0}.um-role-user{background:#f0fff4;color:#276749}.um-role-reseller{background:#faf5ff;color:#6b46c1}.um-credits{font-weight:700;color:#2d3748}.um-history-btn{background:#edf2f7;border:none;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;color:#2d3748;font-weight:500;transition:background .15s;white-space:nowrap}.um-history-btn:hover{background:#bee3f8;color:#2b6cb0}.um-actions-cell{position:relative}.um-menu-wrapper{position:relative;display:inline-block}.um-dots-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;width:32px;height:32px;font-size:1.2rem;cursor:pointer;color:#4a5568;display:flex;align-items:center;justify-content:center;transition:background .15s}.um-dots-btn:hover{background:#edf2f7}.um-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001a;min-width:180px;z-index:100;overflow:hidden}.um-dropdown button{width:100%;text-align:left;padding:.65rem 1rem;background:none;border:none;cursor:pointer;font-size:.87rem;color:#2d3748;transition:background .12s;display:flex;align-items:center;gap:.4rem}.um-dropdown button:hover{background:#f7fafc}.um-dropdown-divider{height:1px;background:#e2e8f0;margin:.2rem 0}.um-role-item{color:#2b6cb0!important}.um-delete-item{color:#c53030!important}.um-delete-item:hover{background:#fff5f5!important}.um-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.um-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000002e;width:100%;max-width:440px;overflow:hidden;animation:umModalIn .18s ease}.um-modal-sm{max-width:360px}.um-modal-lg{max-width:720px}@keyframes umModalIn{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.um-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;border-bottom:1px solid #e2e8f0}.um-modal-header h3{font-size:1rem;font-weight:700;color:#1a202c;margin:0}.um-modal-close{background:none;border:none;font-size:1rem;cursor:pointer;color:#718096;padding:.2rem .4rem;border-radius:4px;line-height:1}.um-modal-close:hover{background:#f7fafc;color:#2d3748}.um-modal-body{padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.75rem;max-height:60vh;overflow-y:auto}.um-modal-subtitle{font-size:.9rem;color:#4a5568;margin:0}.um-modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.4rem;border-top:1px solid #e2e8f0}.um-modal-error{color:#c53030;font-size:.82rem;background:#fff5f5;padding:.5rem .75rem;border-radius:6px;margin:0}.um-credit-type-row{display:flex;gap:.75rem}.um-type-btn{flex:1;padding:.55rem .5rem;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;text-align:center;font-size:.88rem;font-weight:500;color:#4a5568;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:.35rem}.um-type-btn input{display:none}.um-type-btn.active-add{border-color:#38a169;background:#f0fff4;color:#276749}.um-type-btn.active-deduct{border-color:#e53e3e;background:#fff5f5;color:#c53030}.um-input{width:100%;padding:.6rem .85rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#2d3748;outline:none;transition:border-color .15s;box-sizing:border-box}.um-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1f}.um-btn-primary{background:#3182ce;color:#fff;border:none;padding:.55rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .15s}.um-btn-primary:hover:not(:disabled){background:#2c75bb}.um-btn-primary.um-btn-deduct{background:#e53e3e}.um-btn-primary.um-btn-deduct:hover:not(:disabled){background:#c53030}.um-btn-primary:disabled{opacity:.6;cursor:not-allowed}.um-btn-secondary{background:#edf2f7;color:#4a5568;border:none;padding:.55rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .15s}.um-btn-secondary:hover{background:#e2e8f0}.um-btn-danger{background:#e53e3e;color:#fff;border:none;padding:.55rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .15s}.um-btn-danger:hover:not(:disabled){background:#c53030}.um-btn-danger:disabled{opacity:.6;cursor:not-allowed}.um-history-table{width:100%;border-collapse:collapse;font-size:.85rem}.um-history-table th{text-align:left;padding:.6rem .75rem;font-weight:600;color:#4a5568;background:#f7fafc;border-bottom:2px solid #e2e8f0;white-space:nowrap}.um-history-table td{padding:.6rem .75rem;border-bottom:1px solid #f0f4f8;color:#2d3748}.um-action-badge{padding:.2rem .55rem;border-radius:20px;font-size:.75rem;font-weight:600}.um-action-add{background:#f0fff4;color:#276749}.um-action-deduct{background:#fff5f5;color:#c53030}.sidebar-container{display:flex;flex-direction:column;width:200px;height:100vh;background-color:#fff;border-right:1px solid #e0e0e0}.profile-section{display:flex;flex-direction:column;align-items:center;padding:20px 0;border-bottom:1px solid #e0e0e0}.profile-image{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:10px}.user-name{font-size:16px;font-weight:500;color:#333;margin-top:8px}.menu{flex:1;padding:20px 0}.sidebar-item{display:flex;align-items:center;padding:12px 24px;cursor:pointer;transition:background-color .2s}.sidebar-item:hover{background-color:#f5f5f5}.sidebar-item.active{background-color:#e3f2fd;color:#1976d2}.icon{width:24px;height:24px;margin-right:12px}.item-text{font-size:14px;font-weight:500}.sidebar-footer{padding:20px 0;border-top:1px solid #e0e0e0}.sidebar-item.logout{color:#d32f2f}.sidebar-item.logout:hover{background-color:#ffebee}