:root{--ink:#17202a;--muted:#6b7280;--line:#e5e7eb;--paper:#fff;--wash:#f6f7fb;--accent:#5146e5;--accent-dark:#3f36b3;--green:#0f766e;--yellow:#a16207;--red:#b42318;--shadow:0 16px 45px rgba(25,32,56,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.topbar-inner{max-width:1180px;min-height:72px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:35px}.brand{font-weight:800;font-size:20px;letter-spacing:-.04em;text-decoration:none;color:#111827}.topbar nav{display:flex;gap:8px;align-items:center}.topbar nav a{color:var(--muted);padding:25px 13px;text-decoration:none;font-weight:600}.topbar nav a.active,.topbar nav a:hover{color:var(--ink)}.topbar nav a.active{box-shadow:inset 0 -2px var(--accent)}.logout-form{margin-left:auto}.link-button,.text-link{border:0;background:none;color:var(--accent);cursor:pointer;font:inherit;font-weight:700;text-decoration:none}.link-button{color:var(--muted)}.shell{max-width:1180px;margin:0 auto;padding:48px 28px 80px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{font-size:11px;line-height:1.2;letter-spacing:.14em;color:var(--accent);font-weight:800;margin-bottom:9px}.page-heading h1,.login-card h1{margin:0;font-size:38px;line-height:1.1;letter-spacing:-.05em}.page-heading p{margin:9px 0 0}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:9px;border:1px solid transparent;padding:0 17px;font:700 14px inherit;text-decoration:none;cursor:pointer;white-space:nowrap}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button.secondary{border-color:#d9dbe5;color:#394150;background:#fff}.button.secondary:hover{border-color:#aeb3c2}.button.full{width:100%;margin-top:22px}.button-row{display:flex;gap:10px;align-items:center}.inline-form{display:inline}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stats-grid.compact{grid-template-columns:repeat(4,1fr)}.stat-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.stat-card{padding:21px 20px}.stat-card span{display:block;color:var(--muted);font-size:13px;font-weight:600}.stat-card strong{display:block;font-size:30px;letter-spacing:-.05em;line-height:1.15;margin:8px 0 3px}.stat-card small{display:block;color:var(--muted);font-size:12px}.status-text{text-transform:capitalize;font-size:23px!important}.two-column{display:grid;grid-template-columns:1.38fr 1fr;gap:20px}.campaign-layout{align-items:start}.panel{padding:25px;margin-bottom:20px;min-width:0}.accent-panel{background:#171c38;color:#fff;border-color:#171c38}.accent-panel .eyebrow{color:#b8b5ff}.accent-panel .muted{color:#b6bbd2}.panel h2{font-size:19px;letter-spacing:-.03em;margin:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.table-wrap{overflow:auto;margin:0 -25px}.table-wrap table{width:100%;border-collapse:collapse;min-width:620px}.table-wrap th,.table-wrap td{text-align:left;padding:14px 25px;border-top:1px solid var(--line);vertical-align:middle}.table-wrap th{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;white-space:nowrap}.table-wrap td{font-size:13px}.table-wrap td a{font-weight:750;text-decoration:none}.table-wrap td a:hover{text-decoration:underline}.table-subtitle{display:block;color:var(--muted);font-size:12px;margin-top:2px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{text-align:center!important;color:var(--muted);padding:35px!important}.badge{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:11px;line-height:1.2;font-weight:800;text-transform:capitalize}.badge-active,.badge-sent,.badge-completed{color:var(--green);background:#dff7f1}.badge-queued,.badge-sending{color:#4338ca;background:#e8e7ff}.badge-draft,.badge-paused{color:var(--yellow);background:#fff3c4}.badge-failed,.badge-bounced{color:var(--red);background:#fee4e2}.badge-skipped,.badge-unsubscribed{color:#596273;background:#edf0f4}.feature-list{padding:0;margin:20px 0 25px;list-style:none;color:#d9dced}.feature-list li{padding:10px 0 10px 25px;position:relative;border-top:1px solid rgba(255,255,255,.11)}.feature-list li:first-child{border-top:0}.feature-list li:before{content:"";position:absolute;left:0;top:17px;width:7px;height:7px;border-radius:50%;background:#aaa5ff}.alert{padding:13px 16px;border:1px solid;border-radius:10px;margin:0 0 20px;font-weight:650}.alert.success{color:#126b5f;background:#e5faf5;border-color:#b8ebdf}.alert.warning{color:#8a5a05;background:#fff7dc;border-color:#f2df9a}.alert.error{color:#a21d16;background:#fff0ef;border-color:#f5c1bd}.form-panel{max-width:860px}.form-grid{display:grid;gap:18px}.form-grid.two{grid-template-columns:1fr 1fr}.field{margin-bottom:18px}.field label{display:block;font-weight:750;margin-bottom:7px}.field small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.field input,.field textarea{display:block;width:100%;border:1px solid #d7dae4;border-radius:9px;background:#fff;color:var(--ink);padding:11px 12px;font:inherit;outline:0}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(81,70,229,.12)}.field textarea{resize:vertical;line-height:1.5}.field code{font-size:11px;background:#f0f1f5;border-radius:4px;padding:2px 5px}.import-panel{max-width:860px}.email-preview{border:1px solid var(--line);border-radius:10px;background:#fff;padding:25px;min-height:190px;overflow:auto}.login-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 10%,#e6e5ff 0,#f6f7fb 40%,#f6f7fb 100%)}.login-card{width:min(100%,420px);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:35px}.login-card h1{font-size:34px}.login-card p{margin:12px 0 27px}.login-card form label{display:block;font-weight:750;margin-bottom:7px}.login-card input{width:100%;padding:12px;border:1px solid #d7dae4;border-radius:9px;font:inherit}.login-card input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(81,70,229,.12)}
@media(max-width:850px){.shell{padding:34px 18px 60px}.topbar-inner{padding:0 18px;gap:15px}.topbar nav{gap:0}.topbar nav a{padding:25px 8px;font-size:13px}.stats-grid,.stats-grid.compact{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.button-row{width:100%}.button-row .button{flex:1}.logout-form{display:none}}
@media(max-width:520px){.page-heading h1{font-size:32px}.topbar-inner{min-height:62px}.topbar nav a{padding:20px 6px;font-size:12px}.brand{font-size:18px}.stats-grid,.stats-grid.compact{gap:10px}.stat-card{padding:16px 14px}.stat-card strong{font-size:25px}.panel{padding:19px}.table-wrap{margin:0 -19px}.table-wrap th,.table-wrap td{padding-left:19px;padding-right:19px}.form-grid.two{grid-template-columns:1fr}.login-card{padding:27px}}