:root{--bg: #f4f7fb;--bg-accent: #e8f0ff;--surface: #ffffff;--surface-muted: #f7f9fc;--border: #d7deea;--text: #132033;--text-muted: #617089;--text-soft: #7c8aa2;--brand: #0ea5a4;--brand-strong: #0b7e7d;--brand-soft: #d9f4f2;--danger: #c2415a;--danger-soft: #fbe5e9;--warning: #ad6a06;--shadow: 0 12px 32px rgba(24, 39, 75, .08)}html,body,#root{min-height:100%;margin:0}body{font-family:IBM Plex Sans,Segoe UI,sans-serif;background:linear-gradient(180deg,#f9fbff,#eef4fb);color:var(--text)}*{box-sizing:border-box}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.screen-center{min-height:100vh;display:grid;place-items:center;color:var(--text-muted)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 14% 12%,rgba(14,165,164,.22),transparent 28%),radial-gradient(circle at 86% 78%,rgba(59,130,246,.16),transparent 32%),linear-gradient(180deg,#f9fbff,#edf5fb)}.login-card,.panel,.sidebar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.login-card{width:min(100%,980px);padding:0;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(340px,1.05fr)}.login-visual-panel,.login-form-panel{padding:34px}.login-visual-panel{min-height:560px;display:grid;align-content:space-between;gap:28px;color:#fff;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.22),transparent 28%),linear-gradient(145deg,#0b7e7d,#0f766e 48%,#132033)}.login-brand-row{display:flex;align-items:center;gap:12px}.login-visual-panel .brand-mark{background:#ffffff2e;border:1px solid rgba(255,255,255,.22)}.login-visual-panel .subtle,.login-visual-panel p{color:#ffffffc2}.login-visual-copy{display:grid;gap:14px}.login-visual-copy h1{margin:0;font-size:clamp(32px,4vw,46px);line-height:1.05;letter-spacing:-.04em}.login-visual-copy p{margin:0;max-width:440px;font-size:16px;line-height:1.7}.login-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.login-feature-grid div{display:grid;gap:4px;padding:12px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14)}.login-feature-grid span{color:#ffffffb8;font-size:12px}.login-form-panel{display:grid;align-content:center;gap:24px;background:linear-gradient(180deg,#fff,#f8fbff)}.login-form-panel h2{margin:12px 0 8px;font-size:34px;letter-spacing:-.03em}.form-stack{display:grid;gap:16px}.password-field{position:relative}.password-field input{padding-right:76px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);min-height:30px;padding:0 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface-muted);color:var(--brand-strong);cursor:pointer;font-size:12px;font-weight:700}.login-submit-button{width:100%;min-height:44px}.login-alt-link,.login-floating-link{color:var(--text-muted);font-size:14px}.login-alt-link a,.login-floating-link a{color:var(--brand-strong);font-weight:700}.login-floating-link{margin-top:14px;text-align:center}.workspace-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:var(--bg)}.sidebar{border-right:1px solid var(--border);padding:20px 16px;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:18px}.sidebar-header,.sidebar-footer,.nav-link,.channel-chip,.page-header,.section-title-row,.list-row,.summary-row,.selector-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-header{justify-content:flex-start}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:var(--brand);color:#fff;font-weight:700}.brand{font-size:18px;font-weight:700;letter-spacing:0}.sidebar-nav{display:grid;gap:6px}.nav-link{padding:10px 12px;border-radius:6px;color:var(--text-muted)}.nav-link.active{background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.nav-link-left{display:flex;align-items:center;gap:10px}.sidebar-panel{display:grid;gap:10px;align-content:start}.sidebar-panel-title,.panel-label,.section-kicker{color:var(--text-soft);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.channel-chip{justify-content:flex-start;padding:8px 10px;background:var(--surface-muted);border:1px solid var(--border);border-radius:6px;color:var(--text)}.muted-chip{color:var(--text-muted)}.sidebar-footer{align-items:end}.sidebar-user{font-weight:600}.icon-button,.primary-button,.secondary-button,.ghost-button,.icon-ghost-button,.link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.primary-button{background:var(--brand);border-color:var(--brand);color:#fff}.primary-button:hover{background:var(--brand-strong)}.secondary-button,.ghost-button,.icon-ghost-button,.link-button{background:var(--surface)}.icon-button{width:38px;padding:0}.workspace-main{padding:18px 22px 30px}.page-shell{display:grid;gap:16px}.page-header h1,.login-card h1,.panel h2,.panel h3{margin:0;letter-spacing:0}.page-header{padding:4px 2px;align-items:end}.muted,.subtle,.activity-time{color:var(--text-muted)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{border-radius:8px;padding:16px}.compact-panel,.mini-stat{padding:14px}.panel-value{font-size:28px;font-weight:700;margin-top:8px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;grid-auto-rows:min-content}.content-grid>*,.editor-left-rail,.editor-right-rail,.panel{min-width:0}.wide-left{grid-template-columns:minmax(420px,.95fr) minmax(560px,1.35fr)}.editor-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.38fr)}.editor-left-rail,.editor-right-rail{display:grid;gap:16px;align-content:start}.campaigns-columns{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(620px,1.4fr);gap:16px;align-items:start}.campaigns-column{display:grid;gap:16px;align-content:start}.top-gap{margin-top:14px}.list-stack,.summary-stack,.form-grid{display:grid;gap:12px}.list-row{padding:12px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted)}.list-button{width:100%;text-align:left;cursor:pointer}.list-button.selected{border-color:var(--brand);background:var(--brand-soft)}.list-metrics{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--text-muted);font-size:13px}.status-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:12px;text-transform:capitalize}.status-tag.sending,.status-tag.active,.status-tag.live{background:var(--brand-soft);border-color:#0ea5a43d;color:var(--brand-strong)}.status-tag.paused,.status-tag.bounced{background:var(--danger-soft);border-color:#c2415a33;color:var(--danger)}.status-tag.planned,.status-tag.scheduled{background:#fff4da;border-color:#efd8a7;color:var(--warning)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:6px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{font-size:12px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;background:#f8fafc}label{display:grid;gap:8px;color:var(--text-muted);font-size:13px}input,textarea,select{width:100%;min-height:40px;padding:10px 12px;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--text)}textarea{min-height:116px;resize:vertical}.field-span-2{grid-column:span 2}.selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.selector-item{justify-content:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted)}.selector-item input{width:16px;min-height:16px;margin:0}.selector-item span{display:grid;gap:2px}.selector-item small{color:var(--text-muted)}.checkbox-row{display:flex;align-items:center;gap:10px;min-height:40px}.checkbox-row input{width:16px;min-height:16px;margin:0}.button-row{display:flex;gap:10px;flex-wrap:wrap}.toolbar-row{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.mini-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.campaign-review-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-stat,.subpanel{border:1px solid var(--border);border-radius:6px;background:var(--surface-muted)}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.editor-stats-strip .summary-card{background:linear-gradient(180deg,#fff,#f8fbff)}.summary-card,.action-card{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.summary-card{padding:14px}.report-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-subpanel{padding:18px}.report-summary-stack{gap:0}.report-summary-row{display:grid;grid-template-columns:minmax(110px,.95fr) minmax(0,1.05fr);align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid #e7edf6}.report-summary-row:last-child{border-bottom:none}.report-summary-row span,.report-summary-row strong{min-width:0}.report-summary-row strong{text-align:right;word-break:break-word;overflow-wrap:anywhere}.editor-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px;background:radial-gradient(circle at top left,rgba(14,165,164,.12),transparent 34%),linear-gradient(180deg,#fff,#f7fbff)}.editor-hero-copy h2{margin:10px 0 8px;font-size:28px}.editor-hero-copy p{max-width:760px}.hero-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.hero-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(14,165,164,.16);background:#0ea5a414;color:var(--brand-strong);font-size:13px;font-weight:600}.editor-hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}.summary-main-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 4px}.summary-main-row strong{font-size:18px}.campaign-command-panel{display:grid;gap:16px}.action-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-card{min-width:0;padding:16px;background:linear-gradient(180deg,#fff,#fbfdff)}.action-card h3{margin-top:8px;margin-bottom:8px;font-size:20px;line-height:1.3;overflow-wrap:anywhere}.action-card p{margin:0;overflow-wrap:anywhere}.action-card-feature{border-color:#dce8f7}.summary-list{display:grid;gap:10px}.summary-list .summary-row{display:grid;grid-template-columns:minmax(108px,.9fr) minmax(0,1.1fr);align-items:start;min-width:0;padding:10px 0;border-bottom:1px solid #eaf0f7;gap:12px}.summary-list .summary-row span,.summary-list .summary-row strong{min-width:0}.summary-list .summary-row strong{text-align:right;overflow-wrap:anywhere;word-break:break-word}.summary-list .summary-row:last-child{border-bottom:none}.actions-panel{align-self:start}.campaign-action-board{display:grid;grid-template-columns:minmax(260px,.9fr) repeat(3,minmax(180px,1fr));gap:14px;align-items:stretch}.action-primary-zone,.action-lane{min-width:0;border:1px solid #eaf0f7;border-radius:8px;background:#fbfdff;padding:14px}.action-primary-zone{display:grid;gap:14px;align-content:space-between;background:linear-gradient(180deg,#0ea5a414,#0ea5a405),#fff;border-color:#0ea5a433}.action-primary-zone h3{margin:8px 0;font-size:20px}.action-primary-zone p{margin:0}.action-primary-button{width:100%;min-height:46px}.action-lane{display:grid;gap:12px;align-content:start}.action-lane-muted{background:#f8fafc}.action-button-grid{display:grid;gap:8px}.action-button-grid .primary-button,.action-button-grid .secondary-button,.action-button-grid .ghost-button{width:100%;justify-content:center}.action-launch-panel{background:linear-gradient(180deg,#fff,#fbfcfe)}.activity-row{align-items:flex-start}.activity-panel{align-self:start}.activity-table-wrap{max-height:520px;background:#fff}.activity-table{min-width:980px}.activity-table td:nth-child(3){max-width:520px}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--brand-soft)}.reply-modal{width:min(100%,720px)}.reply-preview{min-height:180px;max-height:360px;overflow:auto;margin:8px 0 0;padding:14px;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted);color:var(--text);white-space:pre-wrap;word-break:break-word;font-family:IBM Plex Mono,Consolas,monospace;font-size:13px}.replies-panel{align-self:start}.replies-table{min-width:920px}.replies-table td:nth-child(4){max-width:420px}.campaign-review-stats .panel-value{font-size:22px}.subpanel{padding:14px}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.truncate-line{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-list .truncate-line{white-space:normal;word-break:break-word}.mail-value,.email-cell{word-break:break-word}.recipient-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;min-width:0}.recipient-email-inline{grid-template-columns:minmax(180px,1fr) auto;align-items:center}.compact-input{min-height:32px;padding:6px 10px;font-size:14px}.recipient-action-row{display:flex;align-items:center;gap:6px;white-space:nowrap}.icon-ghost-button{min-height:28px;min-width:28px;padding:0;border-radius:999px;color:var(--brand-strong)}.icon-ghost-button:hover{border-color:#0ea5a459;background:var(--brand-soft)}.table-checkbox{width:18px;min-width:18px;height:18px;min-height:18px;padding:0;margin:0;vertical-align:middle}.error-box{padding:10px 12px;border-radius:6px;border:1px solid #f0c4cc;background:var(--danger-soft);color:var(--danger)}.eyebrow{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.helper-pre{margin:8px 0 0;padding:10px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:pre-wrap}.library-panel,.form-panel,.review-panel,.preview-panel{align-self:start;height:fit-content}.library-panel .list-stack{max-height:360px;overflow:auto;padding-right:4px}.preview-panel{position:relative;z-index:0}.preview-panel .table-wrap{max-height:520px;background:#fff;max-width:100%}.preview-panel table th{position:sticky;top:0;z-index:1}.preview-panel tbody tr:nth-child(2n){background:#fbfcff}.modal-backdrop{position:fixed;inset:0;background:#1320336b;display:grid;place-items:center;padding:24px;z-index:1000}.modal-panel{width:min(100%,920px);max-height:calc(100vh - 48px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 24px 60px #18274b33;padding:18px}.modal-panel-wide{width:min(100%,1080px)}.modal-form-grid{margin-top:12px}@media(max-width:1180px){.workspace-shell,.metric-grid,.summary-strip,.content-grid,.wide-left,.editor-layout,.campaigns-columns,.channel-grid,.mini-stat-grid,.selector-grid,.toolbar-row,.action-card-grid,.campaign-action-board{grid-template-columns:1fr}.workspace-shell{display:block}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.editor-hero{grid-template-columns:1fr}.editor-hero-actions{justify-content:flex-start}.field-span-2{grid-column:auto}.modal-backdrop{padding:12px}.modal-panel{max-height:calc(100vh - 24px);padding:14px}}@media(max-width:1380px){.report-layout,.report-summary-grid{grid-template-columns:1fr}}@media(max-width:920px){.report-summary-row{grid-template-columns:1fr;gap:4px}.report-summary-row strong{text-align:left}}@media(max-width:1720px){.editor-layout,.editor-layout .action-card-grid{grid-template-columns:1fr}}@media(max-width:1280px){.summary-list .summary-row{align-items:flex-start;grid-template-columns:1fr;gap:4px}.summary-list .summary-row strong{text-align:left}}@media(max-width:760px){.login-card{grid-template-columns:1fr}.login-visual-panel{min-height:auto}.login-feature-grid{grid-template-columns:1fr}}