@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--color-primary-50:#f0f4ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-secondary-50:#f0fdfa;--color-secondary-100:#ccfbf1;--color-secondary-200:#99f6e4;--color-secondary-300:#5eead4;--color-secondary-400:#2dd4bf;--color-secondary-500:#14b8a6;--color-secondary-600:#0d9488;--color-secondary-700:#0f766e;--color-secondary-800:#115e59;--color-secondary-900:#134e4a;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-background:linear-gradient(135deg,#f5f7fa,#c3cfe2);--color-background-solid:#f5f7fa;--color-background-secondary:#f9fafb;--color-background-accent:#f8fafc;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-glass:#fffc;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-text-on-primary:#fff;--color-border-light:#f3f4f6;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,"Liberation Mono",Menlo,monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:0.25rem;--radius-base:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-base:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-xl:0 25px 50px -12px #00000040;--shadow-card:0 1px 3px #0000001a;--shadow-card-hover:0 10px 15px -3px #0000001a;--glass-background:#fffc;--glass-border:#00000014;--glass-backdrop-filter:blur(10px);--shadow-primary:0 4px 14px 0 #6366f133;--shadow-secondary:0 4px 14px 0 #14b8a633;--shadow-success:0 4px 14px 0 #22c55e33;--shadow-warning:0 4px 14px 0 #f59e0b33;--shadow-error:0 4px 14px 0 #ef444433;--transition-fast:0.15s ease-in-out;--transition-base:0.2s ease-in-out;--transition-slow:0.3s ease-in-out;--transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--card-background:var(--color-surface);--card-border:var(--color-border);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-sm);--card-shadow-hover:var(--shadow-md);--card-padding:var(--space-6);--button-radius:var(--radius-md);--button-padding-y:var(--space-3);--button-padding-x:var(--space-4);--button-font-weight:var(--font-weight-medium);--button-transition:var(--transition-base);--input-radius:var(--radius-md);--input-border:var(--color-border);--input-border-focus:var(--color-primary-500);--input-padding-y:var(--space-3);--input-padding-x:var(--space-4);--table-border:var(--color-border-light);--table-row-hover:var(--color-gray-50);--table-header-bg:var(--color-background-secondary)}@media (prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-background-secondary:#1e293b;--color-background-accent:#334155;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#64748b;--color-border-light:#334155;--color-border:#475569;--color-border-strong:#64748b;--card-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--card-shadow-hover:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}}.text-balance{text-wrap:balance}.transition-all{transition:all .2s ease-in-out;transition:all var(--transition-base)}.transition-colors{transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform .2s ease-in-out;transition:transform var(--transition-base)}.transition-shadow{transition:box-shadow .2s ease-in-out;transition:box-shadow var(--transition-base)}.focus-ring{outline:2px solid #0000;outline-offset:2px}.focus-ring:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-primary-500);outline-offset:2px}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff3}@media (prefers-color-scheme:dark){.glass{background:#1e293bb3;border:1px solid #ffffff1a}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-6);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-flat{border:1px solid var(--card-border);border-radius:var(--card-radius)}.card-elevated,.card-flat{background:var(--card-background);padding:var(--card-padding)}.card-elevated{border:none;border-radius:var(--card-radius);box-shadow:var(--shadow-md);transition:var(--transition-base)}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #fff3;border-radius:var(--card-radius);padding:var(--card-padding);transition:var(--transition-base)}@media (prefers-color-scheme:dark){.card-glass{background:#1e293bcc;border:1px solid #ffffff1a}}.card-header{border-bottom:1px solid var(--color-border-light);margin:calc(var(--card-padding)*-1) calc(var(--card-padding)*-1) var(--space-4) calc(var(--card-padding)*-1);padding:var(--space-4) var(--card-padding)}.card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-subtitle{color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.btn,.card-subtitle{font-size:var(--font-size-sm)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--button-radius);cursor:pointer;display:inline-flex;font-weight:var(--button-font-weight);gap:var(--space-2);justify-content:center;line-height:var(--line-height-tight);padding:var(--button-padding-y) var(--button-padding-x);text-align:center;text-decoration:none;transition:var(--button-transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:focus-visible{ring:2px solid var(--color-primary-500);outline:2px solid #0000;outline-offset:2px}.btn-primary{background:var(--color-primary-600);box-shadow:var(--shadow-primary);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{background:var(--color-primary-800);transform:translateY(0)}.btn-secondary{background:var(--color-secondary-600);box-shadow:var(--shadow-secondary);color:var(--color-text-on-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background:#0000;border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-primary-300);color:var(--color-primary-700)}.btn-ghost{background:#0000;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-text-primary)}.btn-danger{background:var(--color-error-600);box-shadow:var(--shadow-error);color:var(--color-text-on-primary)}.btn-danger:hover:not(:disabled){background:var(--color-error-700);transform:translateY(-1px)}.btn-success{background:var(--color-success-600);box-shadow:var(--shadow-success);color:var(--color-text-on-primary)}.btn-success:hover:not(:disabled){background:var(--color-success-700);transform:translateY(-1px)}.btn-xs{padding:var(--space-1) var(--space-2)}.btn-sm,.btn-xs{font-size:var(--font-size-xs)}.btn-sm{padding:var(--space-2) var(--space-3)}.btn-lg{font-size:var(--font-size-base);padding:var(--space-4) var(--space-6)}.btn-xl{font-size:var(--font-size-lg);padding:var(--space-5) var(--space-8)}.input{background:var(--color-background);border:1px solid var(--input-border);border-radius:var(--input-radius);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--input-padding-y) var(--input-padding-x);transition:var(--transition-base);width:100%}.input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #6366f11a;outline:none}.input:disabled{background:var(--color-gray-50);cursor:not-allowed;opacity:.7}.input::placeholder{color:var(--color-text-muted)}.input-group{position:relative}.input-icon-left{padding-left:var(--space-10)}.input-icon-right{padding-right:var(--space-10)}.input-group-icon{align-items:center;color:var(--color-text-muted);display:flex;height:100%;position:absolute;top:0;width:var(--space-10);z-index:1}.input-group-icon-left{left:0;padding-left:var(--space-3)}.input-group-icon-right{padding-right:var(--space-3);right:0}.badge{gap:var(--space-1);padding:var(--space-1) var(--space-2);text-align:center;white-space:nowrap}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-800)}.badge-secondary{background:var(--color-secondary-100);color:var(--color-secondary-800)}.badge-success{color:var(--color-success-800)}.badge-warning{color:var(--color-warning-800)}.badge-error{color:var(--color-error-800)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-800)}.badge-dot{padding-left:var(--space-3);position:relative}.badge-dot:before{background:currentColor;border-radius:var(--radius-full);content:"";height:6px;left:var(--space-2);position:absolute;top:50%;transform:translateY(-50%);width:6px}.metric-card{background:linear-gradient(135deg,var(--color-background) 0,var(--color-background-secondary) 100%);border:1px solid var(--color-border);overflow:hidden;padding:var(--space-6);transition:var(--transition-base)}.metric-card:before{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-secondary-500) 100%);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.metric-change{margin-top:var(--space-2)}.table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--table-border);padding:var(--space-4);text-align:left}.table th{background:var(--table-header-bg);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.table tbody tr{transition:var(--transition-fast)}.table tbody tr:hover{background:var(--table-row-hover)}.table td{color:var(--color-text-primary);font-size:var(--font-size-sm)}.loading-spinner{border-radius:var(--radius-full);border-top:2px solid var(--color-border);border:2px solid var(--color-border);border-top-color:var(--color-primary-500)}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--color-gray-200);border-radius:var(--radius-base)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress{background:var(--color-gray-200);height:8px;overflow:hidden;width:100%}.progress,.progress-bar{border-radius:var(--radius-full)}.progress-bar{background:linear-gradient(90deg,var(--color-primary-500) 0,var(--color-secondary-500) 100%);height:100%;transition:width var(--transition-base)}.progress-sm{height:4px}.progress-lg{height:12px}.avatar{align-items:center;background:var(--color-gray-200);border-radius:var(--radius-full);color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-medium);justify-content:center;overflow:hidden}.avatar-sm{font-size:var(--font-size-xs);height:32px;width:32px}.avatar-base{font-size:var(--font-size-sm);height:40px;width:40px}.avatar-lg{font-size:var(--font-size-base);height:48px;width:48px}.avatar img{height:100%;object-fit:cover;width:100%}.tooltip{background:var(--color-gray-900);border-radius:var(--radius-md);color:var(--color-text-on-primary);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);position:absolute;white-space:nowrap;z-index:var(--z-tooltip)}@media (max-width:768px){.card,.metric-card{padding:var(--space-4)}.metric-value{font-size:var(--font-size-2xl)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background-secondary);color:var(--color-text-primary);font-family:var(--font-sans);line-height:var(--line-height-normal);margin:0}code{font-family:var(--font-mono)}*{box-sizing:border-box;margin:0;padding:0}.App{background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-sans);min-height:100vh}.app-header,.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-8);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{margin:0 auto;max-width:1400px}.header-content h1{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-secondary-500) 100%);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.025em}.logo-container{align-items:center;display:flex;gap:var(--space-3)}.header-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:48px;object-fit:contain;width:auto}.user-info{align-items:center;display:flex;gap:var(--space-4)}.user-details{align-items:flex-end;display:flex;flex-direction:column}.user-email{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.user-role{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.team-selector{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.logout-btn,.team-selector{font-size:var(--font-size-sm)}.logout-btn{background:var(--color-error-600);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-error);color:var(--color-text-on-primary);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);transition:var(--transition-base);width:auto}.logout-btn:hover{background:var(--color-error-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}.nav-bar{-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);background:var(--glass-background);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);gap:var(--space-1);margin:var(--space-6) auto;max-width:800px;overflow-x:auto;padding:var(--space-1);white-space:nowrap}.nav-bar,.nav-bar button{display:flex;justify-content:center}.nav-bar button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all .2s ease;width:auto}.nav-bar button:hover{background:#00000008;color:var(--color-text-primary)}.nav-bar button.active{background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text-primary)}.nav-bar a{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:0;color:#6b7280;display:inline-block;font-weight:500;padding:1rem 1.5rem;text-decoration:none;transition:all .2s;width:auto}.nav-bar a:hover{background:#f9fafb;color:#374151}.nav-bar a.active{background:#f8faff;border-bottom-color:#667eea;color:#667eea}.main-content{margin:0 auto;max-width:1280px;padding:var(--space-6)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}input[type=email],input[type=password],input[type=text],select,textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}table{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}th{background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}td,th{padding:var(--space-4) var(--space-6)}td{border-bottom:1px solid var(--color-border-light)}tr:hover{background:var(--color-background-secondary)}.modal-overlay{display:grid;inset:0;place-items:center}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:32rem;overflow-y:auto;width:90%}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3)}.badge-success{background:var(--color-success-100);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning-700)}.badge-error{background:var(--color-error-100);color:var(--color-error-700)}.badge-secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card h3{color:#6b7280;font-size:.9rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.stat-number{color:#2d3748;font-size:2rem}.recent-newsletters{margin-top:3rem}.recent-newsletters h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.newsletter-list{display:flex;flex-direction:column;gap:1rem}.newsletter-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem;transition:all .2s ease}.newsletter-item:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000026}.newsletter-info{flex:1 1;min-width:0}.newsletter-info h4{word-wrap:break-word;color:#2d3748;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.newsletter-info p{align-items:center;color:#718096;display:inline-flex;font-size:.9rem;gap:.5rem;margin:0}.newsletter-stats{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.newsletter-stats span{background:#f7fafc;border:1px solid #e2e8f0;border-radius:15px;color:#4a5568;font-size:.85rem;font-weight:500;padding:.25rem .75rem;white-space:nowrap}.newsletter-stats span:first-child{background:#ebf8ff;border-color:#bee3f8;color:#2b6cb0}.newsletter-stats span:last-child{background:#f0fff4;border-color:#c6f6d5;color:#2f855a}.newsletter-info p:after{border-radius:50%;content:"";display:inline-block;height:8px;margin-left:.5rem;width:8px}.newsletter-item[data-status=draft] .newsletter-info p:after{background-color:#ed8936}.newsletter-item[data-status=sent] .newsletter-info p:after{background-color:#38a169}.newsletter-item[data-status=scheduled] .newsletter-info p:after{background-color:#3182ce}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-form{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:2rem;width:100%}.login-form h1{color:#667eea;font-size:2.5rem;margin-bottom:.5rem;text-align:center}.login-form h2{color:#666;font-size:1.2rem;font-weight:400;margin-bottom:2rem;text-align:center}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;font-family:inherit;font-size:1rem}button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}button:hover:not(:disabled){background:#5a67d8}button:disabled{cursor:not-allowed;opacity:.6}.action-btn,.action-buttons button,.newsletters button,.subscribers button,.table-container button,.templates button,div>button.create-btn,div>button.delete-btn,div>button.edit-btn{display:inline-block!important;font-size:.875rem!important;padding:.5rem 1rem!important;white-space:nowrap!important;width:auto!important}.create-btn{background:#059669!important;padding:.75rem 1.5rem!important;width:auto!important}.newsletters-actions,.subscribers-actions,.template-actions,.templates-actions{display:flex;justify-content:flex-end;margin-bottom:2rem}.series-actions{align-items:center;justify-content:space-between}.back-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-size:.9rem;font-weight:500}.back-btn:hover{background:#e2e8f0;color:#2d3748;text-decoration:none;transform:translateX(-2px)}.series-editions{margin:0 auto;max-width:1200px;padding:2rem}.series-editions h2{color:#2d3748;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.series-editions .series-actions .back-btn{font-size:.85rem;opacity:.8}.series-editions .series-actions .back-btn:hover{opacity:1}.create-btn:hover{background:#047857!important}.edit-btn{background:#667eea!important;display:inline-block!important;font-size:.875rem!important;margin-right:.5rem;padding:.5rem 1rem!important;width:auto!important}.edit-btn:hover{background:#5a67d8!important}.delete-btn{background:#dc2626!important;display:inline-block!important;font-size:.875rem!important;padding:.5rem 1rem!important;width:auto!important}.delete-btn:hover{background:#b91c1c!important}.cancel-btn{background:#6b7280!important;display:inline-block!important;padding:.75rem 1.5rem!important;width:auto!important}.cancel-btn:hover{background:#4b5563!important}.add-feed-btn{background:#3b82f6!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;max-width:180px!important;min-width:140px!important;padding:8px 16px!important;transition:all .2s ease!important;white-space:nowrap!important;width:auto!important}.add-feed-btn:hover{background:#2563eb!important;transform:translateY(-1px)!important}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}table{border-collapse:collapse;width:100%}th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;text-align:left}td,th{padding:1rem}td{border-bottom:1px solid #f3f4f6}td button{display:inline-block!important;font-size:.875rem!important;margin-bottom:.25rem!important;margin-right:.5rem!important;padding:.375rem .75rem!important;width:auto!important}td:last-child{white-space:nowrap}tr:last-child td{border-bottom:none}tr:hover{background:#f9fafb}.status{font-size:.75rem;letter-spacing:.05em}.status.active{background:#d1fae5;color:#065f46}.status.inactive{background:#fee2e2;color:#991b1b}.status.confirmed{background:#dbeafe;color:#1e40af}.status.draft{background:#f3f4f6;color:#374151}.status.sent{background:#d1fae5;color:#065f46}.status.scheduled{background:#e0e7ff;color:#3730a3}.newsletter-form,.subscriber-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-width:800px;padding:2rem}.add-subscriber h2,.create-newsletter h2,.newsletter-form h2,.newsletters h2,.subscriber-form h2,.subscribers h2{color:#374151;margin-bottom:2rem}.newsletters h2,.subscribers h2{align-items:center;display:flex;gap:.5rem}.form-actions button{display:inline-block!important;padding:.75rem 1.5rem!important;width:auto!important}.add-subscriber,.create-newsletter,.create-series,.create-template,.import-csv{max-width:800px}.template-actions{margin-bottom:2rem}.template-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-width:900px;padding:2rem}.sections-builder{margin:2rem 0}.sections-builder h3{color:#374151;margin-bottom:1rem}.help-text{color:#718096;margin-bottom:2rem}.section-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.remove-section-btn{font-size:.875rem;padding:.5rem 1rem;width:auto}.remove-section-btn:hover{background:#b91c1c!important}.add-section-btn{background:#059669!important;margin-top:1rem;padding:.75rem 1.5rem;width:auto}.add-section-btn:hover{background:#047857!important}.templates .table-container td:last-child{white-space:nowrap}.templates .table-container button{margin-bottom:.25rem;margin-right:.5rem}.templates h2{align-items:center;color:#374151;display:flex;gap:.5rem;margin-bottom:2rem}.create-series-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-width:900px;padding:2rem}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.form-section h3{color:#374151;margin-bottom:1rem}.form-section p{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.sections-list{margin:1rem 0}.section-item{background:#fff;border:1px solid #e5e7eb;margin-bottom:1rem;padding:1rem}.section-header{margin-bottom:.5rem}.section-title{color:#374151;font-weight:500}.section-type-badge{background:#e5e7eb;border-radius:4px;color:#374151;font-size:.75rem;padding:.25rem .5rem;text-transform:uppercase}.section-description{font-size:.875rem}.remove-section-btn{align-items:center;background:#dc2626!important;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;width:24px}.add-section-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1rem}.form-row{display:flex}.form-row input,.form-row select{border:1px solid #e5e7eb;border-radius:4px;flex:1 1;padding:.5rem}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-group label{align-items:center;display:flex;font-weight:400;gap:.5rem}.page-header h2{color:#374151;margin-bottom:.5rem}.page-header p{color:#6b7280}.error,.success{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;white-space:pre-line}.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;margin-bottom:1rem}.demo-info,.success{border-radius:8px;padding:1rem}.demo-info{background:#f9fafb;color:#6b7280;font-size:.9rem;margin-top:1.5rem}.demo-info p{margin-bottom:.25rem}.quick-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.quick-actions h3{color:#374151;margin-bottom:1rem}.quick-actions button{display:inline-block!important;margin-bottom:.5rem;margin-right:1rem;width:auto!important}.content-editor{font-family:Monaco,Menlo,Ubuntu Mono,monospace;min-height:300px;resize:vertical}.modal-overlay{z-index:99999}.modal-content{box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid #e5e7eb}.modal-header h3{color:#374151}.close-btn{background:none!important;border:none!important;color:#6b7280;width:auto}.close-btn:hover{color:#374151}.modal-footer{border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.ai-assistant-btn{background:#8b5cf6!important;border-radius:20px;font-size:.875rem;padding:.5rem 1rem;width:auto}.ai-assistant-btn:hover{background:#7c3aed!important}.suggestion-btn{background:#10b981!important;border-radius:15px;font-size:.875rem;padding:.5rem .75rem;width:auto}.suggestion-btn:hover{background:#059669!important}.ai-actions{margin:1.5rem 0;text-align:center}.generate-btn{background:#8b5cf6!important;font-size:1rem;padding:.75rem 1.5rem;width:auto}.generate-btn:hover:not(:disabled){background:#7c3aed!important}.generate-btn:disabled{background:#9ca3af!important;cursor:not-allowed}.generated-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:2rem;padding:1.5rem}.generated-content h4{color:#374151;margin-bottom:1rem}.content-preview{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;line-height:1.6;margin-bottom:1rem;padding:1rem;white-space:pre-wrap}.generated-content .content-actions{display:flex;gap:.5rem;margin-top:1rem}.insert-btn{background:#059669!important;font-size:.875rem;padding:.5rem 1rem;width:auto}.insert-btn:hover{background:#047857!important}.copy-btn{background:#6b7280!important;font-size:.875rem;padding:.5rem 1rem;width:auto}.copy-btn:hover{background:#4b5563!important}.settings{margin:0 auto;max-width:800px}.settings h2{color:#2d3748;margin-bottom:2rem}.settings .success{background:#f0fff4;border:1px solid #38a169;border-radius:6px;color:#2d5a3d;font-weight:500;margin-bottom:1rem;padding:1rem}.settings-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.settings-section h3{color:#2d3748;margin-bottom:.5rem}.section-description{color:#666;margin-bottom:1.5rem}.setting-group{margin-bottom:1.5rem}.setting-group label{color:#2d3748;display:block;margin-bottom:.5rem}.setting-group select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.setting-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.api-key-input{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.save-key-btn{background:#667eea;border:none;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;line-height:1;max-width:60px;min-width:auto;padding:6px 12px;transition:background-color .2s;white-space:nowrap;width:auto}.save-key-btn:hover:not(:disabled){background:#5a67d8}.save-key-btn:disabled{background:#cbd5e0;cursor:not-allowed}.api-key-input input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:1rem;padding:.75rem}.api-key-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.api-key-status{min-width:140px}.status-configured{color:#38a169;font-weight:600}.status-missing{color:#e53e3e;font-weight:600}.setting-help{color:#666;font-size:.85rem}.setting-help a{color:#667eea;text-decoration:none}.setting-help a:hover{text-decoration:underline}.settings-info{background:#f7fafc;border-radius:6px;margin-top:1.5rem;padding:1rem}.settings-info h4{color:#2d3748;margin-bottom:.5rem}.settings-info ul{list-style:none;padding-left:0}.settings-info li{color:#666;font-size:.9rem;margin-bottom:.25rem}.settings-info li:before{color:#667eea;content:"• ";margin-right:.5rem}.content-generation-options{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.content-generation-options h4{color:#495057;font-size:16px;font-weight:600;margin-bottom:15px}.ai-prompt-group{border-left:3px solid #007bff;margin-left:20px;padding-left:15px}.rss-config-group{background-color:#f8fafc;border:1px solid #e0e7ff;border-left:3px solid #3b82f6;margin-top:15px;padding:15px;width:100%}.feed-type-header{border-bottom:1px solid #e0e7ff;margin-bottom:12px;padding-bottom:8px}.feed-type-header h4{color:#374151;font-size:16px;gap:8px}.feed-checkbox{align-items:center!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important;cursor:pointer!important;display:flex!important;font-size:14px!important;gap:10px!important;line-height:1.4!important;margin-bottom:6px!important;padding:10px 12px!important;transition:all .2s ease!important}.feed-checkbox:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}.feed-checkbox input[type=checkbox]{cursor:pointer!important;flex-shrink:0!important;height:16px!important;margin:0!important;position:relative!important;vertical-align:middle!important;width:16px!important;z-index:10!important}.feed-checkbox label{align-items:center!important;color:#374151!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-weight:500!important;line-height:1.4!important;margin:0!important}.no-feeds{background:#f9fafb!important;border:1px dashed #d1d5db!important;border-radius:6px!important;color:#6b7280!important;font-size:14px!important;font-style:italic!important;margin:8px 0!important;padding:16px!important;text-align:center!important}.rss-feed-selection{margin-top:12px!important}.feed-type-group{margin-bottom:24px!important}.rss-config-group .form-group label{color:#374151;font-size:16px;font-weight:600;margin-bottom:12px}.rss-config-group .form-group{margin-bottom:0}.checkbox-label{align-items:center!important;color:#374151;cursor:pointer;display:inline-flex!important;font-weight:500}.checkbox-label input[type=checkbox]{flex-shrink:0;height:16px;margin:0 8px 0 0!important;width:16px}.checkbox-label span{display:inline-block;line-height:1}.section-view-tabs{background:#f1f1f1;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:2px}.view-tab{border-radius:2px;color:#666;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.view-tab.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#333}.view-tab:hover:not(.active){background:#ffffff80;color:#333}.section-view-content{background:#fff;border:1px solid #ddd;border-radius:4px}.section-html-editor{background:#fafafa;border:none;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.4;min-height:200px;padding:12px}.section-html-editor:focus{background:#fff}.section-preview{background:#fff;border:none;min-height:200px;overflow-y:auto;padding:12px}.rss-content-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:12px 0;padding:12px 16px}.rss-content-header h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 8px}.rss-content-header .feed-info{color:#718096;font-size:14px;margin:0}.rss-content-header .item-count{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px}@media (max-width:768px){.header-content,.nav-bar{padding:0 1rem}.nav-bar{overflow-x:auto}.main-content{padding:1rem}.stats-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.user-info{flex-direction:column;gap:.5rem}.newsletter-form,.subscriber-form{padding:1rem}.form-actions{flex-direction:column}.nav-bar button{font-size:.9rem;padding:.75rem 1rem}.section-input,.template-form{padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.templates .table-container{overflow-x:auto}.templates .table-container td:last-child{min-width:120px}.newsletter-item{align-items:stretch;flex-direction:column;gap:1rem}.newsletter-stats{align-items:center;flex-direction:row;justify-content:space-between}.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-body,.modal-footer,.modal-header{padding:1rem}.content-header{align-items:flex-start;gap:.5rem}.ai-suggestions,.content-header,.generated-content .content-actions{flex-direction:column}}.metadata-section{background:#f8faff;border:1px solid #e0e7ff;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.metadata-section h3{color:#374151;font-size:1.1rem;margin-bottom:1rem}.template-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.template-section h3{color:#374151;font-size:1.1rem;margin-bottom:1rem}.form-row{margin-bottom:1rem}.sections-editor{margin-bottom:2rem}.sections-editor h3{color:#374151;margin-bottom:1rem}.section-editor{background:#fafafa;border:1px solid #e5e7eb;padding:1rem}.section-header{margin-bottom:1rem}.media-picker-modal{height:80vh!important;max-height:90vh!important;max-width:900px!important;width:95vw!important}.media-picker-modal .modal-body{display:flex;flex-direction:column;height:calc(100% - 120px);padding:0!important}.upload-section{background:#f1f1f1;border-bottom:1px solid #ddd;padding:20px;text-align:center}.upload-label{background:#0073aa;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:8px 16px;transition:background-color .2s}.upload-label:hover{background:#005a87}.upload-hint{color:#666;display:block;font-size:13px;margin-top:8px}.media-picker-filters{background:#f9f9f9;border-bottom:1px solid #ddd;gap:15px;padding:15px 20px}.media-picker-filters,.media-picker-filters .filter-group{align-items:center;display:flex}.media-picker-filters select{background:#fff;border:1px solid #ccd0d4;border-radius:3px;min-width:120px;padding:6px 10px}.media-picker-filters .search-input{border:1px solid #ccd0d4;border-radius:3px;min-width:200px;padding:6px 10px}.media-picker-grid{grid-gap:15px;background:#fff;display:grid;flex:1 1;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow-y:auto;padding:20px}.media-picker-item{background:#f9f9f9;border:2px solid #0000;border-radius:4px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.media-picker-item:hover{border-color:#0073aa;box-shadow:0 2px 8px #0073aa33}.media-picker-item.selected{border-color:#0073aa;box-shadow:0 0 0 2px #0073aa4d}.media-picker-preview{align-items:center;aspect-ratio:1;background:#f0f0f0;display:flex;justify-content:center;overflow:hidden;position:relative}.media-picker-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.media-picker-icon{color:#666;font-size:40px}.selected-overlay{background:#0073aacc;bottom:0;left:0;position:absolute;right:0;top:0}.checkmark,.selected-overlay{align-items:center;display:flex;justify-content:center}.checkmark{background:#fff;border-radius:50%;color:#0073aa;font-size:16px;font-weight:700;height:30px;width:30px}.media-picker-info{background:#fff;padding:8px}.media-picker-title{color:#23282d;font-size:12px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-picker-meta{display:flex;justify-content:space-between}.file-size,.file-type,.media-picker-meta{color:#666;font-size:11px}.no-media-picker{color:#666;grid-column:1/-1;padding:60px 20px;text-align:center}.no-media-icon{font-size:60px;margin-bottom:20px;opacity:.5}.selected-media-preview{background:#f9f9f9;border-top:1px solid #ddd;max-height:200px;overflow-y:auto;padding:20px}.selected-media-preview h4{color:#23282d;font-size:14px;font-weight:600;margin:0 0 15px}.selected-media-info{align-items:flex-start;display:flex;gap:15px}.selected-media-thumbnail{align-items:center;background:#f0f0f0;border:1px solid #ddd;border-radius:3px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.selected-media-thumbnail img{height:100%;object-fit:cover;width:100%}.media-icon-large{color:#666;font-size:30px}.selected-media-details{flex:1 1;font-size:13px;line-height:1.5}.selected-media-details div{margin-bottom:4px}.selected-media-details strong{color:#23282d;font-weight:600}.media-picker-modal .modal-footer{background:#f9f9f9;border-top:1px solid #ddd;padding:15px 20px}.media-picker-modal .save-btn:disabled{cursor:not-allowed;opacity:.6}.media-library{margin:0 auto;max-width:1200px;padding:2rem}.media-library h2{color:#23282d;font-size:23px;font-weight:400;margin-bottom:1.5rem}.media-library .media-picker-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.media-library-actions{display:flex;gap:.5rem;margin-top:.5rem}.media-library-actions button{background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;padding:.5rem;transition:all .2s}.copy-btn:hover{background:#f0f9ff;border-color:#0073aa;color:#0073aa}.delete-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.newsletter-series{max-width:1200px;padding:2rem}.newsletter-series h2{color:#2d3748;font-size:1.75rem;font-weight:700;margin-bottom:2rem}.series-actions{display:flex;justify-content:flex-end;margin-bottom:2rem}.series-actions .create-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea33;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.series-actions .create-btn:hover{box-shadow:0 4px 12px #667eea4d;text-decoration:none;transform:translateY(-1px)}.series-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.series-table table{border-collapse:collapse;width:100%}.series-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:1rem;text-align:left}.series-table td{border-bottom:1px solid #f3f4f6;padding:1rem;vertical-align:top}.series-table tr:last-child td{border-bottom:none}.series-table tr:hover{background:#f9fafb}.series-title{color:#2d3748;font-size:1.1rem;font-weight:600;position:relative;text-decoration:none;transition:all .2s ease}.series-title:hover{color:#667eea;text-decoration:none}.series-title:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.series-title:hover:after{width:100%}.series-description{color:#718096;font-size:.9rem;line-height:1.4;margin:.5rem 0 0}.empty-state{color:#718096;padding:3rem 2rem}.empty-state p{font-size:1.1rem}.empty-state .create-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea33;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.empty-state .create-btn:hover{box-shadow:0 4px 12px #667eea4d;text-decoration:none;transform:translateY(-1px)}.modal-overlay{background-color:#00000080;height:100%;width:100%;z-index:9999}.send-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.send-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.send-modal .modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.send-modal .modal-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.send-modal .modal-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.send-modal .modal-content{padding:2rem}.send-details{background:#f7fafc;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.send-details h3{align-items:center;color:#2d3748;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1rem}.send-details .detail-item{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:.95rem;padding:.5rem 0}.send-details .detail-item:last-child{border-bottom:none}.send-details .detail-item strong{color:#2d3748;font-weight:600;margin-right:.5rem}.send-details .status{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.send-details .status.draft{background:#fef3c7;color:#92400e}.test-email-section{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.test-email-section h3{align-items:center;color:#1e40af;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1rem}.test-email-section .form-group{margin-bottom:1rem}.test-email-section label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.test-email-section input[type=email]{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.test-email-section input[type=email]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.test-email-section small{color:#6b7280;display:block;font-size:.85rem;margin-top:.25rem}.test-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.test-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f633;transform:translateY(-1px)}.test-btn:disabled{cursor:not-allowed;opacity:.5}.send-options{background:#fff;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.send-options h3{align-items:center;color:#111827;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1rem}.send-mode-group{display:flex;gap:2rem;margin-bottom:1rem}.send-mode-group label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.send-mode-group input[type=radio]{accent-color:#10b981;height:18px;width:18px}.schedule-inputs{background:#f9fafb;border-radius:6px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.schedule-inputs .form-group{flex:1 1}.schedule-inputs label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.schedule-inputs input{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.schedule-inputs input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.send-modal .modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.send-modal .send-btn.primary{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.send-modal .send-btn.primary:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.send-modal .send-btn.primary:disabled{cursor:not-allowed;opacity:.5}.send-modal .cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.send-modal .cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.send-btn{align-items:center!important;background:#10b981!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.25rem!important;margin-right:.5rem!important;padding:.5rem 1rem!important;transition:all .2s ease!important;width:auto!important}.send-btn:hover{background:#059669!important;box-shadow:0 2px 4px #10b98133!important;transform:translateY(-1px)!important}.analytics-btn{align-items:center!important;background:#3b82f6!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.25rem!important;margin-right:.5rem!important;padding:.5rem 1rem!important;transition:all .2s ease!important;width:auto!important}.analytics-btn:hover{background:#2563eb!important;box-shadow:0 2px 4px #3b82f633!important;transform:translateY(-1px)!important}.preview-btn{align-items:center!important;background:#6b7280!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.25rem!important;margin-right:.5rem!important;padding:.5rem 1rem!important;transition:all .2s ease!important;width:auto!important}.preview-btn:hover{background:#4b5563!important;box-shadow:0 2px 4px #6b728033!important;transform:translateY(-1px)!important}.performance-stats{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.performance-stats .stat{color:#4b5563;font-weight:500}.no-stats{color:#9ca3af;font-size:.875rem;font-style:italic}.action-buttons{flex-wrap:wrap;gap:.25rem}@media (max-width:768px){.media-library{padding:1rem}.media-library .media-picker-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-picker-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:15px}.media-picker-filters{align-items:stretch;flex-direction:column;gap:10px}.media-picker-filters .filter-group{width:100%}.media-picker-filters .search-input,.media-picker-filters select{min-width:0;min-width:auto;width:100%}.selected-media-info{flex-direction:column;gap:10px}.newsletter-series{padding:1rem}.series-table{overflow-x:auto}.series-actions{justify-content:center;margin-bottom:1.5rem}}.domains-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-top:1rem}.domain-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .2s ease}.domain-card:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea1a}.domain-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.domain-name{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.domain-status .status{border-radius:20px;font-size:.875rem;font-weight:500;padding:.375rem .75rem}.domain-status .status.verified{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.domain-status .status.unverified{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.domain-card-body{margin-bottom:1.5rem}.domain-info{display:flex;flex-direction:column;gap:.75rem}.info-row{align-items:center;display:flex;justify-content:space-between}.info-label{color:#6b7280;font-size:.875rem;font-weight:500}.info-value{font-size:.875rem;font-weight:600}.info-value.enabled{color:#059669}.info-value.disabled{color:#dc2626}.info-value.verified{color:#059669}.info-value.pending{color:#d97706}.domain-card-actions{display:flex;flex-wrap:wrap;gap:.75rem}.domain-card-actions .btn{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.domain-card-actions .btn:disabled{cursor:not-allowed;opacity:.5}.domain-card-actions .btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.domain-card-actions .btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.domain-card-actions .btn-secondary{background:#6b7280;border-color:#6b7280;color:#fff}.domain-card-actions .btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#4b5563;transform:translateY(-1px)}.domain-card-actions .btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.domain-card-actions .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.dns-records-section{border-top:1px solid #f3f4f6;margin-top:1.5rem;padding-top:1.5rem}.dns-records-section h6{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem}.dns-record{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:1rem}.dns-record p{color:#374151;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.dns-value{background:#1f2937;border-radius:6px;color:#f9fafb;display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.4;padding:.75rem;word-break:break-all}@media (max-width:768px){.domain-card-actions{flex-direction:column}.domain-card-actions .btn{justify-content:center;width:100%}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}}.smtp-configuration{max-width:800px}.smtp-form-container{grid-gap:2rem;display:grid;gap:2rem;margin-top:1.5rem}.smtp-section{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem;transition:all .2s ease}.smtp-section:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea1a}.smtp-section-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.smtp-section-header h4{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.smtp-section-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem}.development-notice{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #f59e0b;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.development-notice h4{color:#92400e;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.development-notice ul{color:#78350f;font-size:.9rem;margin:0}.development-notice code{background:#92400e1a;border-radius:4px;font-size:.85rem;padding:.25rem .5rem}.webhook-info{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.webhook-info h4{color:#0c4a6e;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.webhook-info p{color:#075985;font-size:.95rem;margin:0 0 1rem}.webhook-url{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f8fafc;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:1rem;word-break:break-all}.smtp-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.smtp-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.setting-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.setting-group label{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:600;gap:.25rem}.setting-group .required:after{color:#ef4444;content:"*";margin-left:.25rem}.setting-group input,.setting-group select{background:#fff;border:2px solid #d1d5db;border-radius:8px;font-size:.95rem;min-height:2.75rem;padding:.875rem 1rem;transition:all .2s ease}.setting-group input:focus,.setting-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.setting-group input:disabled,.setting-group select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.setting-group input[type=password]{font-family:monospace;letter-spacing:.1em}.password-input-group{position:relative}.setting-group.auto-saved{transform:scale(1.02)}.setting-group.auto-saved input,.setting-group.auto-saved select{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.auto-save-indicator{background:#10b981;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;opacity:0;padding:.25rem .5rem;position:absolute;right:0;top:0;transform:translateY(-50%);transition:all .2s ease}.auto-save-indicator.visible{animation:saveFlash 2s ease-in-out;opacity:1}@keyframes saveFlash{0%{opacity:0;transform:translateY(-50%) scale(.8)}20%{opacity:1;transform:translateY(-50%) scale(1.1)}80%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.9)}}.connection-test-section{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;margin-top:1rem;padding:2rem;text-align:center}.test-connection-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;padding:1rem 2rem;transition:all .2s ease}.test-connection-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.test-connection-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.test-connection-btn:active:not(:disabled){transform:translateY(0)}.connection-test-result{border-radius:8px;font-weight:500;margin-top:1.5rem;padding:1rem}.connection-test-result.success{background:#dcfce7;border:2px solid #bbf7d0;color:#166534}.connection-test-result.error{background:#fef2f2;border:2px solid #fecaca;color:#dc2626}.smtp-provider-badge{align-items:center;background:#e0e7ff;border-radius:20px;color:#3730a3;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.form-section-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);border:none;height:2px;margin:2rem 0}@media (max-width:768px){.smtp-form-row{grid-template-columns:1fr}.smtp-section{padding:1.5rem}.smtp-section-header{flex-direction:column;gap:1rem;text-align:center}}.header-right{gap:1rem}.header-right,.team-selector{align-items:center;display:flex}.team-selector{gap:.5rem}.team-selector label{color:#4b5563;font-weight:500}.team-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem}.user-role{color:#6b7280;font-size:.875rem;margin-left:.5rem}.team-management{margin:0 auto;max-width:1200px;padding:2rem}.team-selector-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:2rem;padding:1.5rem}.team-selector-section label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.team-management-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;max-width:400px;padding:.75rem;width:100%}.section-header{margin-bottom:1.5rem}.section-header .btn{max-width:200px;min-width:120px;white-space:nowrap}.section-header h3{color:#1f2937;font-size:1.25rem;font-weight:600}.teams-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.team-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.team-card h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.team-card p{color:#6b7280;margin-bottom:.5rem}.add-member-form,.create-team-form{align-items:end;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.add-member-form input,.add-member-form select,.create-team-form input{border:1px solid #d1d5db;border-radius:.375rem;flex:1 1;font-size:.875rem;padding:.75rem}.add-member-form button,.create-team-form button{flex:0 0 auto;max-width:150px;min-width:120px;white-space:nowrap}.members-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.member-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.member-info{display:flex;flex-direction:column;gap:.25rem}.member-email{color:#1f2937;font-weight:500}.member-role{color:#6b7280;font-size:.875rem;text-transform:capitalize}.member-date{color:#9ca3af;font-size:.75rem}.btn-small{flex-shrink:0;font-size:.875rem;max-width:120px;min-width:80px;padding:.5rem 1rem}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.member-info{flex:1 1}.team-members-section,.teams-section{margin-bottom:3rem}@media (max-width:768px){.header-right{align-items:flex-end;flex-direction:column;gap:.5rem}.team-selector{font-size:.875rem}.add-member-form,.create-team-form,.member-card{align-items:stretch;flex-direction:column}.member-card{gap:1rem}.teams-grid{grid-template-columns:1fr}}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.page-content{animation:pageEnter .4s ease-out}.slide-in-right{animation:slideInFromRight .3s ease-out}.slide-in-left{animation:slideInFromLeft .3s ease-out}.btn{overflow:hidden;position:relative}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:height .6s,width .6s;width:0;z-index:0}.btn:active:before{height:300px;width:300px}.btn>*{position:relative;z-index:1}.card,.metric-card,.newsletter-card,.series-card{transform-origin:center;will-change:transform,box-shadow}.card:hover,.metric-card:hover,.newsletter-card:hover,.series-card:hover{animation:cardPulse .6s ease-out}@keyframes cardPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes fadeInOnScroll{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{animation:fadeInOnScroll .6s ease-out}.btn:focus-visible,.input:focus-visible,select:focus-visible,textarea:focus-visible{ring:2px solid var(--color-primary-500);ring-offset:2px;ring-offset-color:var(--color-surface);outline:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:before{transition:none}.card:hover,.metric-card:hover,.newsletter-card:hover,.series-card:hover{animation:none;transform:none}}.dashboard{margin:0 auto;max-width:1280px;padding:var(--space-6)}.dashboard-header{margin-bottom:var(--space-10)}.dashboard-title{text-wrap:balance;color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-2) 0}.dashboard-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0;max-width:600px}.stats-grid{grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-8)}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-5);position:relative;text-align:center;transition:all .2s ease}.metric-value{font-size:var(--font-size-3xl);margin-bottom:var(--space-1)}.metric-label{font-weight:var(--font-weight-medium)}.metric-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;margin:0 auto var(--space-4) auto;width:48px}.metric-icon-newsletters{background:linear-gradient(135deg,var(--color-primary-100) 0,var(--color-primary-200) 100%);color:var(--color-primary-700)}.metric-icon-subscribers{background:linear-gradient(135deg,var(--color-secondary-100) 0,var(--color-secondary-200) 100%);color:var(--color-secondary-700)}.metric-icon-templates{background:linear-gradient(135deg,var(--color-warning-100) 0,var(--color-warning-200) 100%);color:var(--color-warning-700)}.metric-icon-sent{background:linear-gradient(135deg,var(--color-success-100) 0,var(--color-success-200) 100%);color:var(--color-success-700)}.metric-icon-recipients{background:linear-gradient(135deg,var(--color-warning-100) 0,var(--color-warning-200) 100%);color:var(--color-warning-700)}.metric-content{flex:1 1;min-width:0}.metric-value{font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}.metric-label{font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:var(--space-1) 0 0 0;text-transform:uppercase}.metric-change,.metric-label{font-size:var(--font-size-sm)}.metric-change{align-items:center;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-1);margin-top:var(--space-3)}.metric-change-positive{color:var(--color-success-600)}.metric-change-negative{color:var(--color-error-600)}.metric-change-neutral{color:var(--color-text-muted)}.recent-section{margin-top:var(--space-12)}.section-header{margin-bottom:var(--space-8)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-2) 0}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.empty-state{flex-direction:column;gap:var(--space-6)}.empty-state,.empty-state-icon{align-items:center;display:flex}.empty-state-icon{justify-content:center;opacity:.6}.empty-state-title{margin:0}.empty-state-description{line-height:var(--line-height-relaxed);margin:0;max-width:400px}.newsletter-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.newsletter-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-base)}.newsletter-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.newsletter-card-header{align-items:flex-start;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-6)}.newsletter-title{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.newsletter-card-content{padding:var(--space-6)}.newsletter-meta{margin-bottom:var(--space-4)}.newsletter-date{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.newsletter-stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.stat-value{font-size:var(--font-size-xl)}.newsletter-card-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6)}@media (max-width:1200px){.dashboard{padding:var(--space-6)}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.dashboard{padding:var(--space-4)}.dashboard-title{font-size:var(--font-size-3xl)}.dashboard-subtitle{font-size:var(--font-size-base)}.stats-grid{grid-template-columns:1fr}.metric-card{padding:var(--space-6)}.metric-value{font-size:var(--font-size-3xl)}.newsletter-grid{grid-template-columns:1fr}.newsletter-card-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.newsletter-title{white-space:normal}.newsletter-stats-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.stat-value{font-size:var(--font-size-lg)}}@media (max-width:480px){.metric-card{flex-direction:column;text-align:center}.metric-icon{margin:0 auto}.newsletter-stats-grid{gap:var(--space-3);grid-template-columns:1fr;text-align:left}.stat-item{align-items:center;display:flex;justify-content:space-between}.newsletter-card-actions{flex-direction:column}}.metric-card.loading{pointer-events:none}.metric-card.loading .metric-change,.metric-card.loading .metric-label,.metric-card.loading .metric-value{background:var(--color-gray-200);border-radius:var(--radius-sm);color:#0000}.metric-card.loading .metric-value{height:48px;width:120px}.metric-card.loading .metric-label{height:16px;width:180px}.metric-card.loading .metric-change{height:16px;width:140px}.newsletter-card.loading{pointer-events:none}.newsletter-card.loading .newsletter-title{background:var(--color-gray-200);border-radius:var(--radius-sm);color:#0000;height:24px}.dashboard.animated .metric-card{animation:fadeInUp .6s ease-out}.dashboard.animated .metric-card:first-child{animation-delay:.1s}.dashboard.animated .metric-card:nth-child(2){animation-delay:.2s}.dashboard.animated .metric-card:nth-child(3){animation-delay:.3s}.dashboard.animated .metric-card:nth-child(4){animation-delay:.4s}.dashboard.animated .newsletter-card{animation:fadeInUp .6s ease-out}.dashboard.animated .newsletter-card:first-child{animation-delay:.2s}.dashboard.animated .newsletter-card:nth-child(2){animation-delay:.3s}.dashboard.animated .newsletter-card:nth-child(3){animation-delay:.4s}.dashboard.animated .newsletter-card:nth-child(4){animation-delay:.5s}.dashboard.animated .newsletter-card:nth-child(5){animation-delay:.6s}.newsletter-series{margin:0 auto;max-width:1280px;padding:var(--space-6)}.series-header{margin-bottom:var(--space-6)}.header-content,.series-header{align-items:center;display:flex;justify-content:space-between}.header-content{width:100%}.series-actions .btn{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}.series-stats-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}@media (min-width:768px){.series-stats-row{grid-template-columns:repeat(4,1fr)}}.series-stat-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-5);text-align:center;transition:all .2s ease}.series-stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.series-stat-value{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.series-stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.series-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.series-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:visible;position:relative;transition:all .2s ease;z-index:1}.series-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.series-card-header{border-bottom:1px solid var(--color-border-light);padding:var(--space-6)}.series-title-link{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-2) 0;text-decoration:none;transition:var(--transition-base)}.series-title-link:hover{color:var(--color-primary-600)}.series-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.series-card-content{overflow:visible;padding:var(--space-6);position:relative}.series-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}.stat-value{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-top:var(--space-1)}.metrics-bar{grid-gap:var(--space-4);background:var(--color-background-secondary);border-radius:var(--radius-lg);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6);padding:var(--space-4)}.metric-item{text-align:center}.metric-value{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.metric-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:var(--space-1)}.subscribers-section{margin-bottom:var(--space-6);overflow:visible;position:relative}.subscribers-display{align-items:center;background:var(--color-background-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-4);position:relative}.segment-info{align-items:center;display:flex;gap:var(--space-2)}.segment-icon{color:var(--color-primary-600)}.segment-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.segment-count{background:var(--color-primary-100);border-radius:var(--radius-full);color:var(--color-primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.dropdown-trigger{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);height:32px;justify-content:center;transition:var(--transition-base);width:32px}.dropdown-trigger:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-600)}.validation-dropdown-overlay{background:#0000001a;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.validation-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);left:50%;max-width:90%;min-width:260px;position:absolute;top:60px;transform:translateX(-50%);z-index:1002}.validation-dropdown-content{max-height:300px;overflow-y:auto;padding:var(--space-2)}.dropdown-section{margin-bottom:var(--space-2)}.dropdown-section:last-child{margin-bottom:0}.dropdown-header{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3)}.dropdown-option{align-items:center;background:#0000;border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-3);transition:var(--transition-base)}.dropdown-option:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.series-card-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6)}.edit-template-btn{align-items:center!important;background:var(--color-secondary-600)!important;cursor:pointer!important;display:inline-flex!important;flex:1 1!important;font-size:var(--font-size-sm)!important;gap:var(--space-2)!important;justify-content:center!important;padding:var(--space-3) var(--space-4)!important;text-decoration:none!important;transition:var(--transition-base)!important}.edit-template-btn:hover{background:var(--color-secondary-700)!important;transform:translateY(-1px)!important}.edit-template-btn:hover,.view-editions-btn{color:var(--color-text-on-primary)!important}.view-editions-btn{align-items:center!important;background:var(--color-primary-600)!important;border:none!important;border-radius:var(--radius-md)!important;cursor:pointer!important;display:inline-flex!important;flex:1 1!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;gap:var(--space-2)!important;justify-content:center!important;padding:var(--space-3) var(--space-4)!important;text-decoration:none!important;transition:var(--transition-base)!important}.view-editions-btn:hover{background:var(--color-primary-700)!important;color:var(--color-text-on-primary)!important;transform:translateY(-1px)!important}.status-indicator{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.status-active{background:var(--color-success-100);color:var(--color-success-700)}.status-inactive{background:var(--color-gray-100);color:var(--color-gray-700)}@media (max-width:1024px){.newsletter-series{padding:var(--space-4)}.series-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.header-content{flex-direction:column;gap:var(--space-4);text-align:center}}@media (max-width:768px){.newsletter-series{padding:var(--space-3)}.page-title{font-size:var(--font-size-2xl)}.series-grid{grid-template-columns:1fr}.series-stats{gap:var(--space-3);grid-template-columns:repeat(4,1fr)}.stat-value{font-size:var(--font-size-xl)}.metrics-bar{gap:var(--space-2);grid-template-columns:1fr;text-align:left}.metric-item{align-items:center;display:flex;justify-content:space-between}.series-card-actions{flex-direction:column}.validation-dropdown-menu{left:0;right:0;width:auto}}@media (max-width:480px){.subscribers-display{flex-direction:column;gap:var(--space-2)}.series-stats{grid-template-columns:repeat(2,1fr)}}.series-card{animation:fadeInUp .3s ease-out}.series-card:first-child{animation-delay:.1s}.series-card:nth-child(2){animation-delay:.15s}.series-card:nth-child(3){animation-delay:.2s}.series-card:nth-child(4){animation-delay:.25s}.series-card:nth-child(5){animation-delay:.3s}.series-card:nth-child(6){animation-delay:.35s}.series-card.loading{pointer-events:none}.series-card.loading .series-description,.series-card.loading .series-title-link,.series-card.loading .stat-value{background:var(--color-gray-200);border-radius:var(--radius-sm);color:#0000}.series-card.loading .series-title-link{height:24px;width:70%}.series-card.loading .series-description{height:16px;width:90%}.series-card.loading .stat-value{height:32px;width:60px}.newsletter-editor{margin:0 auto;max-width:1280px;padding:var(--space-6)}.editor-header{margin-bottom:var(--space-6)}.editor-header,.editor-header-content{align-items:center;display:flex;justify-content:space-between}.editor-header-content{gap:var(--space-6)}.editor-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0}.editor-subject-bar{align-items:center;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4)}.editor-subject-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.editor-subject-input{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);transition:all .2s ease}.editor-subject-input:focus{background:var(--color-surface);border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.editor-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:768px){.editor-grid{grid-template-columns:1fr 2fr}}.preview-btn-header{align-items:center;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-on-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:var(--transition-base)}.preview-btn-header:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.newsletter-form{display:flex;flex-direction:column;gap:var(--space-8)}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;position:relative}.form-section:before{background:linear-gradient(135deg,var(--color-primary-100) 0,var(--color-secondary-100) 100%);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.section-header{padding:var(--space-6)}.section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0}.section-title-icon{color:var(--color-primary-600);font-size:var(--font-size-lg)}.section-content{padding:var(--space-6)}.form-group input[type=text],.form-group select,.form-group textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:var(--transition-base);width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f11a;outline:none}.merge-fields-hint{margin-top:var(--space-2)}.merge-fields-hint small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.header-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-8);overflow:hidden;position:relative}.header-editor:before{background:linear-gradient(135deg,var(--color-warning-500) 0,var(--color-warning-600) 100%);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.header-config-section,.header-preview{padding:var(--space-6)}.header-preview{background:var(--color-background-secondary);border-radius:var(--radius-lg);margin-top:var(--space-6)}.email-header-preview{text-align:center}.inheritance-info{background:var(--color-primary-50);border:1px solid var(--color-primary-200);color:var(--color-primary-800);font-size:var(--font-size-sm);margin-top:var(--space-4);padding:var(--space-4)}.sections-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;position:relative}.sections-editor:before{background:linear-gradient(135deg,var(--color-secondary-500) 0,var(--color-secondary-600) 100%);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.sections-header{border-bottom:1px solid var(--color-border-light);padding:var(--space-6)}.sections-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.help-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.sections-list{padding:var(--space-6)}.section-editor{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden;position:relative;transition:var(--transition-base)}.section-editor:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-editor.section-disabled{opacity:.6}.section-editor.drag-over{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f11a}.section-header{background:var(--color-background-secondary);border-bottom:1px solid var(--color-border-light);padding:var(--space-4)}.section-title-controls{align-items:center;display:flex;gap:var(--space-3)}.drag-handle{color:var(--color-text-muted);font-size:var(--font-size-lg);padding:var(--space-1);transition:var(--transition-base)}.drag-handle:hover{color:var(--color-text-secondary)}.section-checkbox{align-items:center;cursor:pointer;display:flex;gap:var(--space-2)}.section-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.section-title-input,.section-type-icon{font-size:var(--font-size-base)}.section-title-input{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);transition:var(--transition-base)}.section-title-input:focus{background:var(--color-background);border-color:var(--color-primary-500);outline:none}.section-title-input:disabled{cursor:not-allowed;opacity:.6}.section-actions{gap:var(--space-2);padding:var(--space-4)}.section-actions button{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:var(--transition-base);white-space:nowrap}.move-btn{background:var(--color-background);color:var(--color-text-secondary)}.move-btn:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-text-primary)}.move-btn:disabled{cursor:not-allowed;opacity:.4}.rss-feed-btn{background:var(--color-success-600);color:var(--color-text-on-primary)}.rss-feed-btn:hover{background:var(--color-success-700);transform:translateY(-1px)}.ai-section-btn{background:var(--color-primary-600);color:var(--color-text-on-primary)}.ai-section-btn:hover{background:var(--color-primary-700);transform:translateY(-1px)}.layout-settings-btn{background:var(--color-background);color:var(--color-text-secondary)}.layout-settings-btn:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-text-primary)}.layout-settings-btn:disabled{cursor:not-allowed;opacity:.4}.delete-section-btn{background:var(--color-error-600);color:var(--color-text-on-primary)}.delete-section-btn:hover{background:var(--color-error-700);transform:translateY(-1px)}.section-content-wrapper{padding:var(--space-4)}.section-view-tabs{background:var(--color-background-secondary);border-radius:var(--radius-lg);display:flex;margin-bottom:var(--space-4);overflow:hidden;padding:var(--space-1)}.view-tab{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);transition:var(--transition-base)}.view-tab.active{background:var(--color-surface);color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.view-tab:hover:not(.active){color:var(--color-text-primary)}.formatting-toolbar{align-items:center;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border-light);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;gap:var(--space-2);padding:var(--space-3)}.format-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:36px;justify-content:center;transition:var(--transition-base);width:36px}.format-btn:hover{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-text-on-primary);transform:translateY(-1px)}.section-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);min-height:150px;padding:var(--space-4)}.section-preview.empty:before{color:var(--color-text-muted);content:attr(data-placeholder);font-style:italic;pointer-events:none}.section-preview:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f11a;outline:none}.section-html-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);min-height:150px;padding:var(--space-4);resize:vertical;width:100%}.section-html-editor:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f11a;outline:none}.image-section-editor{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--space-6)}.empty-image-placeholder{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;transition:var(--transition-base)}.empty-image-placeholder:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.placeholder-icon{color:var(--color-text-muted);font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.selected-image .image-preview{border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.image-actions{align-items:center;display:flex;gap:var(--space-3);justify-content:center}.image-actions .btn{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}.header-section-editor{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--space-6)}.header-text-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);padding:var(--space-4);transition:var(--transition-base);width:100%}.header-text-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f11a;outline:none}.button-section-editor{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--space-6)}.button-preview{border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-6)}.button-preview,.empty-button-placeholder{background:var(--color-surface);text-align:center}.empty-button-placeholder{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);transition:var(--transition-base)}.empty-button-placeholder:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.add-section-wrapper{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);margin-top:var(--space-8);padding:var(--space-8);text-align:center;transition:var(--transition-base)}.add-section-wrapper:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.add-section-btn{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-secondary-600) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-on-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-6);transition:var(--transition-base)}.add-section-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.add-section-help{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-2)}.form-actions{align-items:center;border-top:1px solid var(--color-border);gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6)}.modal-overlay{padding:var(--space-6)}.modal,.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-header{border-bottom:1px solid var(--color-border-light);padding:var(--space-6)}.modal-header h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.close-btn{background:var(--color-background);border:1px solid var(--color-border);font-size:var(--font-size-lg);top:var(--space-4)}.close-btn:hover{background:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-600)}.modal-body,.modal-footer{padding:var(--space-6)}.modal-footer{border-top:1px solid var(--color-border-light);gap:var(--space-3)}.section-type-options{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-top:var(--space-6)}.section-type-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);transition:var(--transition-base)}.section-type-card:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);transform:translateY(-2px)}.section-type-icon{color:var(--color-primary-600);font-size:var(--font-size-2xl);text-align:center;width:48px}.section-type-info h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.section-type-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}@media (max-width:1024px){.newsletter-editor{padding:var(--space-4)}.editor-header-content{flex-direction:column;gap:var(--space-4);text-align:center}}@media (max-width:768px){.newsletter-editor{padding:var(--space-3)}.editor-title{font-size:var(--font-size-2xl)}.section-actions{flex-wrap:wrap}.formatting-toolbar{flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2)}.format-btn{height:32px;width:32px}.form-actions{align-items:stretch;flex-direction:column}.modal-overlay{padding:var(--space-4)}}.section-editor{animation:fadeInUp .3s ease-out}.section-editor:first-child{animation-delay:.1s}.section-editor:nth-child(2){animation-delay:.15s}.section-editor:nth-child(3){animation-delay:.2s}.section-editor:nth-child(4){animation-delay:.25s}.section-editor:nth-child(5){animation-delay:.3s}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-primary-500);height:32px;width:32px}.style-template-picker{width:100%}.style-template-picker.error,.style-template-picker.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-10);text-align:center}.loading-spinner{border-top:4px solid var(--color-border-light);border:4px solid var(--color-border-light);border-top-color:var(--color-primary-600);margin-bottom:var(--space-4)}.inheritance-info{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)}.inheritance-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.template-options{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--space-5)}.template-option{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);cursor:pointer;padding:var(--space-4);transition:var(--transition-base)}.template-option:hover{transform:translateY(-2px)}.template-option.selected,.template-option:hover{border-color:var(--color-primary-600);box-shadow:var(--shadow-card-hover)}.template-option.selected{background:var(--color-primary-50)}.none-option .template-preview .inherit-preview{align-items:center;background:var(--color-background-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);height:120px;justify-content:center;width:100%}.template-preview{border-radius:var(--radius-lg);height:120px;margin-bottom:var(--space-3);overflow:hidden;position:relative;width:100%}.template-preview img{height:100%;object-fit:cover;width:100%}.generated-preview{height:100%;transform:scale(.7);transform-origin:top left;width:100%}.preview-container{height:140%;width:140%}.preview-header{margin:0}.preview-header h3{font-size:16px;font-weight:600;margin:0}.preview-content{margin:0}.preview-content p{font-size:12px;line-height:1.4;margin:0}.template-info{text-align:left}.template-info h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.template-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-3) 0}.template-actions{display:flex;gap:var(--space-2)}.clone-btn{background:var(--color-primary-600);border:none;border-radius:var(--radius-md);color:var(--color-text-on-primary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);transition:var(--transition-base)}.clone-btn:hover{background:var(--color-primary-700)}.template-meta{align-items:center;display:flex;gap:var(--space-2)}.user-templates-section{grid-column:1/-1;margin-top:var(--space-8)}.user-templates-section h3{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-5) 0;padding-bottom:var(--space-2)}.user-templates-section .template-options{margin-top:var(--space-4)}.preview-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.preview-modal .preview-content{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:90vw;overflow-y:auto;padding:var(--space-10);position:relative}.close-btn{align-items:center;border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xl);height:32px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-3);transition:var(--transition-base);width:32px}.close-btn:hover{background:var(--color-background-secondary)}.retry-btn{background:var(--color-primary-600);border:none;border-radius:var(--radius-md);color:var(--color-text-on-primary);cursor:pointer;font-weight:var(--font-weight-medium);margin-top:var(--space-3);padding:var(--space-2) var(--space-4);transition:var(--transition-base)}.retry-btn:hover{background:var(--color-primary-700)}@media (max-width:768px){.template-options{grid-template-columns:1fr}.preview-modal .preview-content{margin:var(--space-5);padding:var(--space-5)}}.style-template-card{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.template-card-content{display:flex;flex-direction:column;gap:var(--space-3)}.template-card-header{align-items:center;display:flex;justify-content:space-between}.template-card-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.edit-template-btn{background:var(--color-primary-600)!important;border:none!important;border-radius:var(--radius-md)!important;color:var(--color-text-on-primary)!important;cursor:pointer;display:inline-block!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-medium)!important;max-width:none!important;min-width:auto!important;padding:var(--space-2) var(--space-3)!important;transition:var(--transition-base);width:auto!important}.edit-template-btn:hover{background:var(--color-primary-700)!important}.template-card-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-3) 0}.mini-loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--color-border-light);border:2px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-primary-600);height:16px;width:16px}.template-card-inherit{align-items:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3)}.inherit-icon{font-size:var(--font-size-lg)}.inherit-text strong{color:var(--color-text-primary);font-size:var(--font-size-sm)}.inherit-text p{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-style:italic;margin:0}.inherited-style-name{color:var(--color-text-primary)!important;font-style:normal!important;margin-top:var(--space-1)!important}.inherited-style-name strong{color:var(--color-primary-600)!important}.template-card-preview{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3)}.template-mini-preview{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;height:60px;overflow:hidden;transform:scale(.8);transform-origin:center;width:80px}.template-card-info{flex:1 1;min-width:0}.template-card-info h4{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.template-card-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis}.preset-badge{background:var(--color-primary-600)}.custom-badge,.preset-badge{border-radius:var(--radius-full);color:var(--color-text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.custom-badge{background:var(--color-success-600)}.template-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-5);position:fixed;right:0;top:0;z-index:1000}.template-modal-content{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.template-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-5)}.template-modal-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.template-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:32px;justify-content:center;transition:var(--transition-base);width:32px}.template-modal-close:hover{background:var(--color-background-secondary)}.template-modal-body{flex:1 1;overflow-y:auto;padding:var(--space-5)}@media (max-width:768px){.template-card-preview{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.template-mini-preview{max-width:120px;width:100%}.template-modal-overlay{padding:var(--space-3)}.template-modal-content{max-width:none}.template-modal-body,.template-modal-header{padding:var(--space-4)}}.edit-template{box-sizing:border-box;margin:0 auto;max-width:1200px!important;padding:2rem;width:100%!important}.template-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.template-header h2{color:#2d3748;font-size:1.75rem;font-weight:700;margin:0}.template-header .back-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;gap:.5rem;max-width:-webkit-fit-content;max-width:fit-content;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease;width:auto}.template-header .back-btn:hover{background:#e2e8f0;color:#2d3748;text-decoration:none;transform:translateX(-2px)}.template-form{box-sizing:border-box;display:block;margin:0;max-width:none!important;padding:0;width:100%!important}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:2rem;transition:box-shadow .2s ease}.form-section:hover{box-shadow:0 4px 12px #00000014}.form-section h3{align-items:center;border-bottom:1px solid #f1f5f9;color:#2d3748;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}.form-section h3:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:20px;width:4px}.form-section>p{color:#64748b;font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.form-group label{font-size:.9rem;font-weight:600}.form-group input[type=text],.form-group input[type=time],.form-group input[type=url],.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:100px}.help-text{font-size:.8rem;font-style:italic;margin-top:.25rem}.sections-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.section-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:move;padding:1.5rem;position:relative;transition:all .2s ease}.section-type-text{border-left:4px solid #3b82f6}.section-type-header{border-left:4px solid #8b5cf6}.section-type-image{border-left:4px solid #10b981}.section-item:hover{background:#f1f5f9;border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.section-item.drag-over{background:#e0e7ff;border-color:#667eea;transform:scale(1.02)}.section-header{justify-content:space-between;margin-bottom:.75rem}.section-header,.section-left{align-items:center;display:flex}.section-left{gap:1rem}.section-type-icon{font-size:1.2rem;margin-right:.5rem}.section-type-label{color:#6b7280;font-size:.8rem;font-weight:500;margin-left:.5rem}.drag-handle{color:#9ca3af;cursor:move;font-size:1.2rem;padding:.25rem;transition:color .2s ease}.drag-handle:hover{color:#667eea}.section-number{background:#667eea;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;min-width:2rem;padding:.25rem .5rem;text-align:center}.section-header h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0}.section-actions{align-items:center;display:flex;gap:.5rem}.section-actions .edit-btn{background:#059669;border:1px solid #059669;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;min-height:28px;padding:.25rem .75rem;transition:all .2s ease}.section-actions .edit-btn:hover{background:#047857;border-color:#047857;box-shadow:0 2px 4px #0596694d;transform:translateY(-1px)}.section-actions .delete-btn{background:#dc2626;border:1px solid #dc2626;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;min-height:28px;padding:.25rem .75rem;transition:all .2s ease}.section-actions .delete-btn:hover{background:#b91c1c;border-color:#b91c1c;box-shadow:0 2px 4px #dc26264d;transform:translateY(-1px)}.reorder-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:28px;justify-content:center;min-width:28px;padding:.25rem .5rem;transition:all .2s ease}.reorder-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;box-shadow:0 2px 4px #667eea33;color:#fff;transform:translateY(-1px)}.reorder-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.4}.section-description{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.rss-info{align-items:center;display:flex;gap:.5rem;margin-top:.75rem}.rss-badge{background:#10b981;color:#fff;font-weight:500}.feed-count,.rss-badge{border-radius:12px;font-size:.75rem;padding:.25rem .5rem}.feed-count{background:#f3f4f6;color:#374151}.section-info{align-items:center;display:flex;gap:.5rem;margin-top:.75rem}.info-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.info-badge-image{background:#dcfce7;color:#166534}.info-badge-header{background:#ddd6fe;color:#5b21b6}.alignment-info{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:.75rem;padding:.25rem .5rem}.add-section{text-align:center}.add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.add-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.feed-type-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.feed-type-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.feed-type-header h4{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.add-feed-btn{background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.add-feed-btn:hover{background:#047857;transform:translateY(-1px)}.feeds-list{display:flex;flex-direction:column;gap:1rem}.feed-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.feed-item:hover{background:#fafafa;border-color:#cbd5e0;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.article-feed{border-left:4px solid #3b82f6}.podcast-feed{border-left:4px solid #8b5cf6}.feed-icon{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:2rem;justify-content:center;width:2rem}.feed-content{flex:1 1;min-width:0}.feed-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.feed-name{color:#2d3748;font-size:1rem;font-weight:600;margin:0}.feed-actions{display:flex;flex-shrink:0;gap:.5rem}.feed-actions button{background:none;border:none;border-radius:4px;cursor:pointer;padding:.25rem;transition:background .2s ease}.feed-actions button:hover{background:#f3f4f6}.feed-url{color:#6b7280;font-size:.85rem;margin-bottom:.5rem;word-break:break-all}.feed-meta{display:flex;flex-wrap:wrap;gap:1rem}.feed-category,.feed-health,.feed-items{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.feed-category{background:#ddd6fe;color:#5b21b6}.feed-items{background:#dbeafe;color:#1d4ed8}.feed-health{background:#dcfce7;color:#166534}.no-feeds{color:#9ca3af;font-style:italic;padding:2rem;text-align:center}.rss-config-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.template-image-selection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:15px}.template-selected-image .template-image-preview{background:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:15px;padding:15px;text-align:center}.template-image-actions{display:flex;gap:10px;justify-content:center}.template-change-image-btn,.template-remove-image-btn,.template-select-image-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.template-change-image-btn{background:#ed8936;border:1px solid #dd6b20;color:#fff}.template-change-image-btn:hover{background:#dd6b20;transform:translateY(-1px)}.template-remove-image-btn{background:#e53e3e;border:1px solid #c53030;color:#fff}.template-remove-image-btn:hover{background:#c53030;transform:translateY(-1px)}.template-select-image-btn{background:#48bb78;border:1px solid #38a169;color:#fff;font-size:16px;padding:12px 24px}.template-select-image-btn:hover{background:#38a169;transform:translateY(-1px)}.template-no-image-selected{text-align:center}.template-empty-image-placeholder{background:#fff;border:2px dashed #e2e8f0;border-radius:6px;padding:30px 20px}.template-placeholder-icon{font-size:36px;margin-bottom:10px;opacity:.5}.template-empty-image-placeholder p{color:#718096;font-size:14px;margin:0 0 15px}.rss-feed-selection .feed-type-group{background:#fff;margin-bottom:1rem;padding:1rem}.feed-checkbox{align-items:center;border-radius:4px;display:flex;gap:.5rem;padding:.5rem;transition:background .2s ease}.feed-checkbox:hover{background:#f1f5f9}.feed-checkbox input[type=checkbox]{margin:0;width:auto}.feed-checkbox label{cursor:pointer;font-weight:400;margin:0}.form-actions{border-top:2px solid #e2e8f0;justify-content:flex-start;margin-top:2rem;padding-top:2rem}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.save-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.cancel-btn{font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.cancel-btn:hover{border-color:#9ca3af}.modal-overlay{padding:1rem}.modal-body .form-group input[type=checkbox]{flex-shrink:0;height:16px!important;margin:0 .5rem 0 0!important;vertical-align:middle;width:16px!important}.modal-body .form-group>label{color:#374151;cursor:default;display:block;font-weight:600;margin-bottom:.5rem}.modal-body .form-group label:not(:first-child){margin-bottom:1rem!important}.modal-body .form-group label:not(:first-child),.modal-body .form-group>label:only-child{align-items:center!important;cursor:pointer!important;display:flex!important;font-weight:500!important}.modal-content{display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#6b7280}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#667eea;margin-bottom:1rem}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.edit-template{padding:1rem}.template-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-section{padding:1.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.section-actions{align-self:stretch;justify-content:space-between}.feed-header,.feed-meta{flex-direction:column;gap:.5rem}.form-actions{flex-direction:column}.modal-content{margin:1rem}.modal-body,.modal-footer,.modal-header{padding:1rem}}.subscribers{margin:0 auto;max-width:1280px;padding:var(--space-6)}.page-header{margin-bottom:var(--space-6)}.page-header-content{align-items:center;display:flex;justify-content:space-between}.page-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0}.page-title .count{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.header-actions{align-items:center;gap:var(--space-3)}.header-actions .btn{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);white-space:nowrap}.create-segment-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-8);overflow:hidden;position:relative}.create-segment-form:before{background:linear-gradient(135deg,var(--color-success-500) 0,var(--color-success-600) 100%);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.create-form-header{border-bottom:1px solid var(--color-border-light);padding:var(--space-6)}.create-form-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-2);margin:0}.create-form-icon{color:var(--color-success-600)}.create-form-content{padding:var(--space-6)}.form-group{margin-bottom:var(--space-6)}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.form-group input,.form-group textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:var(--transition-base);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{border-top:1px solid var(--color-border-light);gap:var(--space-3);padding:var(--space-6)}.empty-state{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-16)}.empty-state-icon{color:var(--color-text-muted);font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.empty-state-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.empty-state-description{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-6) 0}.segments-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;position:relative}.segments-table:before{background:linear-gradient(135deg,var(--color-secondary-500) 0,var(--color-secondary-600) 100%);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.segments-table table{border-collapse:collapse;width:100%}.segments-table th{background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-align:left;text-transform:uppercase}.segments-table td,.segments-table th{border-bottom:1px solid var(--color-border-light);padding:var(--space-4) var(--space-6)}.segments-table td{color:var(--color-text-primary);font-size:var(--font-size-sm);vertical-align:middle}.segments-table tr:last-child td{border-bottom:none}.segments-table tbody tr{transition:var(--transition-base)}.segments-table tbody tr:hover{background:var(--color-background-secondary)}.segment-name-link{color:var(--color-primary-600);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:var(--transition-base)}.segment-name-link:hover,.subscriber-count{color:var(--color-primary-700)}.subscriber-count{align-items:center;background:var(--color-primary-100);border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.subscriber-count svg{height:14px;width:14px}.action-buttons{gap:var(--space-2)}.action-buttons .btn,.view-btn{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.view-btn{background:var(--color-primary-600);border:none;border-radius:var(--radius-md);color:var(--color-text-on-primary);cursor:pointer;font-weight:var(--font-weight-medium);transition:var(--transition-base)}.view-btn:hover{background:var(--color-primary-700);transform:translateY(-1px)}.delete-btn{background:var(--color-error-600);border:none;border-radius:var(--radius-md);color:var(--color-text-on-primary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);transition:var(--transition-base)}.delete-btn:hover{background:var(--color-error-700);transform:translateY(-1px)}.status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.status.subscribed{background:var(--color-success-100);color:var(--color-success-700)}.status.unsubscribed{background:var(--color-error-100);color:var(--color-error-700)}.status.pending{background:var(--color-warning-100);color:var(--color-warning-700)}@media (max-width:1024px){.subscribers{padding:var(--space-4)}.page-header-content{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.header-actions{justify-content:flex-end;width:100%}}@media (max-width:768px){.subscribers{padding:var(--space-3)}.page-title{font-size:var(--font-size-2xl)}.header-actions{flex-direction:column;width:100%}.header-actions .btn{justify-content:center;width:100%}.segments-table{overflow-x:auto}.segments-table table{min-width:600px}.action-buttons{flex-direction:column;gap:var(--space-1)}.action-buttons .btn{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);width:auto}}@media (max-width:480px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.segments-table.loading{pointer-events:none}.segments-table.loading tbody tr{opacity:.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.segments-table tbody tr{animation:fadeInUp .3s ease-out}.segments-table tbody tr:first-child{animation-delay:.1s}.segments-table tbody tr:nth-child(2){animation-delay:.15s}.segments-table tbody tr:nth-child(3){animation-delay:.2s}.segments-table tbody tr:nth-child(4){animation-delay:.25s}.segments-table tbody tr:nth-child(5){animation-delay:.3s}.create-segment-form{animation:fadeInUp .4s ease-out}.empty-state{animation:fadeInUp .5s ease-out}.all-subscribers,.segment-detail,.subscriber-profile,.subscribers{margin:0 auto;max-width:1400px;padding:2rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h2{color:#1f2937;font-size:24px;margin:0}.header-actions{display:flex;gap:.75rem}.header-actions .action-btn,.header-actions .create-btn,.header-actions .import-btn,.header-actions .view-all-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s;white-space:nowrap}.segment-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.back-btn{align-items:center;align-self:flex-start;background:#f5f7fa;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:14px;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.back-btn:hover{background:#e5e7eb;color:#374151}.segment-info h2{color:#1f2937;font-size:28px;margin:0 0 .5rem}.segment-description{color:#6b7280;margin:.5rem 0}.subscriber-count{color:#9ca3af;font-size:14px}.subscribers-actions{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:2rem}.subscribers-actions .btn,.subscribers-actions .create-btn,.subscribers-actions .view-all-btn,.subscribers-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s;white-space:nowrap}.segment-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;max-width:600px}.segment-actions .btn,.segment-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem 1rem;transition:all .2s;white-space:nowrap}.add-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.add-btn.active,.add-btn:hover:not(:disabled){background:#8b5cf6;border-color:#8b5cf6;color:#fff}.add-btn:disabled{cursor:not-allowed;opacity:.5}.create-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.create-btn.active,.create-btn:hover{background:#10b981;border-color:#10b981;color:#fff}.import-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.import-btn.active,.import-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff}.view-all-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;text-decoration:none}.view-all-btn:hover{background:#e5e7eb}.segment-actions .view-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.segment-actions .view-btn.active,.segment-actions .view-btn:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.header-actions .create-btn{background:#10b981;color:#fff}.header-actions .create-btn:hover{background:#059669}.header-actions .view-all-btn{background:#6366f1;color:#fff}.header-actions .view-all-btn:hover{background:#4f46e5}.add-subscriber-form,.create-segment-form,.create-subscriber-form,.import-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.add-subscriber-form h3,.create-segment-form h3,.create-subscriber-form h3,.import-form h3{color:#1f2937;font-size:18px;margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:.75rem 1.5rem}.cancel-btn:hover{background:#e5e7eb}.existing-subscribers-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.search-filters{align-items:flex-end;display:flex;gap:1rem;margin-bottom:1.5rem}.search-input-group{flex:1 1}.search-input{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /></svg>') no-repeat .75rem;background-size:20px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:.75rem .75rem .75rem 2.5rem;width:100%}.bulk-actions{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.select-all-checkbox{align-items:center;display:flex;gap:.5rem}.selected-count{color:#6b7280;font-size:14px}.bulk-add-btn{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:.5rem 1rem;transition:all .2s}.bulk-add-btn:hover:not(:disabled){background:#7c3aed}.bulk-add-btn:disabled{cursor:not-allowed;opacity:.5}.subscribers-list{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.subscriber-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;padding:1rem;transition:background .2s}.subscriber-item:hover{background:#f9fafb}.subscriber-item:last-child{border-bottom:none}.subscriber-checkbox{margin-right:1rem}.subscriber-info{flex:1 1;gap:.25rem}.subscriber-email{color:#1f2937;font-weight:500;text-decoration:none}.subscriber-email:hover{color:#8b5cf6;text-decoration:underline}.subscriber-meta{color:#6b7280;font-size:13px;gap:1rem}.subscriber-actions{display:flex;gap:.5rem}.action-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;padding:.5rem 1rem;transition:all .2s}.action-btn:hover{background:#f3f4f6}.action-btn.primary{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.action-btn.primary:hover{background:#7c3aed}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:.5rem .75rem;transition:all .2s}.pagination button:hover:not(:disabled){background:#f3f4f6}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.page-info{color:#6b7280;font-size:14px;padding:0 1rem}.segments-table,.subscribers-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.segments-table table,.subscribers-table table{border-collapse:collapse;width:100%}.segments-table th,.subscribers-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.segments-table td,.subscribers-table td{border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:14px;padding:1rem}.segments-table tr:last-child td,.subscribers-table tr:last-child td{border-bottom:none}.segments-table tr:hover,.subscribers-table tr:hover{background:#f9fafb}.status{border-radius:9999px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status.confirmed,.status.subscribed{background:#d1fae5;color:#065f46}.status.unsubscribed{background:#fee2e2;color:#991b1b}.status.pending{background:#fef3c7;color:#92400e}.empty-state{color:#6b7280;padding:4rem 2rem;text-align:center}.empty-state p{font-size:16px;margin-bottom:1.5rem}.segment-selection{border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto;padding:1rem}.segment-checkbox{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.segment-checkbox:last-child{margin-bottom:0}.segment-checkbox input[type=checkbox]{margin-top:.25rem;width:auto}.segment-checkbox label{color:#374151;cursor:pointer;flex:1 1}.segment-checkbox .segment-description{color:#6b7280;display:block;font-size:13px;margin-top:.25rem}.import-section{margin-top:2rem}.file-upload-area{border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:all .2s}.file-upload-area:hover{background:#faf5ff;border-color:#8b5cf6}.file-upload-area.dragging{background:#ede9fe;border-color:#8b5cf6}.file-info{background:#f3f4f6;border-radius:6px;font-size:14px;margin-top:1rem;padding:1rem}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #f3f4f6;display:inline-block;height:20px;width:20px}.help-text{color:#6b7280;display:block;font-size:13px;margin-top:.5rem}.help-text.warning{color:#f59e0b}.help-text.error{color:#ef4444}.help-text.success{color:#10b981}@media (max-width:768px){.form-row{grid-template-columns:1fr}.search-filters,.segment-actions{flex-direction:column}.segment-actions .btn,.segment-actions button{width:100%}.bulk-actions{align-items:stretch;flex-direction:column}.segments-table,.subscribers-table{overflow-x:auto}}.segment-name-link{background:none;border:none;color:#8b5cf6;cursor:pointer;font-weight:500;padding:0;text-align:left;text-decoration:none;transition:all .2s}.segment-name-link:hover{color:#7c3aed;text-decoration:underline}.action-buttons{align-items:center;display:flex;gap:.5rem}.action-buttons .view-btn{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:.5rem 1rem;transition:all .2s}.action-buttons .view-btn:hover{background:#7c3aed}.delete-btn,.remove-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:.5rem 1rem;transition:all .2s}.delete-btn:hover,.remove-btn:hover{background:#dc2626}.subscriber-profile{max-width:1200px}.profile-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:2rem;padding:2rem}.profile-main-info{align-items:start;display:flex;justify-content:space-between;margin-bottom:2rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin-right:1.5rem;width:80px}.profile-details h1{color:#1f2937;margin:0 0 .5rem}.profile-meta{color:#6b7280;display:flex;font-size:14px;gap:2rem}.profile-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{text-align:center}.stat-value{display:block;font-size:24px;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:13px;letter-spacing:.5px;text-transform:uppercase}.profile-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.profile-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.profile-section h2{align-items:center;color:#1f2937;display:flex;font-size:18px;justify-content:space-between;margin:0 0 1.5rem}.edit-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:.5rem 1rem;transition:all .2s}.edit-btn:hover{background:#e5e7eb}.activity-timeline{padding-left:2rem;position:relative}.activity-item{border-left:2px solid #e5e7eb;margin-left:-2rem;padding-bottom:1.5rem;padding-left:1.5rem;position:relative}.activity-item:last-child{border-left:none}.activity-item:before{background:#fff;border:2px solid #8b5cf6;border-radius:50%;content:"";height:12px;left:-6px;position:absolute;top:0;width:12px}.activity-time{color:#9ca3af;font-size:12px;margin-bottom:.25rem}.activity-description{color:#4b5563;font-size:14px}.notes-section textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;min-height:150px;padding:1rem;resize:vertical;width:100%}.save-notes-btn{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s}.save-notes-btn:hover{background:#7c3aed}.lists-membership{display:flex;flex-wrap:wrap;gap:.5rem}.list-badge{background:#ede9fe;border-radius:6px;color:#7c3aed;font-size:13px;font-weight:500;padding:.5rem 1rem}.validation-status-container{align-items:center;display:flex;gap:8px}.validation-status{white-space:nowrap}.validation-status.risky{background:#fef3c7}.validation-status.unknown{background:#e5e7eb;color:#374151}.revalidate-btn{background:none;border:none;border-radius:3px;cursor:pointer;font-size:14px;opacity:.7;padding:2px;transition:background-color .2s}.revalidate-btn:hover{background-color:#f3f4f6;opacity:1}.action-buttons .revalidate-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-right:5px;padding:4px 8px;transition:background-color .2s}.action-buttons .revalidate-btn:hover{background:#2563eb}.view-results-btn{align-items:center;background:#0000;border:1px solid #3b82f6;border-radius:3px;color:#3b82f6;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:500;gap:3px;padding:2px 6px;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:auto}.view-results-btn:hover{background:#3b82f6;color:#fff}.validation-results-modal{max-height:80vh;max-width:900px!important;overflow-y:auto}.validation-results-content{display:flex;flex-direction:column;gap:20px}.results-summary{background:#f8fafc;border-radius:8px;padding:16px}.summary-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:12px}.stat-item{align-items:center;background:#fff;border-left:4px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.stat-item.valid{border-left-color:#10b981}.stat-item.invalid{border-left-color:#ef4444}.stat-item.risky{border-left-color:#f59e0b}.stat-item.unvalidated{border-left-color:#6b7280}.stat-label{color:#6b7280;font-size:14px}.stat-value{color:#1f2937;font-weight:600}.results-filters{background:#f8fafc;border-radius:8px;padding:16px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter-buttons button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;flex:none;font-size:14px;font-weight:500;min-width:auto;padding:8px 16px;transition:all .2s ease}.filter-buttons button:hover{background:#f9fafb;border-color:#9ca3af}.filter-buttons button.active{background:#3b82f6;border-color:#3b82f6;color:#fff!important}.results-table{background:#f8fafc;border-radius:8px;padding:16px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.table-header h4{margin:0}.filter-indicator{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;font-size:14px;padding:4px 8px}.results-table table{background:#fff;border-collapse:collapse;border-radius:6px;margin-top:12px;overflow:hidden;width:100%}.results-table th{background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.results-table td{border-bottom:1px solid #f3f4f6;padding:12px}.results-table tr:hover{background:#f8fafc}.validate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.validate-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.validate-btn:disabled{cursor:not-allowed;opacity:.6}.validation-badge{color:#059669;font-size:14px;font-weight:500}.validation-status{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.validation-status.valid{background:#d1fae5;color:#065f46}.validation-status.invalid{background:#fee2e2;color:#991b1b}.validation-status.risky{background:#fed7aa;color:#92400e}.validation-status.unvalidated{background:#f3f4f6;color:#6b7280}.validation-status.abuse,.validation-status.do_not_mail,.validation-status.spamtrap{background:#fef2f2;color:#dc2626;font-weight:600}.validation-status.catch_all,.validation-status.unknown{background:#fef3c7;color:#d97706}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.validation-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.validation-modal .modal-header h3{color:#111827;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.modal-close:hover{background:#f3f4f6}.validation-modal .modal-body{padding:20px}.validation-modal h4{color:#374151;font-size:16px;margin:0 0 20px}.loading-message{color:#6b7280;padding:40px 20px;text-align:center}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:20px;padding:12px 16px}.validation-estimate{background:#f9fafb;border-radius:8px;padding:20px}.estimate-details{margin-bottom:20px}.estimate-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 0}.estimate-row:last-child{border-bottom:none;font-size:16px;padding-top:15px}.estimate-row span{color:#6b7280}.estimate-row strong{color:#111827;font-weight:600}.estimate-row strong.success{color:#059669}.estimate-row strong.error{color:#dc2626}.insufficient-credits-warning{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;margin:16px 0;padding:12px 16px}.insufficient-credits-warning p{color:#92400e;font-weight:500;margin:0}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.modal-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-actions .btn-primary{background:#4f46e5;color:#fff}.modal-actions .btn-primary:hover:not(:disabled){background:#4338ca}.modal-actions .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.modal-actions .btn-secondary:hover{background:#e5e7eb}.modal-actions .btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.modal-content{max-height:90vh;width:95%}.estimate-row{font-size:14px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.filter-controls{align-items:center;display:flex;gap:12px;margin-top:12px}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:150px;padding:8px 12px}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.results-count{align-items:center;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:14px;justify-content:space-between;margin-top:12px;padding-top:12px}.clear-filters-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.clear-filters-btn:hover{background:#e5e7eb;color:#111827}@media (max-width:768px){.filter-controls{align-items:stretch;flex-direction:column;gap:8px}.filter-select{min-width:auto}.results-count{align-items:stretch;flex-direction:column;gap:8px}}.validation-dropdown-container{display:inline-block;position:relative}.validation-display-wrapper{align-items:center;display:flex;gap:6px}.validation-dropdown-caret{background:none;border:none;border-radius:2px;color:#6b7280;cursor:pointer;font-size:10px;opacity:.7;padding:2px 4px;transition:all .2s}.validation-dropdown-caret:hover{background:#f3f4f6;color:#374151;opacity:1;transform:scale(1.1)}.manual-override-display{background:#dbeafe!important;border:1px solid #93c5fd!important;color:#1e40af!important;font-weight:600}.validation-dropdown-menu{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #00000026;max-width:300px;min-width:250px;position:fixed;z-index:1001}.dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.dropdown-section{border-bottom:1px solid #e5e7eb;padding:12px 0}.dropdown-section:last-child{border-bottom:none}.dropdown-header{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.05em;padding:0 12px 8px;text-transform:uppercase}.current-status-info{padding:0 12px}.manual-status{color:#1e40af;font-weight:600;margin-bottom:4px}.auto-status{color:#6b7280;font-size:12px}.dropdown-option{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:13px;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}.dropdown-option:hover:not(:disabled){background:#f3f4f6}.dropdown-option:disabled{color:#9ca3af;cursor:not-allowed}.approve-option:hover:not(:disabled){background:#ecfdf5;color:#065f46}.block-option:hover:not(:disabled){background:#fef2f2;color:#991b1b}.reset-option:hover:not(:disabled){background:#fef3c7;color:#92400e}.revalidate-option:hover:not(:disabled){background:#eff6ff;color:#1d4ed8}@media (max-width:768px){.validation-dropdown-menu{left:-20px;max-width:none;min-width:auto;right:-20px}.validation-dropdown-trigger{font-size:11px;min-width:100px;padding:4px 8px}}.newsletter-analytics{margin:0 auto;max-width:1400px;padding:2rem}.analytics-header{margin-bottom:2rem}.analytics-header .back-btn{align-items:center;background:#f5f7fa;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:14px;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.analytics-header .back-btn:hover{background:#e5e7eb;color:#374151}.newsletter-info h1{color:#1f2937;font-size:28px;margin:0 0 .5rem}.sent-date{color:#6b7280;font-size:14px;margin:0}.analytics-tabs{border-bottom:2px solid #f3f4f6;display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem}.tab-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:#8b5cf6;color:#fff}.analytics-error,.analytics-loading{padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#8b5cf6;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.stat-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.stat-icon{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-content h3{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-number{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 .25rem}.stat-rate{color:#8b5cf6;font-size:12px;font-weight:500}.analytics-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.device-breakdown,.geographic-breakdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.device-breakdown h3,.geographic-breakdown h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 1.5rem}.device-stats,.geo-stats{display:flex;flex-direction:column;gap:.75rem}.device-item,.geo-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.device-icon{font-size:18px}.device-label,.geo-location{color:#4b5563;flex:1 1;font-weight:500}.device-count,.geo-count{background:#e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;font-weight:600;padding:.25rem .75rem}.deliveries-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.deliveries-table table{border-collapse:collapse;width:100%}.deliveries-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.deliveries-table td{border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:14px;padding:1rem}.deliveries-table tr:last-child td{border-bottom:none}.deliveries-table tr:hover{background:#f9fafb}.subscriber-info{display:flex;flex-direction:column}.subscriber-info strong{color:#1f2937;margin-bottom:.25rem}.subscriber-name{color:#6b7280;font-size:12px}.status-badge{border-radius:9999px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.click-count{text-align:center}.engagement-badge{font-size:13px;font-weight:500}.timeline-chart{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.timeline-events{display:flex;flex-direction:column;gap:1rem}.timeline-event{grid-gap:1rem;align-items:center;background:#f9fafb;border-radius:8px;display:grid;gap:1rem;grid-template-columns:200px 120px 1fr;padding:1rem}.event-time{color:#4b5563;font-size:14px}.event-type{background:#e5e7eb;border-radius:6px;font-size:13px;font-weight:500;padding:.25rem .75rem;text-align:center}.event-count{color:#6b7280;font-size:14px}.click-heatmap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.heatmap-items{display:flex;flex-direction:column;gap:1rem}.heatmap-item{border:1px solid #f3f4f6;border-radius:8px;padding:1rem;transition:all .2s}.heatmap-item:hover{background:#f9fafb;border-color:#e5e7eb}.url-info{margin-bottom:.75rem}.url-info a{color:#3b82f6;font-weight:500;text-decoration:none;word-break:break-all}.url-info a:hover{text-decoration:underline}.click-info{align-items:center;display:flex;gap:1rem}.click-count{color:#1f2937;font-weight:600;min-width:80px}.click-bar{background:#8b5cf6;border-radius:4px;flex:1 1;height:8px;max-width:300px}.no-data{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.subscriber-analytics{margin:0 auto;max-width:1400px;padding:2rem}.subscriber-analytics .subscriber-info h1{color:#1f2937;font-size:28px;margin:0 0 .5rem}.subscriber-name{color:#4b5563;font-size:18px;margin:0 0 1rem}.subscriber-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.subscriber-meta span{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:14px;padding:.25rem .75rem}.engagement-insight{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-top:2rem;padding:1.5rem}.engagement-insight h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 1.5rem}.insight-card{align-items:flex-start;display:flex;gap:1rem}.engagement-indicator{border-radius:8px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;min-width:80px;padding:.5rem 1rem;text-align:center;text-transform:uppercase}.insight-content{flex:1 1}.insight-content p{color:#4b5563;line-height:1.6;margin:0 0 1rem}.insight-details{background:#f9fafb;border-left:4px solid #e5e7eb;border-radius:8px;padding:1rem}.positive-insight{color:#10b981!important;font-weight:500}.negative-insight{color:#ef4444!important;font-weight:500}.activity-timeline{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.activity-event{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;padding:1rem}.activity-event:last-child{border-bottom:none}.event-icon{align-items:center;background:#f9fafb;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.event-details{flex:1 1}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.event-type{color:#1f2937;font-weight:600;text-transform:capitalize}.event-time{color:#6b7280;font-size:13px}.event-newsletter{color:#4b5563;font-size:14px;margin-bottom:.5rem}.event-metadata{color:#6b7280;font-size:13px}.event-metadata a{color:#3b82f6;text-decoration:none;word-break:break-all}.event-metadata a:hover{text-decoration:underline}.history-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.history-table table{border-collapse:collapse;width:100%}.history-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.history-table td{border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:14px;padding:1rem}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover{background:#f9fafb}@media screen and (max-width:768px){.newsletter-analytics,.subscriber-analytics{padding:1rem}.analytics-sections,.stats-grid{grid-template-columns:1fr}.analytics-tabs{flex-wrap:wrap}.deliveries-table,.history-table{overflow-x:auto}.timeline-event{gap:.5rem;grid-template-columns:1fr}.click-info{align-items:flex-start;flex-direction:column}.click-bar{max-width:none;width:100%}.subscriber-meta{gap:.5rem}.event-header,.insight-card,.subscriber-meta{flex-direction:column}.event-header{align-items:flex-start;gap:.25rem}}.mockup-container{color:#fff;min-height:100vh;overflow:hidden;position:relative;width:100%}.mockup-bg-gradient,.mockup-container{background:linear-gradient(135deg,#0b1220,#0a0f1a 50%,#0b1022)}.mockup-bg-gradient{inset:0;position:absolute}.mockup-bg-orb{border-radius:50%;filter:blur(60px);pointer-events:none;position:absolute}.mockup-bg-orb-1{background:#0ea5e926;height:18rem;left:-6rem;top:-6rem;width:18rem}.mockup-bg-orb-2{background:#d946ef1a;bottom:-6rem;height:24rem;right:-6rem;width:24rem}.mockup-glass{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 10px 40px #00000059}.mockup-content{margin:0 auto;max-width:1792px;padding:1.5rem;position:relative}.mockup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.mockup-logo{font-size:2rem;font-weight:700;letter-spacing:-.025em}.mockup-tabs{background:#ffffff0d;border-radius:.75rem;display:flex;gap:.25rem;padding:.25rem}.mockup-tab{background:#0000;border:none;border-radius:.5rem;color:#ffffffb3;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.mockup-tab:hover{background:#ffffff1a;color:#ffffffe6}.mockup-tab-active{background:#ffffff26!important;color:#fff!important}.mockup-tab-content{margin-top:.5rem}.mockup-editions-grid{display:flex;flex-direction:column;gap:1rem}.mockup-hero{align-items:center;display:flex;justify-content:space-between}.mockup-hero-title{font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin:0}.mockup-hero-subtitle{color:#ffffffb3;font-size:.875rem;margin-top:.25rem}.mockup-hero-actions{align-items:center;display:flex;gap:.5rem}.mockup-stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.mockup-stats-grid{grid-template-columns:repeat(4,1fr)}}.mockup-stat-pill{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff26;border-radius:1rem;box-shadow:0 10px 40px #00000059;padding:.5rem 1rem;text-align:center}.mockup-stat-label{color:#fff9;font-size:.75rem;margin-bottom:.25rem}.mockup-stat-value{color:#ffffffe6;font-size:1.125rem;font-weight:600}.mockup-search-bar{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff26;border-radius:1rem;box-shadow:0 10px 40px #00000059;display:flex;gap:.75rem;padding:.5rem}.mockup-search-input-container{align-items:center;display:flex;gap:.5rem;position:relative}.mockup-search-icon{color:#ffffff80}.mockup-search-input{background:#ffffff1a;border:none;border-radius:.5rem;color:#fff;font-size:.875rem;padding:.5rem 1rem;width:18rem}.mockup-search-input::placeholder{color:#ffffff80}.mockup-search-input:focus{background:#ffffff26;outline:none}.mockup-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.mockup-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.mockup-cards-grid{grid-template-columns:repeat(3,1fr)}}.mockup-edition-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:1.5rem;box-shadow:0 10px 40px #00000059;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.mockup-edition-card:hover{box-shadow:0 20px 60px #00000080;transform:translateY(-2px)}.mockup-card-gradient{background:linear-gradient(180deg,#ffffff1a,#0000);height:6rem;left:0;position:absolute;right:0;top:0}.mockup-card-content{padding:1rem;position:relative}.mockup-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.mockup-card-meta{flex:1 1}.mockup-badges{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.mockup-issue-badge{background:#ffffff1a;border-radius:.375rem;color:#fffc;font-size:.6875rem;padding:.125rem .5rem}.mockup-status-badge{border-radius:9999px;font-size:.6875rem;padding:.125rem .5rem}.mockup-status-draft{background:#8b5cf633;color:#c4b5fd}.mockup-status-scheduled{background:#f59e0b33;color:#fcd34d}.mockup-status-sent{background:#22c55e33;color:#86efac}.mockup-card-title{color:#ffffffe6;font-size:.875rem;font-weight:600;margin:.25rem 0}.mockup-card-details{align-items:center;color:#ffffffb3;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem}.mockup-date-badge,.mockup-perf-badge{align-items:center;display:inline-flex;gap:.25rem}.mockup-perf-badge{background:#ffffff1a;border-radius:9999px;color:#fffc;font-size:.75rem;padding:.125rem .5rem}.mockup-dropdown-container{position:relative}.mockup-dropdown-trigger{background:#0000;border:none;border-radius:.25rem;color:#ffffffb3;cursor:pointer;font-size:1rem;padding:.25rem;transition:all .2s}.mockup-dropdown-trigger:hover{background:#ffffff1a;color:#ffffffe6}.mockup-dropdown-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:.5rem;box-shadow:0 10px 40px #00000059;min-width:120px;padding:.25rem;position:absolute;right:0;top:100%;z-index:10}.mockup-dropdown-menu button{background:#0000;border:none;border-radius:.25rem;color:#fffc;cursor:pointer;display:block;font-size:.75rem;padding:.5rem .75rem;text-align:left;transition:all .2s;width:100%}.mockup-dropdown-menu button:hover{background:#ffffff1a;color:#fff}.mockup-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;color:#fff9;font-size:.75rem;margin:.75rem 0;padding:1rem;text-align:center}.mockup-preview-line{background:#ffffff1a;border-radius:9999px;height:.375rem;margin-top:.5rem;width:100%}.mockup-preview-line.shorter{width:91.666667%}.mockup-preview-line.shortest{width:75%}.mockup-card-actions{align-items:center;display:flex;justify-content:space-between;margin-top:.75rem}.mockup-avatar,.mockup-avatars{display:flex;margin-left:-.5rem}.mockup-avatar{align-items:center;background:#fff3;border:2px solid #0000004d;border-radius:50%;color:#ffffffe6;font-size:.625rem;font-weight:600;height:1.5rem;justify-content:center;width:1.5rem}.mockup-action-buttons{align-items:center;display:flex;gap:.5rem}.mockup-btn-primary{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.mockup-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.mockup-btn-secondary{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#ffffffe6;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.mockup-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.mockup-editor-studio{display:flex;flex-direction:column;gap:1rem}.mockup-editor-header{align-items:center;display:flex;justify-content:space-between}.mockup-editor-actions{align-items:center;display:flex;gap:.5rem}.mockup-subject-bar{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff26;border-radius:1rem;box-shadow:0 10px 40px #00000059;display:flex;gap:.75rem;padding:.75rem}.mockup-subject-label{color:#ffffffb3;font-size:.875rem;white-space:nowrap}.mockup-subject-input{background:#ffffff1a;border:none;border-radius:.5rem;color:#fff;flex:1 1;font-size:.875rem;padding:.5rem 1rem}.mockup-subject-input::placeholder{color:#ffffff80}.mockup-subject-input:focus{background:#ffffff26;outline:none}.mockup-editor-layout{grid-gap:1rem;display:grid;gap:1rem}@media (min-width:1024px){.mockup-editor-layout{grid-template-columns:1fr 1fr}}.mockup-editor-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff26;border-radius:1.5rem;box-shadow:0 10px 40px #00000059;overflow:hidden}.mockup-panel-header{border-bottom:1px solid #ffffff1a;padding:1.5rem}.mockup-panel-title{color:#ffffffe6;font-size:.875rem;font-weight:600;margin:0}.mockup-panel-subtitle{color:#ffffffb3;font-size:.75rem;margin:.25rem 0 0}.mockup-blocks-list{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.mockup-block-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem;transition:all .2s}.mockup-block-item:hover{background:#ffffff1a}.mockup-block-info{align-items:center;display:flex;gap:.5rem}.mockup-drag-handle{color:#fff6}.mockup-block-icon{font-size:1rem}.mockup-block-actions{align-items:center;display:flex;gap:.5rem}.mockup-block-edit{background:#ffffff1a;border:1px solid #fff3;border-radius:.375rem;color:#ffffffe6;cursor:pointer;font-size:.75rem;font-weight:500;opacity:0;padding:.25rem .75rem;transition:all .2s}.mockup-block-item:hover .mockup-block-edit{opacity:1}.mockup-block-edit:hover{background:#ffffff26}.mockup-add-section{align-items:center;display:flex;justify-content:center;padding-top:.5rem}.mockup-preview-container{padding:1.5rem}.mockup-email-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;margin:0 auto;max-width:28rem;padding:1rem}.mockup-email-header{margin-bottom:1rem;text-align:center}.mockup-email-subject{color:#ffffffe6;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.mockup-email-from{color:#fff9;font-size:.75rem}.mockup-email-content{display:flex;flex-direction:column;font-size:.875rem;gap:.75rem}.mockup-email-block{background:#ffffff0d;border-radius:.5rem;padding:.75rem}.mockup-block-label{color:#ffffff80;font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.mockup-image-placeholder{background:#ffffff1a;border-radius:.5rem;height:7rem;width:100%}.mockup-email-button{background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:.25rem;padding:.5rem 1rem;width:100%}.mockup-email-divider{background:#ffffff1a;height:1px;margin:.5rem 0;width:100%}.mockup-modal-overlay{background:#00000080;display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:50}.mockup-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff26;border-radius:1.5rem;box-shadow:0 10px 40px #00000059;max-width:36rem;width:100%}.mockup-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem}.mockup-modal-subtitle{color:#ffffffb3;font-size:.875rem}.mockup-modal-title{font-size:1.125rem;font-weight:600;margin:.25rem 0 0}.mockup-modal-content{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.mockup-editor-textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#fff;font-family:monospace;font-size:.875rem;min-height:11.25rem;padding:.75rem;resize:vertical}.mockup-editor-textarea::placeholder{color:#ffffff80}.mockup-editor-textarea:focus{background:#ffffff26;border-color:#ffffff4d;outline:none}.mockup-modal-actions{align-items:center;display:flex;justify-content:space-between}@media (max-width:768px){.mockup-content{padding:1rem}.mockup-hero{align-items:flex-start;flex-direction:column;gap:1rem}.mockup-stats-grid{grid-template-columns:repeat(2,1fr)}.mockup-subject-bar{align-items:stretch;flex-direction:column;gap:.5rem}.mockup-subject-label{text-align:left}.mockup-editor-layout{grid-template-columns:1fr}.mockup-block-actions{flex-direction:column;gap:.25rem}.mockup-block-edit{font-size:.6875rem;opacity:1;padding:.125rem .5rem}}.mockup-light-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:1.5rem}.mockup-light-header{margin-bottom:2rem;text-align:center}.mockup-light-logo{align-items:center;color:#1f2937;display:flex;font-size:2.5rem;font-weight:700;gap:.5rem;justify-content:center;margin:0}.mockup-light-logo-icon{font-size:2rem}.mockup-light-tagline{color:#6b7280;font-size:.875rem;margin-top:.25rem}.mockup-light-tabs-container{margin:0 auto;max-width:1280px}.mockup-light-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #00000014;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto 2rem;max-width:400px;padding:.25rem;width:50%}.mockup-light-tab{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s}.mockup-light-tab:hover{background:#00000008;color:#374151}.mockup-light-tab-active{background:#fff!important;box-shadow:0 1px 3px #0000001a;color:#111827!important}.mockup-light-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mockup-light-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.mockup-light-section-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.mockup-light-editor-actions{display:flex;gap:.75rem}.mockup-light-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media (min-width:768px){.mockup-light-stats-row{grid-template-columns:repeat(4,1fr)}}.mockup-light-stat-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.25rem;text-align:center;transition:transform .2s,box-shadow .2s}.mockup-light-stat-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.mockup-light-stat-value{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.mockup-light-stat-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.mockup-light-editions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.mockup-light-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s}.mockup-light-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.mockup-light-card-content{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.mockup-light-card-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.mockup-light-card-date{color:#6b7280;font-size:.875rem;margin:0}.mockup-light-card-stats{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.mockup-light-stats-text{color:#9ca3af;font-size:.75rem}.mockup-light-card-actions{display:flex;gap:.5rem;margin-top:.5rem}.mockup-light-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:all .2s}.mockup-light-badge-success{background:#d1fae5;color:#065f46}.mockup-light-badge-secondary{background:#f3f4f6;color:#4b5563}.mockup-light-badge-warning{background:#fed7aa;color:#92400e}.mockup-light-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.mockup-light-btn-primary{background:#3b82f6;color:#fff}.mockup-light-btn-primary:hover{background:#2563eb;box-shadow:0 4px 6px #3b82f640;transform:translateY(-1px)}.mockup-light-btn-secondary{background:#f3f4f6;color:#374151}.mockup-light-btn-secondary:hover{background:#e5e7eb}.mockup-light-btn-outline{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.mockup-light-btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.mockup-light-btn-accent{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mockup-light-btn-accent:hover{box-shadow:0 4px 6px #667eea40;transform:translateY(-1px)}.mockup-light-btn-full{justify-content:center;width:100%}.mockup-light-subject-bar{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.mockup-light-subject-label{color:#6b7280;font-size:.875rem;font-weight:500;white-space:nowrap}.mockup-light-subject-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#111827;flex:1 1;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.mockup-light-subject-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.mockup-light-editor-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.mockup-light-editor-grid{grid-template-columns:1fr 2fr}}.mockup-light-editor-sidebar{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;max-height:600px;overflow-y:auto;padding:1.5rem}.mockup-light-sidebar-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 1rem}.mockup-light-blocks-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.mockup-light-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.mockup-light-block-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.mockup-light-block-icon{font-size:1rem}.mockup-light-block-type{color:#6b7280;font-size:.75rem;font-weight:600;margin:0}.mockup-light-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#111827;font-family:inherit;font-size:.875rem;padding:.5rem;resize:vertical;transition:all .2s;width:100%}.mockup-light-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.mockup-light-preview-panel{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.mockup-light-preview-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 1rem}.mockup-light-email-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.mockup-light-email-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem}.mockup-light-email-subject{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.mockup-light-email-from,.mockup-light-email-to{color:#6b7280;font-size:.75rem}.mockup-light-email-body{background:#fff;min-height:300px;padding:1.5rem}.mockup-light-preview-block{margin-bottom:1.25rem}.mockup-light-preview-block:last-child{margin-bottom:0}.mockup-light-preview-text{color:#374151;line-height:1.6;margin:0}.mockup-light-image-placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px dashed #d1d5db;border-radius:.5rem;color:#9ca3af;font-size:.875rem;padding:3rem 2rem;text-align:center}.mockup-light-email-button{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .2s}.mockup-light-email-button:hover{background:#2563eb;box-shadow:0 4px 6px #3b82f640;transform:translateY(-1px)}.mockup-light-email-footer{background:#f9fafb;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;padding:1rem;text-align:center}.mockup-light-email-footer p{margin:.25rem 0}.mockup-light-email-footer a{color:#3b82f6;margin:0 .25rem;text-decoration:none}.mockup-light-email-footer a:hover{text-decoration:underline}.mockup-light-preview-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.mockup-light-editor-sidebar::-webkit-scrollbar{width:6px}.mockup-light-editor-sidebar::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.mockup-light-editor-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.mockup-light-editor-sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.mockup-light-tabs{width:100%}.mockup-light-editions-grid{grid-template-columns:1fr}.mockup-light-subject-bar{align-items:stretch;flex-direction:column;gap:.5rem}.mockup-light-editor-actions{flex-direction:column;width:100%}.mockup-light-section-header{align-items:flex-start;flex-direction:column;gap:1rem}}
/*# sourceMappingURL=main.2e188581.css.map*/