:root{--bg-deep:#070a13;--bg-surface:#111827b3;--bg-surface-opaque:#0f172a;--bg-surface-hover:#1f2937cc;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d426;--accent-cyan-hover:#0891b2;--accent-yellow:#eab308;--accent-yellow-glow:#eab3081a;--accent-green:#10b981;--accent-red:#f43f5e;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-light:#ffffff14;--border-cyan:#06b6d44d;--border-cyan-focus:#06b6d4cc;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 32px #0009;--shadow-cyan:0 0 20px #06b6d433;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#06b6d40d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#6366f10d 0%,#0000 40%);min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-cyan)}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);width:100%;max-width:440px;box-shadow:var(--shadow-md);text-align:center;transition:transform var(--transition-normal);border-radius:16px;padding:40px 32px}.auth-header img{height:48px;margin-bottom:16px}.auth-title{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:1.8rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:.95rem}.form-group{text-align:left;margin-bottom:20px}.form-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-light);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#0000004d;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-cyan-focus);background:#00000080;outline:none;box-shadow:0 0 10px #06b6d433}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.btn{cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-cyan);color:var(--bg-deep)}.btn-primary:hover{background:var(--accent-cyan-hover);box-shadow:var(--shadow-cyan)}.btn-primary:disabled{background:var(--text-muted);color:var(--text-secondary);cursor:not-allowed;box-shadow:none}.btn-secondary{border-color:var(--border-light);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a}.btn-danger{color:var(--accent-red);background:#f43f5e1a;border-color:#f43f5e33}.btn-danger:hover{background:#f43f5e33}.btn-full{width:100%}.alert{text-align:left;border:1px solid #0000;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem}.alert-error{color:#ff8a9a;background:#f43f5e1a;border-color:#f43f5e33}.alert-success{color:#a7f3d0;background:#10b9811a;border-color:#10b98133}.alert-info{border-color:var(--border-cyan);color:#a5f3fc;background:#06b6d41a}.app-header{border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0b0f19cc;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo-wrapper{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-icon{color:var(--accent-cyan);filter:drop-shadow(0 0 8px var(--accent-cyan))}.logo-text{letter-spacing:.5px;background:linear-gradient(135deg, #fff 0%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.3rem;font-weight:900}.user-nav-profile{align-items:center;gap:16px;display:flex}.user-email-badge{border:1px solid var(--border-light);color:var(--text-secondary);background:#ffffff0d;border-radius:20px;padding:6px 14px;font-size:.85rem}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px}.welcome-section{margin-bottom:40px}.welcome-title{letter-spacing:-.5px;margin-bottom:8px;font-size:2.2rem;font-weight:800}.welcome-desc{color:var(--text-secondary);font-size:1.1rem}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.card-action{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);text-align:left;cursor:pointer;transition:all var(--transition-normal);border-radius:16px;flex-direction:column;align-items:flex-start;padding:32px;display:flex;position:relative;overflow:hidden}.card-action:before{content:"";width:100%;height:4px;transition:background var(--transition-fast);background:0 0;position:absolute;top:0;left:0}.card-action.card-cyan:before{background:linear-gradient(90deg, var(--accent-cyan), transparent)}.card-action.card-green:before{background:linear-gradient(90deg, var(--accent-green), transparent)}.card-action.card-yellow:before{background:linear-gradient(90deg, var(--accent-yellow), transparent)}.card-action:hover{border-color:var(--border-cyan);box-shadow:var(--shadow-cyan);background:var(--bg-surface-hover);transform:translateY(-6px)}.card-icon-container{border:1px solid var(--border-light);width:56px;height:56px;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.card-action:hover .card-icon-container{background:var(--accent-cyan-glow);border-color:var(--accent-cyan);color:var(--accent-cyan)}.card-action.card-green:hover .card-icon-container{border-color:var(--accent-green);color:var(--accent-green);background:#10b9811a}.card-action.card-yellow:hover .card-icon-container{border-color:var(--accent-yellow);color:var(--accent-yellow);background:#eab3081a}.card-title{align-items:center;gap:8px;margin-bottom:12px;font-size:1.3rem;font-weight:700;display:flex}.card-desc{color:var(--text-secondary);flex:1;font-size:.95rem;line-height:1.6}.card-footer-info{text-transform:uppercase;color:var(--accent-cyan);letter-spacing:1px;margin-top:24px;font-size:.8rem;font-weight:600}.card-action.card-green .card-footer-info{color:var(--accent-green)}.card-action.card-yellow .card-footer-info{color:var(--accent-yellow)}.section-container{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:var(--shadow-md);animation:fadeIn var(--transition-normal);border-radius:20px;margin-bottom:40px;padding:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.section-title-wrapper{align-items:center;gap:16px;display:flex}.section-icon{color:var(--accent-cyan)}.section-title{font-size:1.6rem;font-weight:800}.section-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.95rem}.email-module-layout{grid-template-columns:1fr 1fr;gap:40px;display:grid}.email-form-panel{flex-direction:column;gap:24px;display:flex}.ai-composer-card{border:1px solid var(--border-cyan);background:#06b6d408;border-radius:12px;margin-bottom:12px;padding:24px}.ai-composer-header{color:var(--accent-cyan);align-items:center;gap:10px;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex}.preview-panel{border:1px solid var(--border-light);background:#0003;border-radius:12px;flex-direction:column;height:100%;padding:24px;display:flex}.preview-header{border-bottom:1px solid var(--border-light);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;font-size:1.1rem;font-weight:700;display:flex}.preview-subject-line{border:1px solid var(--border-light);background:#ffffff08;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:.95rem}.preview-subject-label{color:var(--text-muted);margin-right:8px;font-weight:600}.preview-body-container{color:#1e293b;background:#fff;border-radius:8px;flex:1;min-height:350px;max-height:500px;padding:20px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;overflow-y:auto}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;display:grid}.stat-item{border:1px solid var(--border-light);text-align:center;background:#ffffff08;border-radius:12px;padding:20px}.stat-num{margin-bottom:4px;font-size:1.8rem;font-weight:800}.stat-num.cyan{color:var(--accent-cyan)}.stat-num.green{color:var(--accent-green)}.stat-num.red{color:var(--accent-red)}.stat-num.yellow{color:var(--accent-yellow)}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:.75rem}.table-wrapper{border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}.campaign-table{border-collapse:collapse;text-align:left;width:100%}.campaign-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);background:#0000004d;padding:16px 20px;font-size:.85rem;font-weight:600}.campaign-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:16px 20px;font-size:.95rem}.campaign-table tr:last-child td{border-bottom:none}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-sent{color:var(--accent-green);background:#10b9811a;border:1px solid #10b98133}.badge-scheduled{color:var(--accent-yellow);background:#eab3081a;border:1px solid #eab30833}.scheduler-box{background:#eab30808;border:1px solid #eab3084d;border-radius:12px;flex-direction:column;gap:12px;margin-top:10px;padding:20px;display:flex}.schedule-header{color:var(--accent-yellow);align-items:center;gap:8px;font-weight:700;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface-opaque);border:1px solid var(--border-light);width:100%;max-width:650px;box-shadow:var(--shadow-md);border-radius:16px;animation:.2s ease-out modalScale;overflow:hidden}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-light);align-items:center;justify-content:justify;justify-content:space-between;padding:20px 24px;display:flex}.modal-title{font-size:1.25rem;font-weight:700}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-close:hover{color:var(--text-primary)}.modal-body{max-height:400px;padding:24px;overflow-y:auto}.log-console{color:#38bdf8;background:#000;border-radius:8px;max-height:300px;padding:16px;font-family:monospace;font-size:.85rem;overflow-y:auto}.log-line{margin-bottom:6px;line-height:1.4}.log-line.error{color:#f43f5e}.log-line.success{color:#10b981}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;padding:16px 24px;display:flex}.info-hint{color:var(--text-muted);align-items:center;gap:4px;margin-top:6px;font-size:.8rem;display:flex}.info-hint svg{color:var(--accent-cyan)}.domain-validator-badge{border-radius:4px;align-items:center;gap:6px;margin-top:6px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.domain-valid{color:#34d399;background:#10b9811a}.domain-invalid{color:#fb7185;background:#f43f5e1a}@media (width<=992px){.email-module-layout{grid-template-columns:1fr;gap:30px}}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr;gap:16px}.stats-row{grid-template-columns:repeat(2,1fr)}.section-container{padding:24px}.welcome-title{font-size:1.8rem}.auth-card{padding:24px 16px}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.section-header .btn{width:100%}}