@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-indigo: #6366f1;--blue-tech: #3b82f6;--blue-dark: #1e3a8a;--blue-medium: #1e40af;--violet: #8b5cf6;--violet-dark: #7c3aed;--orange: #f97316;--orange-dark: #ea580c;--amber: #d97706;--amber-light: #f59e0b;--gold: #d4af37;--gold-dark: #b8860b;--teal: #14b8a6;--teal-dark: #0f766e;--green: #10b981;--red: #dc2626;--red-dark: #7f1d1d;--red-medium: #991b1b;--gray-900: #1e293b;--gray-800: #1f2937;--gray-700: #475569;--gray-600: #64748b;--gray-500: #78716c;--gray-400: #a8a29e;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--gradient-primary: linear-gradient(135deg, var(--violet) 0%, var(--blue-tech) 100%);--gradient-secondary: linear-gradient(135deg, var(--violet-dark) 0%, var(--blue-medium) 100%);--gradient-accent: linear-gradient(135deg, var(--orange) 0%, var(--amber) 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--border-color: #e2e8f0;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--transition: all .3s ease}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gray-900);background:var(--bg-secondary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}button{font-family:inherit}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.5rem}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:var(--gradient-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.navigation{width:250px;height:100vh;background:linear-gradient(180deg,var(--gray-900) 0%,var(--gray-800) 100%);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;box-shadow:var(--shadow-xl);z-index:1000}.nav-brand{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1rem}.brand-icon{flex-shrink:0}.nav-brand h1{font-size:1.5rem;font-weight:700;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem 0}.nav-scrollable::-webkit-scrollbar{width:6px}.nav-scrollable::-webkit-scrollbar-track{background:#ffffff0d}.nav-scrollable::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.nav-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.nav-section{margin-bottom:1rem}.nav-section-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;color:#ffffff80;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.nav-section-header svg{opacity:.7}.nav-menu{list-style:none;padding:0;margin:0}.nav-menu li{margin:.25rem 0}.nav-menu a{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:#ffffffb3;text-decoration:none;transition:var(--transition);border-left:3px solid transparent;position:relative}.nav-menu a:hover{background:#ffffff0d;color:#fff}.nav-menu li.active a{background:linear-gradient(90deg,#8b5cf626,#3b82f626);color:var(--primary-indigo);border-left-color:var(--primary-indigo)}.nav-menu li.active a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-primary)}.nav-icon{flex-shrink:0}.nav-label{font-size:1rem;font-weight:500}.nav-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto}.nav-user-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.user-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.125rem;min-width:0}.user-name{font-size:.875rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.75rem;color:#ffffff80;text-transform:capitalize}.btn-signout{width:36px;height:36px;border:none;background:#ffffff1a;color:#ffffffb3;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-signout:hover{background:#ef444433;color:#ef4444;transform:scale(1.05)}.admin-navigation{width:280px;height:100vh;background:linear-gradient(180deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;box-shadow:4px 0 24px #0003;z-index:1000;border-right:1px solid rgba(255,255,255,.05)}.admin-nav-header{padding:2rem 1.75rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.admin-brand-icon{width:56px;height:56px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 16px #f59e0b4d}.admin-nav-header h1{font-size:1.375rem;font-weight:700;margin:0 0 .25rem;color:#fff;letter-spacing:-.5px}.admin-nav-header p{font-size:.875rem;color:#fff9;margin:0}.admin-nav-menu{list-style:none;padding:1.5rem 0;margin:0;flex:1}.admin-nav-menu li{margin:.375rem 0}.admin-nav-menu a{display:flex;align-items:center;gap:1rem;padding:1rem 1.75rem;color:#ffffffb3;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;position:relative;font-size:1rem;font-weight:500}.admin-nav-menu a:hover{background:#ffffff0d;color:#fff;border-left-color:#f59e0b4d}.admin-nav-menu li.active a{background:linear-gradient(90deg,#f59e0b26,#d9770626);color:#fbbf24;border-left-color:#f59e0b;font-weight:600}.admin-nav-menu li.active a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#f59e0b,#d97706)}.admin-nav-footer{padding:1.25rem 1.75rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;background:#0003}.admin-user-info{display:flex;align-items:center;gap:.875rem;flex:1;min-width:0}.admin-user-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #f59e0b4d}.admin-user-details{display:flex;flex-direction:column;gap:.1875rem;min-width:0}.admin-user-name{font-size:.9375rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-role{font-size:.75rem;color:#fbbf24;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-btn-signout{width:40px;height:40px;border:none;background:#ffffff14;color:#ffffffb3;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.admin-btn-signout:hover{background:#ef444433;color:#ef4444;border-color:#ef4444;transform:scale(1.05)}@media(max-width:768px){.admin-navigation{width:240px}.admin-nav-header{padding:1.5rem}.admin-brand-icon{width:48px;height:48px}.admin-nav-header h1{font-size:1.25rem}.admin-nav-menu a{padding:.875rem 1.5rem;font-size:.9375rem}.admin-nav-footer{padding:1rem 1.5rem}}.signin-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0f0f23}.signin-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.signin-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px}.signin-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:pulse 8s ease-in-out infinite}.signin-orb.orb-1{width:500px;height:500px;background:linear-gradient(135deg,#6366f1,#8b5cf6);top:-20%;left:-10%;animation-delay:0s}.signin-orb.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#ec4899,#8b5cf6);bottom:-15%;right:-5%;animation-delay:2s}.signin-orb.orb-3{width:300px;height:300px;background:linear-gradient(135deg,#06b6d4,#6366f1);top:50%;right:20%;animation-delay:4s}@keyframes pulse{0%,to{transform:scale(1) translate(0);opacity:.5}50%{transform:scale(1.1) translate(20px,-20px);opacity:.7}}.signin-content{position:relative;z-index:1;width:100%;max-width:440px;padding:1.5rem}.signin-card{background:#ffffff08;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:24px;border:1px solid rgba(255,255,255,.08);padding:2.5rem;box-shadow:0 0 0 1px #ffffff0d inset,0 25px 50px -12px #00000080;animation:cardEntry .6s cubic-bezier(.16,1,.3,1)}@keyframes cardEntry{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.signin-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.signin-logo{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.25rem;box-shadow:0 10px 30px #6366f166,0 0 0 1px #ffffff1a inset;position:relative;overflow:hidden}.signin-logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%)}.signin-title{font-family:Cal Sans,Satoshi,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.875rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.signin-subtitle{font-size:.9375rem;color:#ffffff80;margin:0;line-height:1.5;max-width:280px}.signin-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:.875rem 1rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;animation:shake .4s ease-in-out}.signin-form{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.8125rem;font-weight:500;color:#ffffffb3;padding-left:.25rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#ffffff4d;pointer-events:none;transition:color .2s ease}.form-input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:.9375rem;color:#fff;transition:all .2s ease;font-weight:400}.form-input::placeholder{color:#ffffff40}.form-input:focus{outline:none;background:#ffffff0f;border-color:#6366f180;box-shadow:0 0 0 3px #6366f126,0 0 20px #6366f11a}.form-input:focus+.input-icon,.input-wrapper:has(.form-input:focus) .input-icon{color:#6366f1}.form-input:disabled{opacity:.5;cursor:not-allowed}.signin-button{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.9375rem 1.5rem;margin-top:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.signin-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.signin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #6366f166,0 0 0 1px #ffffff1a inset}.signin-button:hover:not(:disabled):before{opacity:1}.signin-button:active:not(:disabled){transform:translateY(0)}.signin-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.signin-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06);text-align:center}.signin-footer p{margin:0;font-size:.75rem;color:#ffffff4d;letter-spacing:.02em}@media(max-width:480px){.signin-content{padding:1rem}.signin-card{padding:2rem 1.5rem;border-radius:20px}.signin-title{font-size:1.5rem}.signin-logo{width:56px;height:56px;border-radius:14px}.signin-logo svg{width:28px;height:28px}}.dashboard{padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{font-size:1.125rem;color:var(--gray-600);margin:0}.header-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#10b9811a,#14b8a61a);border:1px solid var(--green);border-radius:var(--border-radius-lg);color:var(--teal-dark);font-weight:600;font-size:.875rem}.dashboard-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);padding-bottom:0}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--gray-600);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);position:relative;bottom:-2px}.tab-button:hover{color:var(--violet);background:#8b5cf60d}.tab-button.active{color:var(--violet-dark);border-bottom-color:var(--violet);background:#8b5cf61a}.tab-button svg{flex-shrink:0}.tab-button span{font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:1.75rem;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--border-color)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);flex-shrink:0}.stat-card.stat-violet .stat-icon{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);color:var(--violet-dark)}.stat-card.stat-blue .stat-icon{background:linear-gradient(135deg,#3b82f633,#1e40af33);color:var(--blue-medium)}.stat-card.stat-teal .stat-icon{background:linear-gradient(135deg,#14b8a633,#0f766e33);color:var(--teal-dark)}.stat-card.stat-green .stat-icon{background:linear-gradient(135deg,#10b98133,#14b8a633);color:var(--green)}.stat-card.stat-indigo .stat-icon{background:linear-gradient(135deg,#6366f133,#4f46e533);color:#6366f1}.stat-content h3{font-size:2rem;font-weight:700;margin:0 0 .25rem;color:var(--gray-900)}.stat-content p{margin:0;color:var(--gray-600);font-size:.875rem;font-weight:500}.quick-actions,.recent-activity{margin-bottom:3rem}.quick-actions h2,.recent-activity h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:var(--gray-900)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.action-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:2rem;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--border-color);position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:var(--transition)}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.action-card:hover:before{opacity:1}.action-card.action-violet:before{background:var(--gradient-primary)}.action-card.action-blue:before{background:linear-gradient(90deg,var(--blue-tech) 0%,var(--blue-medium) 100%)}.action-card.action-orange:before{background:var(--gradient-accent)}.action-card.action-teal:before{background:linear-gradient(90deg,var(--teal) 0%,var(--green) 100%)}.action-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);margin-bottom:1.25rem}.action-card.action-violet .action-icon{background:linear-gradient(135deg,#8b5cf633,#3b82f633);color:var(--violet-dark)}.action-card.action-blue .action-icon{background:linear-gradient(135deg,#3b82f633,#1e40af33);color:var(--blue-medium)}.action-card.action-orange .action-icon{background:linear-gradient(135deg,#f9731633,#d9770633);color:var(--orange-dark)}.action-card.action-teal .action-icon{background:linear-gradient(135deg,#14b8a633,#10b98133);color:var(--teal-dark)}.action-card h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--gray-900)}.action-card p{margin:0;color:var(--gray-600);font-size:.875rem;line-height:1.6}.activity-list{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color);transition:var(--transition)}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--bg-secondary);border-radius:var(--border-radius-md)}.activity-status{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);flex-shrink:0}.activity-status.status-completed{background:linear-gradient(135deg,#10b98133,#14b8a633);color:var(--green)}.activity-status.status-failed{background:linear-gradient(135deg,#dc262633,#7f1d1d33);color:var(--red)}.activity-status.status-processing{background:linear-gradient(135deg,#f9731633,#d9770633);color:var(--orange)}.activity-content{flex:1}.activity-content h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--gray-900)}.activity-content p{margin:0;font-size:.875rem;color:var(--gray-600)}.activity-meta{display:flex;gap:.5rem}.badge{padding:.25rem .75rem;border-radius:var(--border-radius-lg);font-size:.75rem;font-weight:600}.badge-single{background:linear-gradient(135deg,#3b82f633,#1e40af33);color:var(--blue-medium)}.badge-batch{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);color:var(--violet-dark)}.empty-state{text-align:center;color:var(--gray-600);padding:2rem;font-size:.875rem}.email-analytics-section{margin-bottom:3rem;background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.email-analytics-section h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:var(--gray-900)}.analytics-loading{text-align:center;padding:3rem;color:var(--gray-600);font-size:1rem}.engagement-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.engagement-card{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:var(--border-radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;border:1px solid var(--border-color);transition:var(--transition)}.engagement-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.engagement-card.delivered{background:linear-gradient(135deg,#10b98114,#14b8a614);border-color:#10b98133}.engagement-card.opened{background:linear-gradient(135deg,#3b82f614,#1e40af14);border-color:#3b82f633}.engagement-card.clicked{background:linear-gradient(135deg,#8b5cf614,#7c3aed14);border-color:#8b5cf633}.engagement-card.bounced{background:linear-gradient(135deg,#ef444414,#dc262614);border-color:#ef444433}.engagement-card.unsubscribed{background:linear-gradient(135deg,#6b728014,#4b556314);border-color:#6b728033}.engagement-card.spam{background:linear-gradient(135deg,#dc262614,#b91c1c14);border-color:#dc262633}.engagement-card.dropped{background:linear-gradient(135deg,#f59e0b14,#d9770614);border-color:#f59e0b33}.engagement-card.deferred{background:linear-gradient(135deg,#fbbf2414,#f59e0b14);border-color:#fbbf2433}.engagement-card.processed{background:linear-gradient(135deg,#10b9810d,#0596690d);border-color:#10b98126}.engagement-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);flex-shrink:0}.engagement-card.delivered .engagement-icon{background:linear-gradient(135deg,#10b98133,#14b8a633);color:var(--green)}.engagement-card.opened .engagement-icon{background:linear-gradient(135deg,#3b82f633,#1e40af33);color:var(--blue-medium)}.engagement-card.clicked .engagement-icon{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);color:var(--violet-dark)}.engagement-card.bounced .engagement-icon{background:linear-gradient(135deg,#ef444433,#dc262633);color:var(--red)}.engagement-card.unsubscribed .engagement-icon{background:linear-gradient(135deg,#6b728033,#4b556333);color:#6b7280}.engagement-card.spam .engagement-icon{background:linear-gradient(135deg,#dc262633,#b91c1c33);color:#dc2626}.engagement-card.dropped .engagement-icon{background:linear-gradient(135deg,#f59e0b33,#d9770633);color:#f59e0b}.engagement-card.deferred .engagement-icon{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);color:#fbbf24}.engagement-card.processed .engagement-icon{background:linear-gradient(135deg,#10b98133,#05966933);color:#10b981}.engagement-data{flex:1}.engagement-value{font-size:2rem;font-weight:700;color:var(--gray-900);line-height:1;margin-bottom:.25rem}.engagement-label{font-size:.875rem;color:var(--gray-600);font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.engagement-rate{font-size:.8125rem;color:var(--gray-500);font-weight:500}.analytics-summary{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:var(--border-radius-md);padding:1.25rem 1.5rem;border-left:4px solid var(--violet)}.summary-text{margin:0;font-size:.9375rem;color:var(--gray-700);line-height:1.6}.summary-text strong{color:var(--violet-dark);font-weight:700}.warning-text{color:var(--orange);font-weight:600}.analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--gray-500)}.analytics-empty svg{color:var(--gray-400)}.analytics-empty p{font-size:1.125rem;font-weight:600;color:var(--gray-600);margin:0}.analytics-empty small{color:var(--gray-500);font-size:.875rem}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:1rem}.dashboard-tabs{flex-wrap:wrap}.tab-button{flex:1;justify-content:center;min-width:150px}.stats-grid,.actions-grid,.engagement-cards{grid-template-columns:1fr}.email-analytics-section{padding:1.5rem}}.static-thumbnail-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.static-thumbnail-canvas{width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity .3s ease}.static-thumbnail-canvas.loaded{opacity:1}.static-thumbnail-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.static-thumbnail-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.static-thumbnail-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.875rem;text-align:center;padding:1rem;gap:.5rem}.template-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);display:flex;flex-direction:column;height:100%;border:1px solid var(--border-color);max-width:100%;width:100%}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.template-preview{position:relative;width:100%;aspect-ratio:1021 / 720;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.template-preview img{width:100%;height:100%;object-fit:contain;object-position:center}.template-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff9}.template-name{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--gray-900)}.template-stats{display:flex;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--gray-600)}.template-stats span{display:flex;align-items:center;gap:.375rem}.template-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);font-size:.75rem;color:var(--gray-600)}.template-category{background:var(--gradient-primary);color:#fff;padding:.25rem .75rem;border-radius:var(--border-radius-lg);font-weight:600;font-size:.75rem}.template-actions{display:flex;gap:.5rem;margin-top:auto}.btn{flex:1;padding:.75rem 1rem;border:none;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-icon-only{flex:0 0 auto;padding:.75rem;background:var(--bg-tertiary);color:var(--gray-700);border:1px solid var(--border-color)}.btn-icon-only:hover{background:var(--bg-secondary);color:var(--gray-900)}.btn-danger{background:linear-gradient(135deg,#dc26261a,#7f1d1d1a);color:var(--red);border-color:var(--red)}.btn-danger:hover{background:linear-gradient(135deg,#dc262633,#7f1d1d33)}.template-preview-container{position:relative;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.preview-viewer{width:100%;height:100%}.preview-viewer.hidden{opacity:0;pointer-events:none}.preview-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:1rem;z-index:10}.preview-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:preview-spin .8s linear infinite}@keyframes preview-spin{to{transform:rotate(360deg)}}.preview-loading p{margin:0;font-size:1rem;font-weight:500}.preview-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f56565,#c53030);color:#fff;text-align:center;padding:2rem;z-index:10}.preview-error p{margin:0 0 .5rem;font-weight:600;font-size:1.1rem}.preview-error small{opacity:.9;font-size:.9rem}.preview-viewer canvas{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain}.library{padding:2rem}.library-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.loading{text-align:center;padding:4rem;font-size:1.125rem;color:var(--gray-600)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem;color:var(--gray-600)}.empty-state h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--gray-900)}.btn{padding:.875rem 1.5rem;border:none;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary{background:var(--bg-primary);color:var(--gray-700);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-indigo);color:var(--primary-indigo)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e293bcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.modal{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}.preview-modal{max-width:950px;padding:0}.preview-modal .modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.preview-modal .modal-header h2{margin:0}.preview-content{display:flex;align-items:center;justify-content:center;background:#f3f4f6;padding:2rem;min-height:500px}.preview-content .template-thumbnail{background:#fff;box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb}.preview-modal .modal-actions{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal h2{margin:0 0 1.5rem;color:var(--gray-900);font-size:1.5rem;font-weight:700}.modal textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-family:Courier New,monospace;font-size:.875rem;resize:vertical;margin-bottom:1.5rem;background:var(--bg-secondary)}.modal textarea:focus{outline:none;border-color:var(--primary-indigo);background:var(--bg-primary)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}@media(max-width:768px){.library-header{flex-direction:column;gap:1rem}.header-actions{width:100%;flex-direction:column}.header-actions .btn{width:100%;justify-content:center}.templates-grid{grid-template-columns:1fr}}.import-modal{max-width:600px;width:90vw}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.modal-header h2{margin:0;color:var(--gray-900);font-size:1.5rem}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--gray-500);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--bg-secondary);color:var(--gray-700)}.modal-content{padding:0 1.5rem}.import-instructions{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:1rem;margin-bottom:1.5rem}.import-instructions h3{margin:0 0 .75rem;color:var(--gray-900);font-size:1rem}.import-instructions ul{margin:0;padding-left:1.25rem}.import-instructions li{color:var(--gray-700);margin-bottom:.5rem;line-height:1.5}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-900)}.json-textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;resize:vertical;min-height:200px;transition:border-color .2s}.json-textarea:focus{outline:none;border-color:var(--primary-indigo);box-shadow:0 0 0 3px #6366f11a}.json-info{margin-top:.5rem}.json-info small{color:var(--gray-600);font-style:italic}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none;box-shadow:none}.pdfme-studio-page{height:100vh;display:flex;flex-direction:column;background:#f8fafc;overflow:hidden}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;z-index:100}.studio-secondary-toolbar{display:flex;align-items:center;gap:1rem;padding:.5rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.toolbar-group{display:flex;align-items:center;gap:.5rem}.toolbar-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;color:#475569;cursor:pointer;transition:all .2s}.toolbar-btn:hover:not(:disabled){background:#f1f5f9;border-color:#6366f1;color:#6366f1}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn span{font-weight:500}.toolbar-left{display:flex;align-items:center;gap:1rem}.toolbar-title{display:flex;align-items:center;gap:.75rem}.toolbar-title .toolbar-icon{color:#6366f1}.toolbar-title h1{font-size:1.25rem;color:#1e293b;margin:0;font-weight:600}.toolbar-right{display:flex;gap:.75rem}.btn-icon{padding:.5rem;background:transparent;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.btn-primary{padding:.6rem 1.2rem;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.6rem 1.2rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;color:#475569;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#6366f1;color:#6366f1}.template-badge{padding:.4rem .8rem;background:#eff6ff;color:#3b82f6;border-radius:6px;font-size:.85rem;font-weight:500}.designer-container{flex:1;overflow:hidden;min-height:500px;height:calc(100vh - 70px)}.designer-container>div{width:100%!important;height:100%!important}.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#64748b}.loading-container p{font-size:1rem;margin:0}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.error-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#dc2626;padding:2rem;text-align:center}.error-container p{font-size:1rem;margin:0}.error-container button{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer}.error-container button:hover{background:#b91c1c}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;padding:2rem;width:90%;max-width:450px;box-shadow:0 20px 50px #0003}.modal-content h2{margin:0 0 1.5rem;color:#1e293b;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.import-modal{max-width:650px}.modal-description{margin:0 0 1.5rem;color:#64748b;font-size:.95rem;line-height:1.5}.import-info-box{background:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #0ea5e9;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.import-info-box h4{margin:0 0 .75rem;color:#0c4a6e;font-size:.95rem;font-weight:600}.import-info-box ul{margin:0;padding-left:1.25rem;color:#075985}.import-info-box li{margin-bottom:.5rem;line-height:1.4;font-size:.875rem}.import-info-box code{background:#e0f2fe;padding:.15rem .4rem;border-radius:3px;font-family:Monaco,Courier New,monospace;font-size:.85em;color:#0369a1}.json-textarea{font-family:Monaco,Courier New,Consolas,monospace!important;font-size:.85rem!important;line-height:1.5;min-height:200px}.form-group small{display:block;margin-top:.5rem;color:#64748b;font-size:.85rem;font-style:italic}@media(max-width:768px){.studio-toolbar{flex-wrap:wrap;gap:.75rem;padding:1rem}.toolbar-left,.toolbar-right{width:100%;justify-content:center}.template-badge{display:none}}.bulk-send-page{padding:2rem;max-width:1400px;margin:0 auto}.bulk-send-content{display:flex;flex-direction:column;gap:1.5rem}.send-method{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.method-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px}.method-card svg{color:var(--indigo-principal);flex-shrink:0}.method-card h3{color:var(--primary-text);margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.method-card p{color:var(--secondary-text);margin:0;font-size:.9rem;line-height:1.4}.step-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d}.step-card h2{color:var(--primary-text);font-size:1.3rem;margin:0 0 1.5rem}.template-select select{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;color:var(--primary-text);background:#fff;cursor:pointer;transition:border-color .2s}.template-select select:focus{outline:none;border-color:var(--indigo-principal)}.csv-info{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:1.5rem}.csv-info svg{color:var(--blue-tech);flex-shrink:0;margin-top:2px}.csv-info p{margin:0;color:var(--primary-text);font-size:.9rem;line-height:1.5}.file-upload-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:3rem 2rem;text-align:center;transition:all .3s;cursor:pointer}.file-upload-zone:hover{border-color:var(--indigo-principal);background:#f8fafc}.file-upload-zone input[type=file]{display:none}.file-upload-zone label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer}.file-upload-zone svg{color:var(--indigo-principal)}.file-upload-zone p{font-size:1.1rem;color:var(--primary-text);margin:0}.file-upload-zone span{font-size:.9rem;color:var(--secondary-text)}.csv-preview{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.csv-preview h3{color:var(--primary-text);margin-bottom:1rem}.table-wrapper{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.csv-preview table{width:100%;border-collapse:collapse}.csv-preview th,.csv-preview td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.csv-preview th{background:#f8fafc;color:var(--primary-text);font-weight:600;position:sticky;top:0}.csv-preview td{color:var(--secondary-text)}.csv-preview tr:last-child td{border-bottom:none}.table-more{text-align:center;color:var(--secondary-text);font-size:.9rem;margin-top:1rem}.info-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;padding:1.5rem;display:flex;gap:1rem}.info-icon{color:var(--teal-vert);flex-shrink:0}.info-card h3{color:var(--primary-text);margin:0 0 .5rem;font-size:1.1rem}.info-card p{color:var(--secondary-text);line-height:1.6;margin:0 0 1rem}.info-card ul{margin:0;padding-left:1.5rem}.info-card li{color:var(--secondary-text);margin:.5rem 0}.send-actions{display:flex;justify-content:center;padding:2rem 0}.btn-send{padding:1rem 3rem;font-size:1.1rem;display:inline-flex;align-items:center;gap:.75rem}.btn-primary{background:linear-gradient(135deg,var(--violet) 0%,var(--blue-tech) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:500}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--violet) 0%,var(--blue-tech) 100%);transition:width .3s ease}.email-limit-exceeded-banner{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;animation:shake .5s ease-in-out}.email-limit-exceeded-banner svg{color:#dc2626;flex-shrink:0;margin-top:2px}.email-limit-exceeded-banner h3{color:#991b1b;font-size:1rem;font-weight:700;margin:0 0 .375rem}.email-limit-exceeded-banner p{color:#7f1d1d;font-size:.875rem;line-height:1.6;margin:0}.email-limit-exceeded-banner strong{color:#dc2626}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.email-limit-warning-banner{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:12px}.email-limit-warning-banner svg{color:#d97706;flex-shrink:0;margin-top:2px}.email-limit-warning-banner h3{color:#92400e;font-size:1rem;font-weight:700;margin:0 0 .375rem}.email-limit-warning-banner p{color:#78350f;font-size:.875rem;line-height:1.5;margin:0}.email-limit-warning-banner strong{color:#d97706}.email-status-info{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:12px}.status-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.status-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:600}.status-value{font-size:1.25rem;font-weight:700;color:#0369a1;font-family:Courier New,monospace}.status-value.low{color:#dc2626}.status-divider{font-size:1.5rem;color:#cbd5e1;font-weight:300}.status-remaining{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-left:auto;padding-left:1rem;border-left:1px solid #bae6fd}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeIn .2s ease-out}.limit-error-modal{background:#fff;border-radius:20px;padding:2.5rem;max-width:480px;width:100%;text-align:center;position:relative;box-shadow:0 25px 50px #00000040;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:#f3f4f6;border:none;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease}.modal-close-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.limit-error-icon{width:88px;height:88px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#dc2626;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.limit-error-modal h2{color:#dc2626;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.limit-error-description{color:#6b7280;font-size:.9375rem;margin:0 0 1.5rem;line-height:1.5}.limit-error-stats{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.stat-box{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;border-radius:12px;min-width:120px}.stat-requested{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5}.stat-remaining{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #6ee7b7}.stat-number{font-size:2rem;font-weight:800;font-family:Courier New,monospace}.stat-requested .stat-number{color:#dc2626}.stat-remaining .stat-number{color:#059669}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-weight:600;margin-top:.25rem}.stat-vs{font-size:.875rem;font-weight:700;color:#9ca3af}.limit-error-shortage{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;margin-bottom:1.25rem;color:#92400e;font-size:.875rem}.limit-error-shortage svg{color:#d97706;flex-shrink:0}.limit-error-shortage strong{color:#dc2626;font-weight:700}.limit-error-help{color:#6b7280;font-size:.8125rem;line-height:1.6;margin:0 0 1.5rem}.limit-error-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:12px;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #dc26264d}.limit-error-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.success-modal{background:#fff;border-radius:20px;padding:2.5rem;max-width:440px;width:100%;text-align:center;position:relative;box-shadow:0 25px 50px #00000040;animation:slideUp .3s ease-out}.success-icon{width:88px;height:88px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#059669;animation:successBounce .6s ease-out}@keyframes successBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-modal h2{color:#059669;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.success-count{color:#374151;font-size:1.125rem;margin:0 0 1.5rem}.success-count strong{color:#059669;font-size:1.5rem}.success-info{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left;background:#f9fafb;border-radius:12px;padding:1rem 1.25rem}.success-info li{color:#4b5563;font-size:.875rem;padding:.375rem 0;display:flex;align-items:center;gap:.5rem}.success-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:12px;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0596694d}.success-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #05966966}.template-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.thumbnail-viewer{width:100%;height:100%;opacity:0;transition:opacity .3s ease;transform:scale(1.1);transform-origin:center center}.thumbnail-viewer.loaded{opacity:1}.thumbnail-viewer>div,.thumbnail-viewer canvas{transform:scale(1.3);transform-origin:center center}.thumbnail-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);z-index:10}.thumbnail-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.thumbnail-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:1rem}.thumbnail-error p{margin:0;font-weight:600;font-size:.9rem;word-break:break-word}.my-templates-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.header-left{display:flex;align-items:center;gap:1rem}.page-icon{width:48px;height:48px;padding:12px;background:linear-gradient(135deg,var(--violet) 0%,var(--blue-tech) 100%);color:#fff;border-radius:12px}.page-header h1{font-size:1.75rem;color:var(--primary-text);margin:0}.page-description{color:var(--secondary-text);margin:.25rem 0 0;font-size:.95rem}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--violet) 0%,var(--blue-tech) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.templates-content{display:flex;flex-direction:column;gap:1.5rem}.filters-bar{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:1rem}.search-box{position:relative;display:flex;align-items:center;width:100%}.search-box svg{position:absolute;left:1rem;color:var(--secondary-text)}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.search-box input:focus{outline:none;border-color:var(--indigo-principal)}.category-filters{display:flex;gap:.75rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;background:#f8fafc;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem;color:var(--secondary-text);text-transform:capitalize}.filter-btn:hover{background:#f1f5f9}.filter-btn.active{background:linear-gradient(135deg,var(--violet) 0%,var(--blue-tech) 100%);color:#fff}.empty-state{background:#fff;border-radius:12px;padding:4rem 2rem;text-align:center;box-shadow:0 2px 8px #0000000d}.empty-state svg{color:var(--secondary-text);margin-bottom:1rem}.empty-state h2{color:var(--primary-text);margin:1rem 0 .5rem}.empty-state p{color:var(--secondary-text);margin-bottom:2rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.template-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:all .3s;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.template-preview{position:relative;width:100%;height:200px;background:#f8fafc;overflow:hidden}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e0e7ff);color:var(--secondary-text)}.template-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.template-card:hover .template-overlay{opacity:1}.overlay-btn{padding:.75rem 1rem;background:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;color:var(--primary-text);transition:all .2s}.overlay-btn:hover{background:var(--indigo-principal);color:#fff}.template-info{padding:1.5rem;flex:1}.template-info h3{color:var(--primary-text);font-size:1.2rem;margin:0 0 .5rem}.template-description{color:var(--secondary-text);font-size:.9rem;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.category-badge{padding:.25rem .75rem;background:#eff6ff;color:var(--blue-tech);border-radius:4px;font-size:.85rem;font-weight:500;text-transform:capitalize}.usage-count{color:var(--secondary-text);font-size:.85rem}.template-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{padding:.25rem .5rem;background:#f8fafc;color:var(--secondary-text);border-radius:4px;font-size:.75rem}.template-actions{display:flex;border-top:1px solid #e2e8f0}.action-btn{flex:1;padding:1rem;border:none;background:#fff;color:var(--secondary-text);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn:not(:last-child){border-right:1px solid #e2e8f0}.action-btn:hover{background:#f8fafc}.action-btn.edit:hover{color:var(--blue-tech);background:#eff6ff}.action-btn.duplicate:hover{color:var(--violet);background:#f5f3ff}.action-btn.delete:hover{color:var(--rouge-heritage);background:#fef2f2}@media(max-width:768px){.templates-grid{grid-template-columns:1fr}.filters-bar{padding:1rem}.category-filters{overflow-x:auto;flex-wrap:nowrap}}.history-page{padding:2rem;animation:fadeIn .4s ease-in}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.header-icon{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #667eea4d}.history-header h1{font-size:2.5rem;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.history-header p{font-size:1.125rem;color:#666;margin:0}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-refresh:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-refresh:disabled{opacity:.7;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.history-filters{background:#fff;padding:1.5rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 4px 16px #00000014;border:1px solid #f0f0f0}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.search-box input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fafafa}.search-box input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.filter-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{font-weight:600;color:#666;font-size:.875rem}.filter-group select{padding:.625rem 2.5rem .625rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:.875rem;cursor:pointer;background:#fafafa;transition:all .3s ease;font-weight:500}.filter-group select:hover{border-color:#667eea;background:#fff}.filter-group select:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.history-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-box{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:1px solid #f0f0f0;position:relative;overflow:hidden}.stat-box:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor;transition:width .3s ease}.stat-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-box:hover:before{width:100%;opacity:.05}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-completed{color:#10b981}.stat-completed .stat-icon{background:linear-gradient(135deg,#10b98120,#059e6920);color:#10b981}.stat-processing{color:#f59e0b}.stat-processing .stat-icon{background:linear-gradient(135deg,#f59e0b20,#d9780020);color:#f59e0b}.stat-failed{color:#ef4444}.stat-failed .stat-icon{background:linear-gradient(135deg,#ef444420,#dc262620);color:#ef4444}.jobs-list{display:flex;flex-direction:column;gap:1.25rem}.job-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border:1px solid #f0f0f0;position:relative;overflow:hidden}.job-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.job-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#667eea}.job-card:hover:before{transform:scaleX(1)}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.job-title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.job-title h3{margin:0;color:#1a1a2e;font-size:1.25rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.status-completed{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.status-processing{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.status-failed{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.status-pending{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460}.type-badge{padding:.375rem .875rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:capitalize;box-shadow:0 2px 8px #00000014}.type-single{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.type-batch{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.job-actions{display:flex;gap:.5rem}.btn-icon{width:40px;height:40px;border:none;background:#f5f5f5;border-radius:10px;font-size:1.125rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#666;border:1px solid #e0e0e0}.btn-icon:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.job-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:#fafafa;border-radius:10px;border:1px solid #f0f0f0}.detail-label{font-size:.7rem;color:#999;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.detail-value{font-size:.9rem;color:#1a1a2e;font-family:Courier New,monospace;font-weight:500}.detail-value.error{color:#ef4444;font-weight:700}.job-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem;border-left:4px solid #ef4444;font-weight:500}.job-progress{display:flex;align-items:center;gap:1rem;margin-top:1rem}.progress-bar{flex:1;height:28px;background:#f0f0f0;border-radius:14px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000000f}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:.875rem;font-weight:700;color:#667eea;white-space:nowrap;min-width:60px;text-align:right}.empty-state,.loading-state{text-align:center;padding:4rem;color:#999;background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid #f0f0f0}.empty-state svg,.loading-state svg{color:#d0d0d0;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin:0 0 .5rem;color:#666}.empty-state p,.loading-state p{margin:.5rem 0 0;font-size:1rem;color:#999}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary{background:#f0f0f0;color:#666}.btn-secondary:hover{background:#e0e0e0}@media(max-width:768px){.history-page{padding:1rem}.history-header{flex-direction:column;align-items:flex-start}.header-content{gap:1rem}.header-icon{width:48px;height:48px}.history-header h1{font-size:1.75rem}.history-header p{font-size:1rem}.btn-refresh{width:100%;justify-content:center}.history-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-box{flex-direction:column;text-align:center}.filter-buttons{flex-direction:column;gap:1rem}.filter-group{width:100%}.filter-group select{flex:1}.job-header{flex-direction:column;gap:1rem}.job-actions{width:100%;justify-content:flex-end}.job-details{grid-template-columns:1fr}}@media(max-width:480px){.history-stats{grid-template-columns:1fr}.job-title{flex-direction:column;align-items:flex-start}.stat-value{font-size:1.5rem}}.email-library{padding:2rem;max-width:1400px;margin:0 auto}.library-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.library-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.library-header p{font-size:1.125rem;color:var(--gray-600);margin:0}.library-filters{background:var(--bg-primary);padding:1.5rem;border-radius:var(--border-radius-lg);margin-bottom:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.search-box{margin-bottom:1rem;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-600)}.search-box input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-size:1rem;transition:var(--transition);background:var(--bg-secondary)}.search-box input:focus{outline:none;border-color:var(--primary-indigo);background:var(--bg-primary)}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.filter-btn{padding:.625rem 1.25rem;border:2px solid var(--border-color);background:var(--bg-primary);border-radius:var(--border-radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);text-transform:capitalize;color:var(--gray-700)}.filter-btn:hover{border-color:var(--primary-indigo);color:var(--primary-indigo);background:linear-gradient(135deg,#8b5cf60d,#3b82f60d)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.email-template-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);display:flex;flex-direction:column;height:100%;border:1px solid var(--border-color)}.email-template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.template-preview{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);overflow:hidden;display:flex;align-items:center;justify-content:center}.template-preview img{width:100%;height:100%;object-fit:cover}.template-placeholder{display:flex;align-items:center;justify-content:center;color:#0000004d}.template-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1e293be6;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.email-template-card:hover .template-overlay{opacity:1}.template-info{padding:1.5rem;flex:1;display:flex;flex-direction:column}.template-info h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--gray-900)}.template-description{font-size:.875rem;color:var(--gray-600);margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:var(--bg-tertiary);color:var(--gray-700);padding:.25rem .75rem;border-radius:var(--border-radius-lg);font-size:.75rem;font-weight:500;border:1px solid var(--border-color)}.template-info .btn{margin-top:auto;width:100%}.empty-state{text-align:center;padding:4rem;color:var(--gray-600);display:flex;flex-direction:column;align-items:center;gap:1rem}.btn{padding:.875rem 1.5rem;border:none;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-icon{background:#fff;border:none;width:48px;height:48px;border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;color:var(--primary-indigo)}.btn-icon:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}@media(max-width:768px){.library-header{flex-direction:column;gap:1rem}.templates-grid{grid-template-columns:1fr}}.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}.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:transparent;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 transparent}.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-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}.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-bg-main,.gjs-sm-colorp-c,.gjs-off-prv{background-color:var(--gjs-main-color)}.gjs-color-main,.gjs-sm-stack #gjs-sm-add,.gjs-off-prv{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:transparent;border:none;color:inherit}.gjs-no-app{height:10px}.gjs-test::btn{color:"#fff"}.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-rte-toolbar,.gjs-layer-name,.gjs-grabbing,.gjs-grabbing *{-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-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el,.gjs-resizer-c{pointer-events:none}.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}: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}.clear{clear:both}.no-select,.gjs-clm-tags #gjs-clm-close,.gjs-category-title,.gjs-layer-title,.gjs-block-category .gjs-title,.gjs-sm-sector-title,.gjs-trait-category .gjs-title,.gjs-com-no-select,.gjs-com-no-select img{-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-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-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}.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)}.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:transparent 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) transparent;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:transparent;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:transparent;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:transparent;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 transparent;border-right:4px solid transparent;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 transparent;border-right:4px solid transparent;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:transparent;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-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}.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-select,.gjs-clm-field{width:100%;position:relative}.gjs-sm-field input,.gjs-clm-select input,.gjs-clm-field input,.gjs-sm-field select,.gjs-clm-select select,.gjs-clm-field select{background-color:transparent;color:#ffffffb3;border:none;width:100%}.gjs-sm-field input,.gjs-clm-select input,.gjs-clm-field input{box-sizing:border-box}.gjs-sm-field select,.gjs-clm-select select,.gjs-clm-field select{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gjs-sm-field select::-ms-expand,.gjs-clm-select select::-ms-expand,.gjs-clm-field select::-ms-expand{display:none}.gjs-sm-field select:-moz-focusring,.gjs-clm-select select:-moz-focusring,.gjs-clm-field select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-sm-field input:focus,.gjs-clm-select input:focus,.gjs-clm-field input:focus,.gjs-sm-field select:focus,.gjs-clm-select select:focus,.gjs-clm-field select:focus{outline:none}.gjs-sm-field .gjs-sm-unit,.gjs-clm-select .gjs-sm-unit,.gjs-clm-field .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-select .gjs-clm-sel-arrow,.gjs-clm-field .gjs-clm-sel-arrow,.gjs-sm-field .gjs-sm-int-arrows,.gjs-clm-select .gjs-sm-int-arrows,.gjs-clm-field .gjs-sm-int-arrows,.gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow,.gjs-clm-field .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-select .gjs-sm-sel-arrow,.gjs-clm-field .gjs-sm-sel-arrow{cursor:pointer}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow,.gjs-clm-field .gjs-sm-u-arrow{position:absolute;height:0;width:0;border-left:3px solid transparent;border-right:4px solid transparent;cursor:pointer}.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow,.gjs-clm-field .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-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .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-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .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-clm-select,.gjs-sm-select.gjs-clm-field{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-select,.gjs-sm-composite.gjs-clm-field{border-radius:2px}.gjs-sm-field.gjs-sm-select,.gjs-clm-select,.gjs-sm-select.gjs-clm-field{padding:0}.gjs-sm-field.gjs-sm-select select,.gjs-clm-select select,.gjs-sm-select.gjs-clm-field select{height:20px}.gjs-sm-field.gjs-sm-select option,.gjs-clm-select option,.gjs-sm-select.gjs-clm-field option{padding:3px 0}.gjs-sm-field.gjs-sm-composite,.gjs-sm-composite.gjs-clm-select,.gjs-sm-composite.gjs-clm-field{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-select,.gjs-sm-list.gjs-clm-field{width:auto;padding:0;overflow:hidden;float:left}.gjs-sm-field.gjs-sm-list input,.gjs-sm-list.gjs-clm-select input,.gjs-sm-list.gjs-clm-field input{display:none}.gjs-sm-field.gjs-sm-list label,.gjs-sm-list.gjs-clm-select label,.gjs-sm-list.gjs-clm-field label{cursor:pointer;padding:5px;display:block}.gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked+label{background-color:#fff3}.gjs-sm-field.gjs-sm-list .gjs-sm-icon,.gjs-sm-list.gjs-clm-select .gjs-sm-icon,.gjs-sm-list.gjs-clm-field .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-select select,.gjs-sm-integer.gjs-clm-field 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-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-checker-bg,.gjs-sm-colorp-c .gjs-field-colorp-c{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}.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;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:transparent!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;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}.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:transparent;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-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}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:notificationFadeIn .2s ease-out}@keyframes notificationFadeIn{0%{opacity:0}to{opacity:1}}.notification-modal{background:#0a0e1a;border-radius:16px;padding:2rem;min-width:400px;max-width:500px;box-shadow:0 25px 80px #000000e6,0 0 0 1px #6366f180;border:1px solid rgba(99,102,241,.4);position:relative;animation:notificationSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes notificationSlideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.notification-close{position:absolute;top:1rem;right:1rem;background:#94a3b81a;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;transition:all .2s}.notification-close:hover{background:#94a3b833;color:#f1f5f9;transform:rotate(90deg)}.notification-content{display:flex;flex-direction:column;gap:1.5rem}.notification-header{display:flex;align-items:center;gap:1rem}.notification-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.notification-icon{flex-shrink:0;animation:iconPulse .5s ease-out}@keyframes iconPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.notification-icon.success{color:#10b981}.notification-icon.error{color:#ef4444}.notification-icon.warning{color:#f59e0b}.notification-icon.info{color:#3b82f6}.notification-message{margin:0;font-size:1rem;line-height:1.6;color:#f1f5f9}.notification-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.btn-notification-ok{padding:.75rem 2rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.notification-success .btn-notification-ok{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.notification-success .btn-notification-ok:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.notification-error .btn-notification-ok{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.notification-error .btn-notification-ok:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.notification-warning .btn-notification-ok{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.notification-warning .btn-notification-ok:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.notification-info .btn-notification-ok{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.notification-info .btn-notification-ok:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-notification-ok:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn-notification-ok:active:before{width:300px;height:300px}@media(max-width:768px){.notification-modal{min-width:320px;max-width:90vw;padding:1.5rem}.notification-header h3{font-size:1.25rem}.notification-message{font-size:.95rem}}.email-studio{display:flex;flex-direction:column;height:100%;width:100%;flex:1;background:#0f172a;overflow:hidden;min-height:0}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:1px solid rgba(148,163,184,.1);box-shadow:0 4px 20px #0000004d;z-index:1000}.toolbar-left{display:flex;align-items:center;gap:1.5rem}.studio-title{margin:0;font-size:1.125rem;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:.5rem}.toolbar-right{display:flex;gap:.625rem;align-items:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn:hover:before{width:300px;height:300px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-primary:active{transform:translateY(0)}.studio-container{flex:1;position:relative;overflow:hidden;background:#1e293b;border-radius:0;display:flex;flex-direction:row;min-height:0}.gjs-sidebar-left,.gjs-sidebar-right{width:280px;min-width:280px;flex-shrink:0;background:#0f172af2;display:flex;flex-direction:column;overflow:hidden}.gjs-sidebar-left{border-right:1px solid rgba(148,163,184,.1)}.gjs-sidebar-right{border-left:1px solid rgba(148,163,184,.1)}.gjs-sidebar-tabs{flex:1;display:flex;flex-direction:column;overflow-y:auto}.blocks-container,.layers-container,.styles-container,.traits-container{flex:1;overflow-y:auto;padding:1rem}#gjs,.gjs-editor-container{height:100%;width:100%;flex:1;display:flex;flex-direction:column;min-height:0;position:relative;background:linear-gradient(135deg,#1e293b,#0f172a)}.gjs-editor-cont,.gjs-cv-canvas-bg{width:100%!important;height:100%!important}.gjs-editor{height:100%!important;width:100%!important;display:flex!important;flex-direction:row!important;position:relative!important}.gjs-editor-cont{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;position:relative!important}.gjs-cv-canvas{flex:1!important;display:flex!important;flex-direction:column!important;padding:20px!important;background:transparent!important;overflow:auto!important}.gjs-cv-canvas__frames{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important}.gjs-frame{border-radius:0!important;box-shadow:0 4px 12px #0000001a!important;background:#fff!important;width:100%!important;min-height:100%!important;border:1px solid rgba(148,163,184,.2)!important}.gjs-frame-wrapper{width:100%!important;height:100%!important}.gjs-pn-panels{display:flex!important;background:#0f172acc!important;border-bottom:1px solid rgba(148,163,184,.1)!important;padding:.75rem!important}.gjs-frame body{margin:0!important;padding:0!important;width:100%!important;min-height:100%!important}.gjs-frame body>*{max-width:100%!important}.gjs-frame table{width:100%!important;max-width:100%!important;table-layout:auto!important}.gjs-cv-canvas body{margin:0!important;padding:0!important;width:100%!important}.gjs-frame table[style*="margin: 0 auto"],.gjs-frame table[style*="margin:0 auto"]{margin-left:0!important;margin-right:0!important}.gjs-frame img{max-width:100%!important;height:auto!important}.studio-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a);z-index:100}.spinner{width:60px;height:60px;border:4px solid rgba(148,163,184,.2);border-top-color:#6366f1;border-right-color:#8b5cf6;border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 30px #6366f14d}.studio-loading p{margin-top:1.5rem;color:#94a3b8;font-size:1rem;font-weight:500;letter-spacing:.5px;animation:pulse 1.5s ease-in-out infinite}.modal-content{background:#0a0e1a!important;border-radius:16px;padding:2rem;max-width:700px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 80px #000000e6,0 0 0 1px #6366f180;border:1px solid rgba(99,102,241,.4);animation:slideUp .3s ease-out}.modal-content p{margin:0 0 1.5rem;color:#e2e8f0!important;font-size:.95rem;line-height:1.6}.html-textarea{width:100%;padding:1rem;border:2px solid rgba(99,102,241,.3);border-radius:10px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.9rem;resize:vertical;transition:all .2s;background:#0f1624;color:#fff;min-height:300px;line-height:1.6}.html-textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 4px #818cf840;background:#0a0e1a}.html-textarea::placeholder{color:#cbd5e1;opacity:.6}.modal-content label,.modal-content span:not(.btn span),.modal-content div:not(.btn):not(.modal-actions){color:#e2e8f0!important}.modal-content input,.modal-content textarea,.modal-content select{background:#0f1624!important;color:#fff!important;border-color:#6366f14d!important}.gjs-cv-canvas{background:linear-gradient(135deg,#1e293b,#0f172a)!important;flex:1!important;height:100%!important;display:flex!important;flex-direction:column!important;position:relative!important}.gjs-cv-canvas__frames{flex:1!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}.gjs-frame{border-radius:8px!important;box-shadow:0 10px 40px #0000004d!important;background:#fff!important}.gjs-pn-panels{display:flex!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.gjs-pn-views-container,.gjs-pn-options{display:flex!important;flex-direction:column!important;height:100%!important}.gjs-pn-commands{position:absolute!important;top:0!important;left:280px!important;right:280px!important;z-index:10!important;height:auto!important}.gjs-pn-commands{display:flex!important;align-items:center!important;padding:.75rem!important;background:#0f172acc!important;border-bottom:1px solid rgba(148,163,184,.1)!important;gap:.5rem!important}.gjs-pn-commands .gjs-pn-buttons{display:flex!important;gap:.5rem!important}.gjs-pn-commands .gjs-pn-btn{padding:.5rem .75rem!important;background:#94a3b81a!important;border:1px solid rgba(148,163,184,.2)!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s!important;color:#94a3b8!important;font-size:1rem!important}.gjs-pn-commands .gjs-pn-btn:hover{background:#94a3b833!important;color:#e2e8f0!important;transform:translateY(-1px)!important}.gjs-pn-commands .gjs-pn-btn.gjs-pn-active{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border-color:#6366f1!important;box-shadow:0 4px 12px #6366f14d!important}.gjs-pn-panel:empty{display:none!important}.gjs-pn-btn{padding:.75rem 1rem!important;background:#94a3b81a!important;border:none!important;border-bottom:2px solid transparent!important;color:#94a3b8!important;font-size:.875rem!important;font-weight:600!important;transition:all .2s!important;cursor:pointer!important}.gjs-pn-btn:hover{background:#94a3b833!important;color:#e2e8f0!important}.gjs-pn-btn.gjs-pn-active{background:#6366f11a!important;border-bottom-color:#6366f1!important;color:#a5b4fc!important}.gjs-blocks-c{padding:.75rem!important;background:transparent!important;height:100%!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:.5rem!important}.gjs-block-category{border-bottom:1px solid rgba(148,163,184,.1)!important;margin-bottom:.75rem!important}.gjs-block-category .gjs-blocks-c{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;padding:.75rem!important}.gjs-block-category .gjs-title{background:#0f172a80!important;color:#e2e8f0!important;padding:.75rem 1rem!important;font-weight:600!important;font-size:.85rem!important;text-transform:uppercase!important;letter-spacing:.5px!important;cursor:pointer!important}.gjs-block{border:1px solid rgba(148,163,184,.2)!important;border-radius:8px!important;padding:1rem .75rem!important;margin:.4rem!important;cursor:move!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;background:#1e293b66!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;min-height:90px!important;width:calc(100% - 1.6rem)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;gap:.25rem!important}.gjs-block>*{display:block!important;visibility:visible!important}.gjs-block:hover{border-color:#6366f1!important;box-shadow:0 6px 16px #6366f14d!important;transform:translateY(-2px) scale(1.02)!important;background:#1e293b99!important}.gjs-block__media{display:block!important;visibility:visible!important;opacity:1!important;margin-bottom:.5rem!important;filter:brightness(1.2)!important;height:40px!important;width:auto!important;max-width:100%!important;flex-shrink:0!important}.gjs-block__media svg,.gjs-block__media img,.gjs-block__media i{display:block!important;visibility:visible!important;opacity:1!important;height:100%!important;width:auto!important}.gjs-block__media svg{fill:#e2e8f0!important;stroke:#e2e8f0!important}.gjs-block__media i{color:#e2e8f0!important;font-size:40px!important}.gjs-block-label{font-size:.85rem!important;font-weight:600!important;color:#e2e8f0!important;text-align:center!important;line-height:1.4!important;white-space:normal!important;word-break:break-word!important;overflow:visible!important;width:100%!important;max-width:100%!important}.gjs-sm-sectors{background:transparent!important;height:100%!important;overflow-y:auto!important}.gjs-sm-sector{border-bottom:1px solid rgba(148,163,184,.1)!important;padding:0!important;background:transparent!important}.gjs-sm-sector-title{font-weight:600!important;color:#e2e8f0!important;padding:.75rem 1rem!important;cursor:pointer!important;transition:all .2s!important;font-size:.875rem!important;text-transform:uppercase!important;letter-spacing:.5px!important;background:#0f172a4d!important}.gjs-sm-sector-title:hover{background:#6366f11a!important;color:#a5b4fc!important}.gjs-sm-sector.gjs-sm-open .gjs-sm-sector-title{background:#6366f126!important}.gjs-sm-properties{padding:.5rem 0!important;background:#0f172a1a!important}.gjs-sm-property{padding:.625rem 1rem!important;border-bottom:1px solid rgba(148,163,184,.05)!important}.gjs-sm-label{font-size:.8rem!important;color:#94a3b8!important;margin-bottom:.375rem!important;font-weight:500!important}.gjs-field,.gjs-select,.gjs-field-integer input,.gjs-field-color input,.gjs-input{border:1px solid rgba(148,163,184,.2)!important;border-radius:6px!important;padding:.5rem!important;font-size:.85rem!important;background:#0f172a80!important;color:#e2e8f0!important;transition:all .2s!important;width:100%!important}.gjs-field:focus,.gjs-select:focus,.gjs-field-integer input:focus,.gjs-field-color input:focus,.gjs-input:focus{outline:none!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f133!important;background:#0f172ab3!important}.gjs-layers{background:transparent!important;padding:.5rem!important;height:100%!important;overflow-y:auto!important}.gjs-layer{padding:.625rem 1rem!important;border-bottom:1px solid rgba(148,163,184,.1)!important;cursor:pointer!important;transition:all .2s!important;color:#94a3b8!important;background:transparent!important}.gjs-layer:hover{background:#6366f11a!important;color:#e2e8f0!important}.gjs-layer.gjs-selected{background:linear-gradient(90deg,rgba(99,102,241,.2) 0%,transparent 100%)!important;border-left:3px solid #6366f1!important;color:#e2e8f0!important}.gjs-layer-title{font-size:.85rem!important;font-weight:500!important;color:inherit!important}.gjs-layer-caret{color:#94a3b8!important}.gjs-layer-caret:hover{color:#e2e8f0!important}.gjs-trt-traits{background:transparent!important;padding:.5rem!important;height:100%!important;overflow-y:auto!important}.gjs-trt-trait{padding:.75rem 1rem!important;border-bottom:1px solid rgba(148,163,184,.1)!important;background:#0f172a1a!important}.gjs-trt-trait__label{font-size:.85rem!important;font-weight:600!important;color:#e2e8f0!important;margin-bottom:.5rem!important;display:block!important}.gjs-trt-trait__wrp{width:100%!important}.gjs-trt-trait input,.gjs-trt-trait select,.gjs-trt-trait textarea{width:100%!important;border:1px solid rgba(148,163,184,.2)!important;border-radius:6px!important;padding:.5rem!important;font-size:.85rem!important;background:#0f172a80!important;color:#e2e8f0!important;transition:all .2s!important}.gjs-trt-trait input:focus,.gjs-trt-trait select:focus,.gjs-trt-trait textarea:focus{outline:none!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f133!important;background:#0f172ab3!important}.gjs-pn-panel{box-sizing:border-box!important}.gjs-pn-views-container,.gjs-pn-options{min-width:0!important;max-width:280px!important;flex-shrink:0!important}.gjs-cv-canvas-bg{flex:1!important;display:flex!important;flex-direction:column!important;background:linear-gradient(135deg,#1e293b,#0f172a)!important}.gjs-mdl-dialog{background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:1px solid rgba(148,163,184,.1)!important;border-radius:12px!important;box-shadow:0 25px 80px #00000080!important}.gjs-mdl-title{color:#f1f5f9!important;font-weight:600!important}.gjs-mdl-content{background:#0f172a4d!important;color:#e2e8f0!important}.gjs-btn-prim{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border:none!important;padding:.625rem 1.25rem!important;border-radius:8px!important;font-weight:600!important;transition:all .2s!important}.gjs-btn-prim:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #6366f166!important}.gjs-one-bg,.gjs-two-bg,.gjs-three-bg,.gjs-four-bg{background:#1e293b99!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.gjs-one-color,.gjs-two-color,.gjs-three-color,.gjs-four-color{color:#94a3b8!important}.gjs-one-color-h:hover,.gjs-two-color-h:hover,.gjs-three-color-h:hover,.gjs-four-color-h:hover{color:#e2e8f0!important}.gjs-toolbar{background:#0f172af2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(148,163,184,.2)!important;border-radius:8px!important;box-shadow:0 8px 24px #0000004d!important}.gjs-toolbar-item{color:#94a3b8!important;transition:all .2s!important;padding:.5rem!important}.gjs-toolbar-item:hover{color:#e2e8f0!important;background:#6366f133!important}.gjs-comp-selected{outline:2px solid #6366f1!important;outline-offset:2px!important;box-shadow:0 0 0 4px #6366f133!important}.gjs-comp-selected-parent{outline:1px dashed rgba(99,102,241,.5)!important}.gjs-resizer-h,.gjs-resizer-h-tl,.gjs-resizer-h-tr,.gjs-resizer-h-tc,.gjs-resizer-h-bc,.gjs-resizer-h-bl,.gjs-resizer-h-br,.gjs-resizer-h-cl,.gjs-resizer-h-cr{background:#6366f1!important;border:2px solid white!important;box-shadow:0 2px 8px #0000004d!important}.gjs-blocks-c::-webkit-scrollbar,.gjs-sm-sectors::-webkit-scrollbar,.gjs-layers::-webkit-scrollbar{width:8px}.gjs-blocks-c::-webkit-scrollbar-track,.gjs-sm-sectors::-webkit-scrollbar-track,.gjs-layers::-webkit-scrollbar-track{background:#0f172a4d}.gjs-blocks-c::-webkit-scrollbar-thumb,.gjs-sm-sectors::-webkit-scrollbar-thumb,.gjs-layers::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px}.gjs-blocks-c::-webkit-scrollbar-thumb:hover,.gjs-sm-sectors::-webkit-scrollbar-thumb:hover,.gjs-layers::-webkit-scrollbar-thumb:hover{background:#94a3b880}@media(max-width:1024px){.studio-toolbar{padding:.75rem 1rem}.btn{font-size:.85rem;padding:.5rem .875rem}}@media(max-width:768px){.email-studio{height:100vh}.studio-toolbar{flex-direction:column;gap:.75rem;padding:.75rem}.toolbar-left,.toolbar-right{width:100%;justify-content:space-between}.toolbar-right{flex-wrap:wrap;gap:.5rem}.btn{font-size:.8rem;padding:.5rem .75rem;flex:1;min-width:calc(50% - .25rem);justify-content:center}.studio-title{font-size:.95rem}.studio-title:before{font-size:1rem}.gjs-pn-panel.gjs-pn-views-container{max-width:80px}.gjs-block-label{font-size:.75rem}}@media(max-width:480px){.studio-toolbar{padding:.5rem}.btn{font-size:.75rem;padding:.5rem;gap:.25rem}.btn svg{width:16px;height:16px}.studio-title{font-size:.875rem}}.email-builder-page{display:flex;flex-direction:column;height:100vh;width:100%;background:linear-gradient(135deg,#0f172a,#1e293b);overflow:hidden}.email-builder-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#1e293b,#0f172a)}.email-builder-loading .spinner{width:60px;height:60px;border:4px solid rgba(148,163,184,.2);border-top-color:#6366f1;border-right-color:#8b5cf6;border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 30px #6366f14d}.email-builder-loading p{margin-top:1.5rem;color:#94a3b8;font-size:1rem;font-weight:500;animation:pulse 1.5s ease-in-out infinite}.builder-header{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:1px solid rgba(148,163,184,.1);box-shadow:0 4px 20px #0000004d;z-index:10}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#94a3b81a;border:1px solid rgba(148,163,184,.2);border-radius:8px;font-size:.9rem;font-weight:600;color:#e2e8f0;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-back:hover{background:#94a3b833;transform:translate(-2px)}.page-title{margin:0;font-size:1.5rem;font-weight:700;color:#f1f5f9;text-shadow:0 2px 10px rgba(0,0,0,.3)}.studio-wrapper{flex:1;display:flex;overflow:hidden;width:100%;height:100%;min-height:0}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.btn-primary:before,.btn-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn-primary:hover:before,.btn-secondary:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#94a3b81a;color:#e2e8f0;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#94a3b833;border-color:#94a3b84d;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0a0e1a!important;border-radius:16px;padding:2rem;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 80px #000000e6,0 0 0 1px #6366f180;border:1px solid rgba(99,102,241,.4);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.save-modal{max-width:600px}.modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(99,102,241,.2)}.modal-header svg{color:#818cf8!important;flex-shrink:0}.modal-content h2{margin:0;font-size:1.5rem;color:#fff!important;font-weight:700}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#f1f5f9;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid rgba(99,102,241,.3);border-radius:10px;font-size:1rem;transition:all .2s;box-sizing:border-box;background:#0f1624;color:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:#cbd5e1;opacity:.6}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 4px #818cf840;background:#0a0e1a}.form-group textarea{resize:vertical;font-family:inherit;min-height:100px}.info-box{display:flex;align-items:flex-start;gap:.75rem;background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.3);border-left:4px solid #10b981;border-radius:10px;padding:1rem;margin-bottom:1rem}.info-box .info-icon{color:#10b981;flex-shrink:0;margin-top:.15rem}.info-box p{margin:0 0 .25rem;color:#d1fae5;font-weight:600}.info-box small{color:#d1fae5;font-size:.85rem;opacity:.9}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0a0e1a80;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#818cf84d;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#818cf880}@media(max-width:1024px){.builder-header{padding:.875rem 1rem}.page-title{font-size:1.25rem}}@media(max-width:768px){.email-builder-page{height:100vh}.builder-header{flex-direction:column;gap:.75rem;align-items:flex-start;padding:.75rem}.page-title{font-size:1.125rem}.btn-back{padding:.5rem .875rem;font-size:.85rem}.modal-content{padding:1.5rem;max-width:95%}.modal-actions{flex-direction:column-reverse}.modal-actions .btn-primary,.modal-actions .btn-secondary{width:100%;justify-content:center}.studio-wrapper{flex:1;min-height:0}}@media(max-width:480px){.builder-header{padding:.5rem}.page-title{font-size:1rem}.btn-back{font-size:.8rem;padding:.5rem}.btn-back svg{width:18px;height:18px}.modal-content{padding:1rem;border-radius:12px}.form-group input,.form-group textarea{font-size:.9rem;padding:.625rem}}.email-bulk-send{padding:2rem;max-width:1500px;margin:0 auto;--bg-primary: #0f172a;--bg-secondary: #9db6de;--text-primary: #f1f5f9;--border-color: rgba(99, 102, 241, .3)}.page-header p{font-size:1.125rem;color:#1e293b;margin:0 0 2rem}.bulk-send-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-section{background:#0f172a;padding:2rem;border-radius:var(--border-radius-lg);box-shadow:0 10px 30px #00000080;border:1px solid rgba(99,102,241,.3)}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff}.email-bulk-send .form-group label{color:#fff!important}.select-input{width:100%;padding:.875rem;border:2px solid rgba(7,8,96,.3);border-radius:var(--border-radius-md);font-size:1rem;transition:border-color .2s;background:#dfe2e7;color:#062d54}.select-input:focus{outline:none;border-color:#818cf8;background:#0f172a}.select-input option{background:#1e293b;color:#f1f5f9;padding:.5rem}.select-input:disabled{opacity:.6;cursor:not-allowed}.select-loading{padding:.875rem;border:2px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-secondary);color:var(--gray-600);text-align:center}.template-preview-info{margin-top:1rem;padding:1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--border-radius-md);font-size:.875rem}.template-preview-info p{margin:0 0 .5rem;color:#cbd5e1;line-height:1.5}.template-preview-info p:last-child{margin-bottom:0}.template-preview-info strong{color:#a5b4fc;font-weight:700}.file-upload{margin-bottom:.5rem}.file-upload-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:2px dashed var(--primary-indigo);border-radius:var(--border-radius-md);color:var(--primary-indigo);font-weight:600;cursor:pointer;transition:all .2s}.file-upload-btn:hover{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-color:#5b21b6}.form-group small{display:block;color:#cbd5e1;font-size:.875rem;font-style:italic}.form-group input[type=text]{width:100%;padding:.875rem;border:2px solid rgba(99,102,241,.3);border-radius:var(--border-radius-md);font-size:1rem;transition:all .2s;background:#1e293b;color:#f1f5f9}.form-group input[type=text]:focus{outline:none;border-color:#818cf8;background:#0f172a}.form-group input[type=text]::placeholder{color:#94a3b8;opacity:.7}.btn-large{width:100%;padding:1rem 1.5rem;font-size:1rem}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary:disabled:hover{box-shadow:none!important}.info-section{display:flex;align-items:flex-start}.info-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);text-align:center}.info-card svg{margin-bottom:1rem;opacity:.9}.info-card h3{font-size:1.5rem;margin:0 0 1rem}.info-card p{margin:0 0 1.5rem;opacity:.9}.info-card ul{text-align:left;list-style:none;padding:0;margin:0}.info-card ul li{padding:.5rem 0 .5rem 1.5rem;position:relative}.info-card ul li:before{content:"✓";position:absolute;left:0;font-weight:700}.btn{padding:.875rem 1.5rem;border:none;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff!important;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f180}@media(max-width:968px){.bulk-send-container{grid-template-columns:1fr}.preview-section{min-height:500px}}.recipients-count{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#f0fdf4;border:1px solid #86efac;border-radius:var(--border-radius-md);color:#15803d;font-size:.875rem;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-content{background:#0a0e1a;border-radius:16px;padding:2.5rem;max-width:500px;width:90%;box-shadow:0 25px 80px #000000e6,0 0 0 1px #6366f180;border:1px solid rgba(99,102,241,.4)}.status-modal{background:#0a0e1a!important}.status-modal h2{text-align:center;margin:0 0 2rem;color:#fff!important;font-size:1.75rem}.confirmation-modal{background:#0a0e1a!important}.confirmation-modal h2{text-align:center;margin:0 0 1.5rem;color:#fff!important;font-size:1.5rem}.confirmation-modal p{text-align:center;margin:0 0 1rem;color:#e2e8f0!important;font-size:1rem}.confirmation-modal p strong{color:#818cf8!important;font-weight:700}.confirmation-modal .warning-text{color:#fbbf24!important;font-weight:600;font-size:.9rem;margin-bottom:2rem}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.modal-content *{color:inherit}.modal-content h2,.modal-content h3,.modal-content h4{color:#fff!important}.modal-content p,.modal-content span,.modal-content div:not(.btn){color:#f1f5f9!important}.status-processing,.status-success,.status-error{text-align:center;padding:2rem;background:transparent!important}.status-processing:before,.status-processing:after,.status-success:before,.status-success:after{display:none!important}.status-processing>*,.status-success>*,.status-error>*{background:transparent!important}.status-processing svg{color:#818cf8!important;margin-bottom:1rem}.status-success svg{color:#22c55e!important;margin-bottom:1rem}.status-error svg{color:#ef4444!important;margin-bottom:1rem}.status-processing p,.status-success p,.status-error p{font-size:1.125rem;margin:0 0 1rem;color:#f1f5f9!important;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-info{margin-top:1rem;font-size:1.25rem;color:#fff!important;font-weight:700}.status-details{background:#0f1624;border-radius:12px;padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(99,102,241,.2)}.status-stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(99,102,241,.1)}.status-stat:last-child{border-bottom:none}.stat-label{color:#94a3b8!important;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.8px}.stat-value{font-size:2rem;font-weight:700;color:#fff!important}.status-stat.success .stat-value{color:#22c55e!important}.status-stat.error .stat-value{color:#ef4444!important}.error-list{margin-top:1.5rem;text-align:left;max-height:200px;overflow-y:auto;background:#ef44441a;border-radius:8px;padding:1rem;border:1px solid rgba(239,68,68,.3)}.error-list h4{color:#fca5a5!important;margin:0 0 .75rem;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.error-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin-bottom:.5rem;background:#0f162480;border-radius:6px;font-size:.85rem;color:#e2e8f0}.error-msg{color:#fca5a5;font-size:.75rem;margin-left:1rem}.status-success .btn,.status-error .btn{margin-top:1.5rem}.btn-secondary{background:#94a3b833;color:#f1f5f9;border:1px solid rgba(148,163,184,.3)}.btn-secondary:hover{background:#94a3b84d;border-color:#94a3b866;transform:translateY(-2px)}.preview-section{background:#0f172a;padding:2rem;border-radius:var(--border-radius-lg);box-shadow:0 10px 30px #00000080;border:1px solid rgba(99,102,241,.3);display:flex;flex-direction:column;min-height:600px}.preview-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:#fff;padding-bottom:1rem;border-bottom:2px solid rgba(99,102,241,.3)}.email-preview-container{flex:1;display:flex;flex-direction:column;background:#1e293b;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid rgba(99,102,241,.2)}.email-preview-header{display:flex;gap:1rem;padding:1rem 1.5rem;background:#6366f10d;border-bottom:1px solid rgba(99,102,241,.1)}.preview-label{font-weight:600;color:#94a3b8;min-width:80px;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.preview-value{color:#f1f5f9;font-weight:500;flex:1}.email-preview-divider{height:2px;background:linear-gradient(90deg,rgba(99,102,241,.3),transparent)}.email-preview-body{flex:1;padding:1.5rem;background:#fff;overflow:auto}.email-preview-iframe{width:100%;height:100%;min-height:400px;border:none;background:#fff;border-radius:4px}.preview-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;gap:1rem}.preview-placeholder svg{color:#64748b}.preview-placeholder p{font-size:1.125rem;font-weight:500;color:#94a3b8}.email-templates{padding:2rem;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header p{font-size:1.125rem;color:var(--gray-600);margin:0}.templates-list{display:flex;flex-direction:column;gap:1rem}.template-item{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;align-items:center;gap:1.5rem;transition:var(--transition)}.template-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.template-icon{width:64px;height:64px;border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.template-details{flex:1;min-width:0}.template-details h3{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:var(--gray-900)}.template-subject{font-size:.95rem;color:var(--primary-indigo);margin:0 0 .5rem;font-weight:500}.template-description{font-size:.875rem;color:var(--gray-600);margin:0 0 .75rem;line-height:1.5}.template-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-500)}.template-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-icon.btn-danger:hover{background:#fee2e2;color:#dc2626;border-color:#dc2626}@media(max-width:768px){.page-header{flex-direction:column;gap:1rem}.template-item{flex-direction:column;text-align:center}.template-actions{width:100%;justify-content:center}}.email-history{padding:2rem;max-width:1200px;margin:0 auto}.page-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:1.125rem;color:var(--gray-600);margin:0 0 2rem}.history-filters{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.625rem 1.25rem;border:2px solid var(--border-color);background:var(--bg-primary);border-radius:var(--border-radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);color:var(--gray-700)}.filter-btn:hover{border-color:var(--primary-indigo);color:var(--primary-indigo)}.filter-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f14d}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;align-items:center;gap:1.5rem;transition:var(--transition)}.history-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.history-icon{width:64px;height:64px;border-radius:var(--border-radius-lg);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-icon{flex-shrink:0}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.status-icon.processing{color:#f59e0b;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-icon.pending{color:#6b7280}.history-details{flex:1;min-width:0}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem;gap:1rem}.history-details h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--gray-900)}.status-badge{padding:.25rem .75rem;border-radius:var(--border-radius-md);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.status-completed{background:#d1fae5;color:#065f46}.status-failed{background:#fee2e2;color:#991b1b}.status-processing{background:#fef3c7;color:#92400e}.status-pending{background:#e5e7eb;color:#374151}.history-subject{font-size:.95rem;color:var(--primary-indigo);margin:0 0 .75rem;font-weight:500}.history-stats{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600);margin-bottom:.5rem;font-weight:500}.success-text{color:#10b981}.error-text{color:#ef4444}.history-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-500)}.history-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-icon{width:40px;height:40px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--gray-700);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-primary);color:var(--primary-indigo);border-color:var(--primary-indigo)}.empty-state{text-align:center;padding:4rem;color:var(--gray-600);display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.empty-state svg{color:var(--gray-400)}.empty-state h3{font-size:1.5rem;font-weight:600;margin:0;color:var(--gray-900)}.empty-state p{margin:0}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.125rem;color:var(--gray-600)}@media(max-width:768px){.history-item{flex-direction:column;text-align:center}.history-header{flex-direction:column;align-items:flex-start}.history-actions{width:100%;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.details-modal{background:#fff;border-radius:16px;padding:2.5rem;max-width:600px;width:90%;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto}.details-modal h2{margin:0 0 2rem;color:#1e293b;font-size:1.75rem}.job-detail-section{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.job-detail-section h3{margin:0 0 1rem;color:#334155;font-size:1.125rem;font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;font-weight:500;font-size:.9rem}.detail-value{color:#1e293b;font-weight:600}.detail-value.code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;background:#fff;padding:.25rem .5rem;border-radius:4px;border:1px solid #e2e8f0}.modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.btn{padding:.875rem 1.5rem;border:none;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.admin-home{padding:0;animation:fadeIn .4s ease-in;min-height:100vh;background:#f8f9fa}.admin-home-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.25rem;color:#666}.admin-hero{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:4rem 2.5rem 3rem;margin-bottom:2.5rem;overflow:hidden}.admin-hero-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.hero-shape{position:absolute;border-radius:50%;background:#f59e0b1a;animation:float 20s infinite ease-in-out}.hero-shape.shape-1{width:400px;height:400px;top:-200px;right:-100px;animation-delay:0s}.hero-shape.shape-2{width:300px;height:300px;bottom:-150px;left:-80px;animation-delay:7s}.hero-shape.shape-3{width:200px;height:200px;top:50%;left:40%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.admin-hero-content{position:relative;z-index:1;max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#f59e0b33;color:#fbbf24;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(245,158,11,.3)}.admin-hero-content h1{font-size:3rem;margin:0 0 1rem;color:#fff;font-weight:800;letter-spacing:-1px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.admin-hero-content p{font-size:1.25rem;color:#fffc;margin:0;line-height:1.6}.admin-section-title{padding:0 2.5rem;margin-bottom:1.5rem;margin-top:3rem}.admin-section-title:first-of-type{margin-top:0}.admin-section-title h2{font-size:1.875rem;margin:0 0 .5rem;color:#1a1a2e;font-weight:700}.admin-section-title p{font-size:1rem;color:#666;margin:0}.admin-home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;padding:0 2.5rem;margin-bottom:2.5rem}.admin-stat-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid #f0f0f0;position:relative;overflow:hidden}.stat-background{position:absolute;top:0;right:0;width:150px;height:150px;background:currentColor;opacity:.03;border-radius:50%;transform:translate(40%,-40%);transition:all .4s ease}.admin-stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026;border-color:currentColor}.admin-stat-card:hover .stat-background{transform:translate(30%,-30%) scale(1.5);opacity:.06}.admin-stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.admin-stat-card .stat-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.admin-stat-card .stat-content{display:flex;flex-direction:column;gap:.5rem}.admin-stat-card .stat-value{font-size:2.75rem;font-weight:800;color:#1a1a2e;line-height:1;letter-spacing:-1px}.admin-stat-card .stat-label{font-size:1rem;color:#666;font-weight:600}.stat-trend{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#999;margin-top:auto}.stat-trend-up{color:#10b981;font-weight:600}.stat-primary{color:#667eea}.stat-primary .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-success{color:#10b981}.stat-success .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-warning{color:#f59e0b}.stat-warning .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-info{color:#8b5cf6}.stat-info .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.admin-home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:0 2.5rem;margin-bottom:2.5rem}.action-card{background:#fff;padding:2.5rem;border-radius:24px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:1.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid #f0f0f0;position:relative;overflow:hidden}.action-card-background{position:absolute;top:0;right:0;width:200px;height:200px;background:currentColor;opacity:.02;border-radius:50%;transform:translate(50%,-50%);transition:all .5s ease}.action-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #00000026;border-color:currentColor}.action-card:hover .action-card-background{transform:translate(40%,-40%) scale(1.5);opacity:.05}.action-card:hover .action-icon{transform:scale(1.1) rotate(5deg)}.action-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;position:relative;z-index:1}.action-primary{color:#667eea}.action-primary .action-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 20px #667eea66}.action-secondary{color:#6b7280;cursor:default;opacity:.7}.action-secondary .action-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 8px 20px #6b72804d}.action-content{position:relative;z-index:1}.action-content h3{font-size:1.5rem;margin:0 0 .75rem;color:#1a1a2e;font-weight:700}.action-content p{font-size:1rem;color:#666;margin:0;line-height:1.6}.action-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.action-badge{font-size:.875rem;font-weight:600;color:currentColor;background:#0000000d;padding:.375rem .75rem;border-radius:12px}.action-arrow{font-size:1.5rem;font-weight:700;color:currentColor;transition:transform .3s ease}.action-card:hover .action-arrow{transform:translate(4px)}.admin-home-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 2.5rem 2.5rem}.info-box{background:#fff;padding:2.5rem;border-radius:24px;box-shadow:0 8px 24px #00000014;border:2px solid #f0f0f0;transition:all .3s ease;position:relative;overflow:hidden}.info-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.info-box:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:currentColor}.info-box:hover:before{transform:scaleX(1)}.info-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.info-primary{color:#f59e0b}.info-primary .info-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.info-secondary{color:#667eea}.info-secondary .info-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.info-tertiary{color:#10b981}.info-tertiary .info-icon{background:linear-gradient(135deg,#10b981,#059669)}.info-box h3{font-size:1.375rem;margin:0 0 1.5rem;color:#1a1a2e;font-weight:700}.info-box ul{margin:0;padding:0;list-style:none}.info-box li{font-size:.9375rem;color:#666;margin-bottom:1rem;position:relative;padding-left:2rem;line-height:1.6}.info-box li:last-child{margin-bottom:0}.info-box li:before{content:"✓";position:absolute;left:0;width:24px;height:24px;background:currentColor;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;opacity:.2}.info-box li strong{color:#1a1a2e;font-weight:700}@media(max-width:1024px){.admin-hero{padding:3rem 2rem 2.5rem}.admin-hero-content h1{font-size:2.5rem}.admin-section-title,.admin-home-stats,.admin-home-actions,.admin-home-info{padding-left:2rem;padding-right:2rem}}@media(max-width:768px){.admin-hero{padding:2.5rem 1.5rem 2rem}.admin-hero-content h1{font-size:2rem}.admin-hero-content p{font-size:1rem}.admin-section-title,.admin-home-stats,.admin-home-actions,.admin-home-info{padding-left:1.5rem;padding-right:1.5rem}.admin-section-title h2{font-size:1.5rem}.admin-home-stats{grid-template-columns:repeat(2,1fr);gap:1.25rem}.admin-stat-card{padding:1.5rem}.admin-stat-card .stat-value{font-size:2rem}.admin-home-actions{grid-template-columns:1fr}.action-card{padding:2rem}.admin-home-info{grid-template-columns:1fr}.info-box{padding:2rem}}@media(max-width:480px){.admin-hero{padding:2rem 1rem 1.5rem}.admin-hero-content h1{font-size:1.75rem}.admin-section-title,.admin-home-stats,.admin-home-actions,.admin-home-info{padding-left:1rem;padding-right:1rem}.admin-home-stats{grid-template-columns:1fr;gap:1rem}.action-card,.info-box{padding:1.5rem}}.admin-dashboard{padding:2.5rem;animation:fadeIn .4s ease-in;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.25rem;color:#666}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:2rem}.header-content{display:flex;align-items:center;gap:1.5rem}.admin-header h1{font-size:2.75rem;margin:0 0 .5rem;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-1px}.admin-header p{font-size:1.1875rem;color:#666;margin:0}.btn-add-user{display:flex;align-items:center;gap:.625rem;padding:1rem 1.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #10b9814d}.btn-add-user:hover{transform:translateY(-3px);box-shadow:0 10px 24px #10b98166}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.75rem;margin-bottom:2.5rem}.stat-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 8px 24px #00000014;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border:1px solid #f0f0f0;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:currentColor;transition:width .3s ease}.stat-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0000001f}.stat-card:hover:before{width:100%;opacity:.05}.stat-icon{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:2rem;font-weight:700;color:#1a1a2e;line-height:1}.stat-label{font-size:.875rem;color:#666;font-weight:500}.stat-total{color:#667eea}.stat-total .stat-icon{background:linear-gradient(135deg,#667eea20,#764ba220);color:#667eea}.stat-active{color:#10b981}.stat-active .stat-icon{background:linear-gradient(135deg,#10b98120,#059e6920);color:#10b981}.stat-admin{color:#f59e0b}.stat-admin .stat-icon{background:linear-gradient(135deg,#f59e0b20,#d9780020);color:#f59e0b}.stat-secretariat{color:#8b5cf6}.stat-secretariat .stat-icon{background:linear-gradient(135deg,#8b5cf620,#7c3aed20);color:#8b5cf6}.users-table{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000014;overflow:hidden;border:1px solid #f0f0f0}.users-table table{width:100%;border-collapse:collapse}.users-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.users-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.users-table tbody tr:hover{background:#fafafa}.users-table td{padding:1.25rem 1.5rem}.user-name,.user-email,.user-date{display:flex;align-items:center;gap:.5rem;color:#1a1a2e}.user-email{color:#666;font-size:.875rem}.user-date{color:#999;font-size:.875rem}.role-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:capitalize;box-shadow:0 2px 8px #00000014}.role-admin{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.role-secretariat{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:16px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #00000014}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.user-actions{display:flex;gap:.5rem}.btn-icon{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:1px solid #e0e0e0}.btn-edit{background:#f0f9ff;color:#0369a1}.btn-edit:hover{background:#0284c7;color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px #0284c74d}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#ef4444;color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-reset{background:#fef3c7;color:#92400e}.btn-reset:hover{background:#f59e0b;color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.email-limit{display:flex;align-items:center;gap:.5rem}.limit-unlimited{display:flex;align-items:center;gap:.375rem;color:#10b981;font-weight:600;font-size:.875rem}.limit-disabled{color:#ef4444;font-weight:600;font-size:.875rem}.limit-number{color:#667eea;font-weight:700;font-size:.9375rem;font-family:Courier New,monospace}.email-usage{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-weight:600}.usage-sent{color:#6b7280;font-size:.9375rem}.usage-separator{color:#d1d5db}.usage-remaining{color:#10b981;font-size:.9375rem}.usage-remaining.usage-depleted{color:#ef4444}.usage-unlimited{color:#10b981;font-size:1.125rem}.form-hint{display:block;margin-top:.5rem;font-size:.8125rem;color:#666;font-style:italic}.form-group label{display:flex;align-items:center;gap:.5rem}.limit-exceeded-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;margin-bottom:1.5rem;animation:shake .5s ease-in-out}.limit-exceeded-warning svg{color:#d97706;flex-shrink:0;margin-top:2px}.limit-exceeded-warning strong{display:block;color:#92400e;font-size:.9375rem;margin-bottom:.25rem}.limit-exceeded-warning p{margin:0;color:#78350f;font-size:.8125rem;line-height:1.5}.email-limit-group{margin-bottom:1.5rem}.email-limit-options{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.limit-option{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:#666}.limit-option input[type=radio]{display:none}.limit-option:hover{border-color:#667eea;background:#f0f0ff}.limit-option.active{border-color:#667eea;background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea}.limit-option.active svg{color:#667eea}.limit-option svg{color:#999;transition:color .2s ease}.custom-limit-input{display:flex;align-items:center;gap:.75rem;margin-top:1rem;animation:fadeIn .2s ease-out}.limit-number-input{width:140px!important;padding:.75rem 1rem!important;border:2px solid #667eea!important;border-radius:10px!important;font-size:1.125rem!important;font-weight:600!important;text-align:center;background:#fff!important;color:#667eea}.limit-number-input:focus{outline:none;box-shadow:0 0 0 4px #667eea26!important}.limit-suffix{font-size:.9375rem;color:#666;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease-in}.modal-content{background:#fff;border-radius:16px;box-shadow:0 24px 48px #0003;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #f0f0f0}.modal-header h2{font-size:1.5rem;margin:0;color:#1a1a2e}.modal-close{width:32px;height:32px;border:none;background:#f0f0f0;border-radius:8px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#e0e0e0;transform:scale(1.1)}.modal-error{margin:1rem 2rem 0;padding:1rem;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-radius:8px;font-size:.875rem;border-left:4px solid #ef4444}.modal-form{padding:2rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#666;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fafafa}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #f0f0f0;margin-top:1rem}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#f0f0f0;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@media(max-width:768px){.admin-dashboard{padding:1rem}.admin-header{flex-direction:column;align-items:flex-start}.header-content{gap:1rem}.header-icon{width:48px;height:48px}.admin-header h1{font-size:1.75rem}.btn-add-user{width:100%;justify-content:center}.admin-stats{grid-template-columns:repeat(2,1fr)}.users-table{overflow-x:auto}.users-table table{min-width:800px}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.admin-library{padding:2rem;max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.header-content h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.header-content p{color:#6b7280;font-size:.95rem}.header-actions{display:flex;gap:1rem}.btn-import,.btn-danger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.95rem}.btn-import{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-import:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-danger{background:linear-gradient(135deg,#f56565,#c53030);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f565654d}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.stat-secondary .stat-icon{background:linear-gradient(135deg,#f6ad55,#ed8936)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:700;color:#1f2937}.stat-label{color:#6b7280;font-size:.9rem}.templates-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.templates-table table{width:100%;border-collapse:collapse}.templates-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.templates-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.templates-table td{padding:1rem;border-bottom:1px solid #e5e7eb}.templates-table tbody tr:hover{background:#f9fafb}.template-name{display:flex;align-items:flex-start;gap:.75rem}.template-name svg{color:#667eea;flex-shrink:0;margin-top:2px}.template-name strong{display:block;color:#1f2937;font-weight:600;margin-bottom:.25rem}.template-name small{display:block;color:#6b7280;font-size:.85rem}.category-badge{display:inline-block;padding:.375rem .875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.tags-list{display:flex;gap:.5rem;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:#e5e7eb;color:#374151;border-radius:12px;font-size:.75rem;font-weight:500}.date-info{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.action-buttons{display:flex;gap:.5rem}.btn-icon{padding:.5rem;border:none;background:#f3f4f6;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-preview{color:#667eea}.btn-preview:hover{background:#eef2ff}.btn-delete{color:#dc2626}.btn-delete:hover{background:#fee2e2}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state svg{color:#d1d5db;margin-bottom:1.5rem}.empty-state h3{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:1.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.preview-modal-large{max-width:1000px}.preview-body{display:flex;align-items:center;justify-content:center;background:#f3f4f6;padding:2rem;min-height:400px}.preview-body .template-thumbnail{background:#fff;box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.5rem;color:#1f2937;margin:0}.modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:2rem}.import-info{margin-bottom:1.5rem}.info-box{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem}.info-box h4{color:#667eea;margin:0 0 .5rem;font-size:1rem}.info-box p{color:#374151;margin:0;line-height:1.6}.import-instructions{background:#f9fafb;padding:1rem 1.25rem;border-radius:8px}.import-instructions h4{color:#1f2937;margin:0 0 .75rem;font-size:.95rem}.import-instructions ul{margin:0;padding-left:1.25rem;color:#4b5563;line-height:1.8}.import-instructions code{background:#e5e7eb;padding:.125rem .375rem;border-radius:4px;font-size:.875rem;color:#dc2626}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.json-textarea{width:100%;padding:.875rem;border:2px solid #e5e7eb;border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:.875rem;resize:vertical;transition:border-color .2s}.json-textarea:focus{outline:none;border-color:#667eea}.form-group small{display:block;margin-top:.5rem;color:#6b7280;font-size:.85rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e5e7eb}.btn-cancel{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.125rem;color:#6b7280}.thumbnail-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed #e5e7eb}.thumbnail-help{margin:.5rem 0 1rem;padding:.75rem;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:4px;font-size:.875rem;color:#1e40af}.thumbnail-help strong{color:#1e3a8a}.thumbnail-input-options{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.thumbnail-option{flex:1}.file-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.9rem}.file-upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.thumbnail-divider{display:flex;align-items:center;color:#9ca3af;font-weight:600;font-size:.875rem;white-space:nowrap}.url-input{width:100%;padding:.875rem 1rem;border:2px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:border-color .2s}.url-input:focus{outline:none;border-color:#667eea}.url-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.thumbnail-preview-container{margin-top:1rem}.thumbnail-preview-container label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.thumbnail-preview-box{position:relative;width:100%;max-width:400px;aspect-ratio:1021 / 720;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a}.thumbnail-preview-box img{width:100%;height:100%;object-fit:contain;object-position:center}.thumbnail-remove{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;background:#ef4444f2;color:#fff;border:none;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-weight:700}.thumbnail-remove:hover{background:#dc2626;transform:scale(1.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary)}.app-container{display:flex;min-height:100vh}.app-main{flex:1;margin-left:250px;min-height:100vh;background:var(--bg-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(max-width:1024px){.app-main{margin-left:0}.navigation{transform:translate(-100%);transition:transform .3s ease}.navigation.open{transform:translate(0)}}@media(max-width:768px){.stats-grid,.actions-grid,.templates-grid,.create-content,.settings-content{grid-template-columns:1fr!important}}