body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-50:#fef3c7;--secondary-100:#fde68a;--secondary-500:#f59e0b;--secondary-600:#d97706;--secondary-700:#b45309;--success-50:#ecfdf5;--success-100:#d1fae5;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--background:#fff;--surface:#f8fafc;--surface-elevated:#fff;--border:var(--gray-200);--border-hover:var(--gray-300);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--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;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--surface);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);line-height:1.6}.App{flex-direction:column}.App,.main-layout{display:flex;min-height:100vh}.content,.main-layout{background:#f8fafc;background:var(--surface)}.content{flex:1 1;max-width:calc(100vw - 280px);overflow-y:auto;padding:2rem;padding:var(--space-8)}@media (max-width:768px){.main-layout{flex-direction:column}.content{max-width:100vw;padding:1rem;padding:var(--space-4)}}.login-container{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-800) 100%);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--space-4)}.login-box{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:420px;padding:3rem;padding:var(--space-12);text-align:center;width:100%}.login-box .logo h1{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.login-box .logo h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.5rem;margin-bottom:var(--space-2)}.login-box .tagline{color:#4b5563;color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem;margin-bottom:var(--space-8)}.login-box form{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.login-box input{background:#fff;background:var(--background);border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:.5rem;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);font-size:1rem;padding:1rem;padding:var(--space-4);transition:all .15s ease;transition:all var(--transition-fast)}.login-box input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-100);outline:none}.login-box input:disabled{background:#f9fafb;background:var(--gray-50);color:#6b7280;color:var(--text-muted);cursor:not-allowed}.login-box button{background:#2563eb;background:var(--primary-600);border:none;border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem;padding:var(--space-4);position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.login-box button:hover:not(:disabled){background:#1d4ed8;background:var(--primary-700);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.login-box button:active:not(:disabled){transform:translateY(0)}.login-box button:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.login-box .error{background:#fef2f2;background:var(--error-50);border:1px solid var(--error-200);border-radius:.375rem;border-radius:var(--radius-md);color:#b91c1c;color:var(--error-700);font-size:.9rem;padding:.75rem;padding:var(--space-3)}.login-box .error,.login-box .hint{margin-top:.5rem;margin-top:var(--space-2)}.login-box .hint{color:#6b7280;color:var(--text-muted);font-size:.85rem}.sidebar{background:#fff;background:var(--background);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:100vh;position:relative;width:280px;z-index:10}.sidebar-header{background:#eff6ff;background:var(--primary-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:2rem 1.5rem;padding:var(--space-8) var(--space-6)}.sidebar-header h2{align-items:center;color:#1e40af;color:var(--primary-800);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;gap:var(--space-2);margin-bottom:.25rem;margin-bottom:var(--space-1)}.sidebar-header p{color:#2563eb;color:var(--primary-600);font-size:.9rem;font-weight:500}.sidebar nav{flex:1 1;padding:1rem 0;padding:var(--space-4) 0}.sidebar nav button{align-items:center;background:none;border:none;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;gap:var(--space-3);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative;text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.sidebar nav button:hover{background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--text-primary)}.sidebar nav button.active{background:#eff6ff;background:var(--primary-50);border-right:3px solid #2563eb;border-right:3px solid var(--primary-600);color:#1d4ed8;color:var(--primary-700);font-weight:600}.sidebar nav button.active:before{background:#2563eb;background:var(--primary-600);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.sidebar .badge{background:#ef4444;background:var(--error-500);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;min-width:20px;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);text-align:center}.sidebar-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--border);padding:1.5rem;padding:var(--space-6)}.sidebar-footer .settings-btn{align-items:center;background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.sidebar-footer .settings-btn:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--border-hover)}.sidebar-footer .settings-btn.active{background:#eff6ff;background:var(--primary-50);border-color:#bfdbfe;border-color:var(--primary-200);color:#1d4ed8;color:var(--primary-700)}.sidebar-footer .user-info{align-items:center;background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.sidebar-footer .logout,.sidebar-footer .user-info{font-size:.9rem;padding:.75rem;padding:var(--space-3)}.sidebar-footer .logout{background:#ef4444;background:var(--error-500);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.sidebar-footer .logout:hover{background:#dc2626;background:var(--error-600);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:768px){.sidebar{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);border-right:none;min-height:auto;width:100%}.sidebar nav{display:flex;overflow-x:auto;padding:.5rem 0;padding:var(--space-2) 0}.sidebar nav button{flex-shrink:0;font-size:.85rem;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.sidebar-footer{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);padding:1rem;padding:var(--space-4)}.sidebar-footer .settings-btn,.sidebar-footer .user-info{flex:1 1;margin-bottom:0}.sidebar-footer .logout{flex-shrink:0}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--text-primary)}h1{font-size:2.25rem;margin-bottom:2rem;margin-bottom:var(--space-8)}h2{font-size:1.75rem;margin:2rem 0 1.5rem;margin:var(--space-8) 0 var(--space-6) 0}h2,h3{color:#111827;color:var(--text-primary)}h3{font-size:1.25rem;margin:1.5rem 0 1rem;margin:var(--space-6) 0 var(--space-4) 0}.dashboard{max-width:1200px}.stats-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2.5rem;margin-bottom:var(--space-10)}.stat-card{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.stat-card:hover{border-color:#d1d5db;border-color:var(--border-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#60a5fa);background:linear-gradient(90deg,var(--primary-500),var(--primary-400));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-icon{display:block;font-size:2rem;margin-bottom:.75rem;margin-bottom:var(--space-3)}.stat-card h3{color:#4b5563;color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;margin:0 0 var(--space-2) 0;text-transform:uppercase}.stat-value{color:#2563eb;color:var(--primary-600);font-size:2.5rem;font-weight:800;line-height:1}.campaign-list{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.campaign-card{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.campaign-card:hover{border-color:#bfdbfe;border-color:var(--primary-200);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.campaign-card.upcoming{background:linear-gradient(135deg,#ecfdf5,#fff);background:linear-gradient(135deg,var(--success-50) 0,var(--background) 100%);border-color:var(--success-200)}.campaign-card.upcoming:before{background:#10b981;background:var(--success-500);content:"";height:4px;left:0;position:absolute;right:0;top:0}.campaign-card h3{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.campaign-card p{color:#4b5563;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}.campaign-status{background:#d1fae5;background:var(--success-100);border-radius:9999px;border-radius:var(--radius-full);color:#047857;color:var(--success-700);display:inline-block;font-size:.8rem;font-weight:600;margin-top:.5rem;margin-top:var(--space-2);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.response-stats{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:1rem;gap:var(--space-4);margin-top:1rem;margin-top:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.response-stats .yes{color:#059669;color:var(--success-600);font-weight:600}.response-stats .no{color:#dc2626;color:var(--error-600);font-weight:600}.response-stats .maybe{color:#d97706;color:var(--warning-600);font-weight:600}.no-rsvp{color:#6b7280;color:var(--text-muted);font-style:italic;margin-top:.5rem;margin-top:var(--space-2)}.campaigns{max-width:1200px}.campaign-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.campaign-item{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--space-6);position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.campaign-item:hover{border-color:#d1d5db;border-color:var(--border-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.campaign-item.past{background:#f9fafb;background:var(--gray-50);opacity:.8}.campaign-item h3{color:#111827;color:var(--text-primary);font-size:1.2rem;margin:0 0 1rem;margin:0 0 var(--space-4) 0}.campaign-item p{color:#4b5563;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}.rsvp-indicator{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.8rem;font-weight:600;margin:.5rem 0;margin:var(--space-2) 0;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.campaign-item .rsvp-indicator{background:#dbeafe;background:var(--primary-100);color:#1d4ed8;color:var(--primary-700)}.response-summary{background:#f9fafb;background:var(--gray-50);border-radius:.375rem;border-radius:var(--radius-md);display:flex;font-size:.85rem;gap:1rem;gap:var(--space-4);margin:.75rem 0;margin:var(--space-3) 0;padding:.75rem;padding:var(--space-3)}.response-summary div{font-weight:600}.campaign-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:.75rem;gap:var(--space-3);margin-top:1rem;margin-top:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.campaign-actions button{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s ease;transition:all var(--transition-fast)}.campaign-actions button:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--border-hover);transform:translateY(-1px)}.campaign-actions .send-btn{background:#2563eb;background:var(--primary-600);border-color:#2563eb;border-color:var(--primary-600);color:#fff}.campaign-actions .send-btn:hover{background:#1d4ed8;background:var(--primary-700);border-color:#1d4ed8;border-color:var(--primary-700)}.sent-info{background:#ecfdf5;background:var(--success-50);border:1px solid var(--success-200);border-radius:.375rem;border-radius:var(--radius-md);color:#059669;color:var(--success-600);font-size:.85rem;font-weight:500;margin-top:.75rem;margin-top:var(--space-3);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.warning-text{background:#fffbeb;background:var(--warning-50);border:1px solid var(--warning-200);border-radius:.375rem;border-radius:var(--radius-md);color:var(--warning-700)}.error-text,.warning-text{font-size:.85rem;font-weight:500;margin:.5rem 0;margin:var(--space-2) 0;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.error-text{background:#fef2f2;background:var(--error-50);border:1px solid var(--error-200);border-radius:.375rem;border-radius:var(--radius-md);color:#b91c1c;color:var(--error-700)}.campaign-item.broken{background:linear-gradient(135deg,#fef2f2,#fff);background:linear-gradient(135deg,var(--error-50) 0,var(--background) 100%);border-color:var(--error-300)}.campaign-item.broken:before{background:#ef4444;background:var(--error-500);content:"";height:4px;left:0;position:absolute;right:0;top:0}.delete-campaign-btn{background:#ef4444;background:var(--error-500);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s ease;transition:all var(--transition-fast)}.delete-campaign-btn:hover{background:#dc2626;background:var(--error-600);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.delete-campaign-btn:active{transform:translateY(0)}.campaign-details{max-width:1000px}.campaign-details-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.message-preview-section{border-left:4px solid #3b82f6;border-left:4px solid var(--primary-500);margin-bottom:2rem;margin-bottom:var(--space-8)}.preview-hint,.test-hint{color:#6b7280;color:var(--text-muted);font-size:.9rem;font-style:italic;margin-bottom:1rem;margin-bottom:var(--space-4)}.message-preview{background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-top:1rem;margin-top:var(--space-4);max-width:400px;padding:1.25rem;padding:var(--space-5)}.message-preview-image{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-lg);margin-bottom:1rem;margin-bottom:var(--space-4);overflow:hidden}.message-preview-image img{display:block;height:auto;width:100%}.message-preview-text{word-wrap:break-word;background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-primary);font-size:.95rem;line-height:1.5;padding:1rem;padding:var(--space-4);white-space:pre-wrap}.test-message-section{border-left:4px solid #f59e0b;border-left:4px solid var(--secondary-500);margin-bottom:2rem;margin-bottom:var(--space-8)}.test-message-form{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);margin-top:1rem;margin-top:var(--space-4)}.test-message-form input{border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);flex:1 1;font-size:.95rem;padding:.75rem;padding:var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.test-message-form input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-100);outline:none}.test-message-form input:disabled{background:#f9fafb;background:var(--gray-50);color:#6b7280;color:var(--text-muted);cursor:not-allowed}.test-send-btn{background:#d97706;background:var(--secondary-600);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.test-send-btn:hover:not(:disabled){background:#b45309;background:var(--secondary-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.test-send-btn:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:640px){.test-message-form{align-items:stretch;flex-direction:column}.message-preview{max-width:100%}}.campaign-details-header .campaign-actions{display:flex;gap:1rem}.back-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;gap:var(--space-2);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.back-btn:hover{background:#e5e7eb;background:var(--gray-200);color:#111827;color:var(--text-primary);transform:translateX(-2px)}.details-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:1fr;margin-bottom:2rem;margin-bottom:var(--space-8)}@media (min-width:768px){.details-grid{grid-template-columns:2fr 1fr}}.detail-section{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--space-6)}.detail-section h3{align-items:center;color:#111827;color:var(--text-primary);display:flex;gap:.5rem;gap:var(--space-2);margin:0 0 1rem;margin:0 0 var(--space-4) 0}.detail-section p{color:#4b5563;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem;margin-bottom:var(--space-3)}.detail-section p strong{color:#111827;color:var(--text-primary);font-weight:600}.response-chart{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.chart-bar{border-radius:.375rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;min-width:60px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:center;transition:all .15s ease;transition:all var(--transition-fast)}.chart-bar.yes{background:#d1fae5;background:var(--success-100);border:1px solid var(--success-200);color:#047857;color:var(--success-700)}.chart-bar.no{background:#fee2e2;background:var(--error-100);border:1px solid var(--error-200);color:#b91c1c;color:var(--error-700)}.chart-bar.maybe{background:#fef3c7;background:var(--warning-100);border:1px solid var(--warning-200);color:var(--warning-700)}.response-stats-text{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);color:#4b5563;color:var(--text-secondary);font-size:.9rem;margin-top:1rem;margin-top:var(--space-4);padding-top:.75rem;padding-top:var(--space-3)}.responses-table{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);margin-top:1.5rem;margin-top:var(--space-6);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f9fafb;background:var(--gray-50)}th{color:#111827;color:var(--text-primary);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:1rem;padding:var(--space-4)}td{color:#4b5563;color:var(--text-secondary);font-size:.9rem}tbody tr:hover{background:#f9fafb;background:var(--gray-50)}tbody tr:last-child td{border-bottom:none}.response-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);text-transform:uppercase}.response-badge.yes{background:#d1fae5;background:var(--success-100);color:#047857;color:var(--success-700)}.response-badge.no{background:#fee2e2;background:var(--error-100);color:#b91c1c;color:var(--error-700)}.response-badge.maybe{background:#fef3c7;background:var(--warning-100);color:var(--warning-700)}.create-campaign{max-width:800px}.form-section{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:2rem;padding:var(--space-8)}.form-section h3{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#111827;color:var(--text-primary);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0;padding-bottom:.75rem;padding-bottom:var(--space-3)}.form-group{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.form-group.checkbox{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3)}.form-group label{color:#111827;color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-group.checkbox label{align-items:flex-start;cursor:pointer;display:flex;font-weight:500;gap:.5rem;gap:var(--space-2)}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--background);border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;padding:var(--space-3);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-100);outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;background:var(--gray-50);color:#6b7280;color:var(--text-muted);cursor:not-allowed}.form-group input[type=checkbox]{margin:0;transform:scale(1.2);width:auto}.form-group input[type=file]{border-style:dashed;padding:.5rem;padding:var(--space-2)}.field-hint{color:#6b7280;color:var(--text-muted);font-size:.8rem;line-height:1.4}.character-counter-container,.field-hint{margin-top:.25rem;margin-top:var(--space-1)}.character-counter-container{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between}.character-counter{background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);font-size:.8rem;font-weight:600;min-width:60px;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);text-align:center;transition:all .15s ease;transition:all var(--transition-fast)}.character-counter.over-limit{background:#fef2f2;background:var(--error-50);border-color:var(--error-200);color:#b91c1c;color:var(--error-700)}@media (max-width:640px){.character-counter-container{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-2)}.character-counter{align-self:flex-end}}.reminder-options{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);margin-top:1rem;margin-top:var(--space-4);padding:1rem;padding:var(--space-4)}.reminder-options .form-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.reminder-options .form-group:last-child{margin-bottom:0}.submit-btn{background:#2563eb;background:var(--primary-600);border:none;border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;margin-top:var(--space-4);padding:1rem;padding:var(--space-4);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.submit-btn:hover:not(:disabled){background:#1d4ed8;background:var(--primary-700);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.submit-btn:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.subscribers{max-width:1200px}.header-actions{align-items:center;display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-8)}.header-actions h1{margin:0}.add-btn{background:#2563eb;background:var(--primary-600);border:none;border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.add-btn:hover{background:#1d4ed8;background:var(--primary-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-subscriber-form{align-items:end;background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);display:flex;gap:1rem;gap:var(--space-4);margin-bottom:2rem;margin-bottom:var(--space-8);padding:1.5rem;padding:var(--space-6)}.add-subscriber-form input{border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);flex:1 1;font-size:.9rem;padding:.75rem;padding:var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.add-subscriber-form input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-100);outline:none}.add-subscriber-form button{background:#059669;background:var(--success-600);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.add-subscriber-form button:hover:not(:disabled){background:#047857;background:var(--success-700)}.add-subscriber-form button:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed}.subscriber-sections{display:flex;flex-direction:column;gap:2rem;gap:var(--space-8)}.subscriber-section{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);overflow:hidden}.subscriber-section h3{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;font-size:1.1rem;gap:.5rem;gap:var(--space-2);margin:0;padding:1.25rem 1.5rem;padding:var(--space-5) var(--space-6)}.subscriber-list table{margin:0}.delete-btn{background:#ef4444;background:var(--error-500);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.delete-btn:hover{background:#dc2626;background:var(--error-600);transform:translateY(-1px)}.status-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);text-transform:capitalize}.status-badge.declined,.status-badge.unsubscribed{background:#fee2e2;background:var(--error-100);color:#b91c1c;color:var(--error-700)}.unprocessed{max-width:800px}.unprocessed p{color:#4b5563;color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:2rem;margin-bottom:var(--space-8)}.message-list{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.empty-state{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);padding:4rem 2rem;padding:var(--space-16) var(--space-8);text-align:center}.empty-state p{font-size:1.2rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}.empty-hint{color:#6b7280;color:var(--text-muted);font-size:.9rem}.message-item{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--space-6);transition:all .15s ease;transition:all var(--transition-fast)}.message-item:hover{border-color:#d1d5db;border-color:var(--border-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.message-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3);padding-bottom:.75rem;padding-bottom:var(--space-3)}.message-header strong{color:#111827;color:var(--text-primary);font-weight:600}.message-header span{color:#6b7280;color:var(--text-muted);font-size:.85rem}.message-body{background:#f9fafb;background:var(--gray-50);border-left:4px solid #bfdbfe;border-left:4px solid var(--primary-200);border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}.handle-btn{background:#2563eb;background:var(--primary-600);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s ease;transition:all var(--transition-fast)}.handle-btn:hover{background:#1d4ed8;background:var(--primary-700);transform:translateY(-1px)}.settings{max-width:600px}.settings-section{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:2rem;padding:var(--space-8)}.settings-section h3{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);margin:0 0 1rem;margin:0 0 var(--space-4) 0;padding-bottom:.75rem;padding-bottom:var(--space-3)}.settings-section p{color:#4b5563;color:var(--text-secondary);margin-bottom:.5rem;margin-bottom:var(--space-2)}.settings-section p strong{color:#111827;color:var(--text-primary)}.success-message{background:#ecfdf5;background:var(--success-50);border:1px solid var(--success-200);border-radius:.375rem;border-radius:var(--radius-md);color:#047857;color:var(--success-700)}.error-message,.success-message{font-size:.9rem;margin:1rem 0;margin:var(--space-4) 0;padding:.75rem;padding:var(--space-3)}.error-message{background:#fef2f2;background:var(--error-50);border:1px solid var(--error-200);border-radius:.375rem;border-radius:var(--radius-md);color:#b91c1c;color:var(--error-700)}@media (max-width:640px){.campaign-grid,.campaign-list,.details-grid,.stats-grid{grid-template-columns:1fr}.add-subscriber-form,.header-actions{align-items:stretch;flex-direction:column}.response-stats{gap:.5rem;gap:var(--space-2)}.campaign-actions,.message-header,.response-stats{flex-direction:column}.message-header{align-items:flex-start;gap:.5rem;gap:var(--space-2)}h1{font-size:1.75rem}h2{font-size:1.5rem}.content{padding:1rem;padding:var(--space-4)}.login-box{padding:2rem;padding:var(--space-8)}.form-section{padding:1.5rem;padding:var(--space-6)}}.modal-overlay{align-items:center;animation:fadeInOverlay .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideInModal .3s ease-out;background:#fff;background:var(--background);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideInModal{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-6)}.modal-header h3{color:#111827;color:var(--text-primary);font-size:1.25rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;padding:var(--space-1);transition:all .15s ease;transition:all var(--transition-fast);width:32px}.close-btn:hover:not(:disabled){background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--text-primary)}.close-btn:disabled{cursor:not-allowed;opacity:.5}.edit-subscriber-form{display:flex;flex-direction:column;gap:1.25rem;gap:var(--space-5);padding:1.5rem;padding:var(--space-6)}.edit-subscriber-form .form-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.edit-subscriber-form label{color:#111827;color:var(--text-primary);font-size:.9rem;font-weight:600}.edit-subscriber-form input,.edit-subscriber-form select{background:#fff;background:var(--background);border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);font-size:.95rem;padding:.75rem;padding:var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.edit-subscriber-form input:focus,.edit-subscriber-form select:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-100);outline:none}.edit-subscriber-form input:disabled,.edit-subscriber-form select:disabled{background:#f9fafb;background:var(--gray-50);color:#6b7280;color:var(--text-muted);cursor:not-allowed}.modal-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-end;padding-top:1rem;padding-top:var(--space-4)}.cancel-btn{background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:all .15s ease;transition:all var(--transition-fast)}.cancel-btn:hover:not(:disabled){background:#e5e7eb;background:var(--gray-200);border-color:#d1d5db;border-color:var(--gray-300)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.save-btn{background:#2563eb;background:var(--primary-600);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:all .15s ease;transition:all var(--transition-fast)}.save-btn:hover:not(:disabled){background:#1d4ed8;background:var(--primary-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.save-btn:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.edit-btn{background:#3b82f6;background:var(--primary-500);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;margin-right:.5rem;margin-right:var(--space-2);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.edit-btn:hover{background:#2563eb;background:var(--primary-600);transform:translateY(-1px)}.phone-number-link{background:none;border:none;color:#2563eb;color:var(--primary-600);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline;transition:all .15s ease;transition:all var(--transition-fast)}.phone-number-link:hover{color:#1d4ed8;color:var(--primary-700);-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.message-history-modal{max-height:90vh;max-width:800px;width:95%}.message-history-modal .modal-body{max-height:calc(90vh - 200px);overflow-y:auto;padding:0}.message-history-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:1.5rem;padding:var(--space-6)}.message-history-header p{font-size:.95rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}.send-message-section{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:1.5rem;padding:var(--space-6)}.send-message-section h4{color:#111827;color:var(--text-primary);font-size:1.05rem;margin:0 0 1rem;margin:0 0 var(--space-4) 0}.send-message-form{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.message-input{background:#fff;background:var(--background);border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;padding:.75rem;padding:var(--space-3);resize:vertical;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.message-input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-100);outline:none}.message-input:disabled{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--text-muted);cursor:not-allowed}.send-message-actions{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between}.character-count{color:#6b7280;color:var(--text-muted);font-size:.8rem;font-weight:500}.send-message-btn{background:#2563eb;background:var(--primary-600);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem;padding:var(--space-2) var(--space-5);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.send-message-btn:hover:not(:disabled){background:#1d4ed8;background:var(--primary-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.send-message-btn:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:640px){.send-message-actions{align-items:stretch;flex-direction:column}.character-count{text-align:right}}.message-history-list{padding:1.5rem;padding:var(--space-6)}.message-history-list h4{color:#111827;color:var(--text-primary);font-size:1.1rem;margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.messages-timeline{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.message-item-history{background:#fff;background:var(--background);border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4);transition:all .15s ease;transition:all var(--transition-fast)}.message-item-history:hover{border-color:#bfdbfe;border-color:var(--primary-200);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm)}.message-item-history.outbound{background:linear-gradient(90deg,#eff6ff,#fff);background:linear-gradient(90deg,var(--primary-50) 0,var(--background) 100%);border-left:4px solid #3b82f6;border-left:4px solid var(--primary-500)}.message-item-history.inbound{background:linear-gradient(90deg,#ecfdf5,#fff);background:linear-gradient(90deg,var(--success-50) 0,var(--background) 100%);border-left:4px solid #10b981;border-left:4px solid var(--success-500)}.message-meta{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3);padding-bottom:.5rem;padding-bottom:var(--space-2)}.direction-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.direction-badge.outbound{background:#dbeafe;background:var(--primary-100);color:#1d4ed8;color:var(--primary-700)}.direction-badge.inbound{background:#d1fae5;background:var(--success-100);color:#047857;color:var(--success-700)}.message-time{color:#6b7280;color:var(--text-muted);font-size:.8rem}.unprocessed-badge{background:#fef3c7;background:var(--warning-100);border-radius:9999px;border-radius:var(--radius-full);color:var(--warning-700);display:inline-block;font-size:.75rem;font-weight:600;margin-left:auto;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.campaign-info{background:#f9fafb;background:var(--gray-50);border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);font-size:.85rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.campaign-info,.message-content,.response-info{margin-bottom:.5rem;margin-bottom:var(--space-2)}.message-content{word-wrap:break-word;background:#f9fafb;background:var(--gray-50);border-radius:.375rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);line-height:1.5;padding:.75rem;padding:var(--space-3);white-space:pre-wrap}.message-status{font-size:.8rem;font-style:italic}.loading-state,.message-status{color:#6b7280;color:var(--text-muted)}.loading-state{font-size:1.1rem;padding:4rem 2rem;padding:var(--space-16) var(--space-8);text-align:center}.modal-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding:1.5rem;padding:var(--space-6)}.close-modal-btn{background:#4b5563;background:var(--gray-600);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .15s ease;transition:all var(--transition-fast)}.close-modal-btn:hover{background:#374151;background:var(--gray-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.campaign-card,.campaign-item,.detail-section,.form-section,.message-item,.stat-card,.subscriber-section{animation:fadeIn .3s ease-out}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}@media print{.campaign-actions,.sidebar,button{display:none}.content{max-width:none;padding:0}.main-layout{display:block}}
/*# sourceMappingURL=main.bee6be88.css.map*/