:root{--bg: #f7f7f8;--panel: #ffffff;--text: #111827;--muted: #6b7280;--primary: #16a34a;--primary-ink: #065f46;--border: #e5e7eb;--sidebar-width: 276px;--sidebar-width-collapsed: 92px}*{box-sizing:border-box}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);margin:0}.layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns .2s ease}body.sidebar-collapsed .layout{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.sidebar{background:#fff;border-right:1px solid var(--border);padding:1rem;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.brand{font-weight:700;font-size:1.1rem;margin-bottom:2rem;display:flex;align-items:center;gap:.6rem}.nav a{display:flex;align-items:center;gap:.5rem;padding:.75rem;margin-bottom:.5rem;color:#111827;text-decoration:none;border-radius:.5rem}.nav a.active{background:#f0fdf4;color:var(--primary-ink);border-left:3px solid var(--primary)}.nav a:hover{background:#f3f4f6}.main{padding:1.5rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.title{font-size:1.5rem;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .9rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 1px 2px #0000000f;text-decoration:none;white-space:nowrap;line-height:1.2}.btn:link,.btn:visited,.btn:hover,.btn:active{text-decoration:none}.btn.secondary{background:#111827;color:#fff}.btn.outline{background:transparent;color:#111827;border:1px solid var(--border)}.btn.small{padding:.35rem .7rem;font-size:.9rem}.btn.tiny{min-height:2rem;padding:.35rem .75rem;font-size:.8125rem;border-radius:.45rem}.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.action-cell{width:1%;white-space:nowrap}.action-buttons{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:nowrap;white-space:nowrap}.action-btn{min-width:4.5rem}.action-btn.outline{background:#fff}.action-btn.danger{color:#dc2626;border-color:#fecaca;background:#fff}.action-btn.danger:hover{background:#fef2f2}.grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000a}.card h3{margin:.25rem 0 .5rem;font-size:1rem}.muted{color:var(--muted)}.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:.75rem;overflow:hidden}.table th,.table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);text-align:left}.table th{background:#f9fafb;font-weight:600;font-size:.9rem}.table tr:last-child td{border-bottom:0}.table .right{text-align:right}.table .nowrap{white-space:nowrap}.panel{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.form-row{display:flex;gap:1rem;margin:.5rem 0}.form-row label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;flex:1}.form-row input,.form-row textarea,.form-row select{padding:.5rem .6rem;border:1px solid var(--border);border-radius:.5rem;font-size:.95rem;width:100%}.section-head{display:flex;justify-content:space-between;align-items:center;margin:.75rem 0}.section-actions{display:flex;gap:.5rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}.modal-content.preview-modal{max-width:1400px;width:95%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--muted);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.btn-close:hover{background:#f3f4f6;color:var(--text)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.preview-grid{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;min-height:600px}.recipients-panel{display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--border);padding-right:1.5rem}.recipients-panel h4{margin:0;font-size:1.1rem}.recipients-stats{display:flex;gap:1rem;padding:.75rem;background:#f9fafb;border-radius:.5rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;font-weight:600}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text)}.info-banner{padding:.75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;font-size:.875rem;color:#1e40af}.recipients-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.loading-recipients,.no-recipients{text-align:center;padding:2rem;color:var(--muted)}.recipient-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border:1px solid var(--border);border-radius:.5rem;transition:background .2s}.recipient-item:hover{background:#f3f4f6}.recipient-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.recipient-name{font-weight:600;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-email{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-status{display:flex;align-items:center;gap:.5rem}.status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.sent{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.failed{background:#fee2e2;color:#991b1b}.status-badge.bounced{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.engagement-badge.bounced{font-size:1rem}.queue-badge{font-size:.75rem;padding:.125rem .375rem;border-radius:.25rem;font-weight:600}.queue-badge.pending{background:#fef3c7;color:#92400e}.queue-badge.processing{background:#dbeafe;color:#1e40af}.queue-badge.sent{background:#d1fae5;color:#065f46}.queue-badge.bounced{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.queue-badge.failed{background:#fee2e2;color:#991b1b}.stats-modal{max-width:900px;width:90%;max-height:90vh;display:flex;flex-direction:column}.stats-modal .modal-body{max-height:calc(90vh - 80px);overflow-y:auto}.ns-stats-grid{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.ns-stat-card{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.9rem .5rem;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb;text-align:center}.ns-stat-icon{font-size:1.3rem}.ns-stat-value{font-size:1.6rem;font-weight:700;color:#111827;line-height:1.1}.ns-stat-label{font-size:.75rem;color:#6b7280;font-weight:500}.ns-rates{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.ns-rate-card{flex:1;min-width:200px}.ns-rate-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.ns-rate-title{font-size:.85rem;color:#6b7280}.ns-rate-value{font-size:1rem;font-weight:700;color:#111827}.ns-rate-bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.ns-fill{height:100%;border-radius:999px;transition:width .4s ease}.ns-fill.ns-delivered{background:#10b981}.ns-fill.ns-bounced{background:#f59e0b}.modal-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb;font-size:.85rem}.email-preview-wrapper{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.preview-controls{display:flex;justify-content:flex-end;padding:.5rem;border-bottom:1px solid var(--border)}.theme-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;-webkit-user-select:none;user-select:none}.theme-toggle input[type=checkbox]{width:auto;margin:0}.email-content{flex:1;background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:1rem;overflow:auto;color-scheme:light}.email-content-iframe{flex:1;width:100%;min-height:600px;border:1px solid var(--border);border-radius:.5rem;background:#fff}.email-content-iframe.dark-mode-preview{background:#1a1a1a}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:2000}.toast{padding:1rem 1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:toastSlideIn .3s ease-out}.toast.success{border-left:4px solid #059669}.toast.error{border-left:4px solid #dc2626}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}