:root{--ink:#14231d;--muted:#65716c;--line:#dfe6e2;--paper:#f4f7f5;--white:#fff;--green:#126c4e;--green-soft:#dff3e9;--blue:#2c64d8;--blue-soft:#e6edff;--amber:#ad6c0b;--amber-soft:#fff0ce;--red:#b93b3b;--red-soft:#fde8e5;--violet:#6c4eca;--violet-soft:#eee8ff;--shadow:0 18px 50px rgba(25,55,43,.08)}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,strong{font-family:inherit}h1{font-size:32px;line-height:1.15;letter-spacing:-.04em;margin:4px 0 7px}h2{font-size:18px;margin:0 0 4px;letter-spacing:-.02em}p{margin:0;color:var(--muted)}small{display:block;color:var(--muted);font-size:12px}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.17em;color:var(--green)}
.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#102a20;color:#dce9e3;padding:24px 18px;display:flex;flex-direction:column;z-index:20}.logo{display:flex;align-items:center;gap:11px;padding:0 8px 24px}.logo>span,.brand-mark{display:grid;place-items:center;background:#e6ff7b;color:#183d2d;font-family:'Manrope';font-weight:800;border-radius:10px;width:38px;height:38px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)}.logo strong{display:block;color:#fff;font-size:16px}.logo small{color:#8fb09f}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:#aac1b5;font-weight:600}.sidebar nav a span{font-size:17px;width:21px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:rgba(255,255,255,.09)}.sidebar nav a.active{box-shadow:inset 3px 0 #e6ff7b}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:17px 8px 0}.sidebar-foot .identity{margin-bottom:12px}.sidebar-foot .identity strong{color:#fff}.sidebar-foot .identity small{color:#9ab5a8;text-transform:capitalize}.sidebar-foot>a{color:#9ab5a8;font-size:12px}.app-main{margin-left:242px;min-height:100vh}.content{max-width:1460px;padding:40px 44px 64px;margin:auto}.mobile-top{display:none}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.page-head>div:first-child{max-width:720px}.page-head .inline-actions{align-items:center}
.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:9px;padding:10px 16px;font-weight:700;cursor:pointer;white-space:nowrap}.button.primary{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(18,108,78,.2)}.button.primary:hover{background:#0f5d43}.button.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.link-button{border:0;background:none;color:var(--green);padding:3px 5px;font-weight:700;cursor:pointer}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-actions form{display:inline-flex}
.metrics{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:18px}.metric{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px rgba(25,55,43,.03)}.metric-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;font-weight:800}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.amber{background:var(--amber-soft);color:var(--amber)}.metric-icon.red{background:var(--red-soft);color:var(--red)}.metric-icon.violet{background:var(--violet-soft);color:var(--violet)}.metric-icon.slate{background:#e9eeeb;color:#52635b}.metric strong{display:block;font-size:22px;line-height:1.1}.metric span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.compact-metrics{grid-template-columns:repeat(5,1fr)}
.panel{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 4px 16px rgba(25,55,43,.025);margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.panel-head>a{color:var(--green);font-weight:700}.split-panels{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.split-panels.wide-left{grid-template-columns:2fr 1fr}.accent-panel{background:#173d2e;color:#fff;border-color:#173d2e;position:relative;overflow:hidden}.accent-panel:after{content:'';position:absolute;width:170px;height:170px;border:35px solid rgba(230,255,123,.12);border-radius:50%;right:-70px;bottom:-90px}.accent-panel h2{font-size:23px;max-width:520px}.accent-panel p:not(.eyebrow){color:#b9cec4;max-width:560px}.accent-panel .eyebrow{color:#e6ff7b}.accent-panel a{display:block;color:#e6ff7b;margin-top:14px;font-weight:700}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.health-grid div{padding:13px;background:var(--paper);border-radius:10px}.health-grid strong{display:block;font-size:20px}.health-grid span{font-size:12px;color:var(--muted)}
.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:22px 22px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;color:#77827d;font-size:10px;text-transform:uppercase;letter-spacing:.11em;padding:11px 16px;background:#f7f9f8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:13px 16px;border-bottom:1px solid #edf1ef;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.identity{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:#e8f0ec;color:#285943;font-weight:800;font-size:11px}.identity strong,.identity small{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-link{font-weight:800;color:var(--green)}.capitalize{text-transform:capitalize}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf1ef;color:#58665f;text-transform:capitalize;font-weight:700;font-size:10px;letter-spacing:.03em;white-space:nowrap}.badge.active,.badge.sent,.badge.completed,.badge.admin{background:var(--green-soft);color:var(--green)}.badge.error,.badge.failed,.badge.hard-bounce,.badge.blocked{background:var(--red-soft);color:var(--red)}.badge.running,.badge.standard,.badge.user{background:var(--blue-soft);color:var(--blue)}.badge.queued,.badge.deferred,.badge.soft-bounce,.badge.paused{background:var(--amber-soft);color:var(--amber)}
.form-panel{padding:28px}.form-panel.narrow{max-width:800px}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}label,legend{display:grid;gap:6px;font-weight:700;color:#34423c}label small{display:inline;font-weight:400}input,select,textarea{width:100%;border:1px solid #d8e1dc;border-radius:8px;background:#fff;color:var(--ink);padding:10px 11px;outline:none;transition:.16s}input:focus,select:focus,textarea:focus{border-color:#61a187;box-shadow:0 0 0 3px rgba(39,130,93,.1)}textarea{resize:vertical}fieldset{border:1px solid var(--line);border-radius:10px;padding:14px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;justify-content:flex-start;gap:8px;font-weight:500}.check input{width:auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-title{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:21px;margin-top:7px}.section-title:first-of-type{border-top:0;padding-top:0}.section-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800}.form-panel>.button{margin-top:20px}.note{background:#fff8df;border:1px solid #f0dfae;border-radius:10px;padding:13px 15px;color:#705718;margin-top:14px}.note strong{color:#4f3b0a}.variable-box{background:var(--paper);border-radius:10px;padding:14px;margin-top:10px}.variable-box div{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.variable-box code{background:#fff;border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:11px}
.mailbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mailbox-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer}.mailbox-option input{width:auto}.mailbox-option.disabled{opacity:.45;cursor:not-allowed}.assignment-grid,.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.assignment-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.assignment-card>div:first-child strong,.assignment-card>div:first-child small{display:block}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.chip{display:flex;align-items:center;gap:5px;background:var(--green-soft);color:var(--green);border-radius:999px;padding:4px 8px}.chip button{border:0;background:none;color:inherit;cursor:pointer;font-size:16px;line-height:1}.draft-card ol{padding-left:20px;margin:13px 0 0}.draft-card li{padding:9px 0;border-top:1px solid var(--line)}.draft-card li span{display:block;color:var(--muted);font-size:12px}.progress{width:130px;height:7px;background:#e7ece9;border-radius:9px;overflow:hidden;margin-bottom:4px}.progress span{display:block;height:100%;background:var(--green);border-radius:inherit}.mini-list{display:grid;gap:10px}.mini-mailbox{display:flex;align-items:center;gap:10px;background:var(--paper);padding:10px;border-radius:10px}.details{display:grid;gap:8px}.details div{display:flex;justify-content:space-between;gap:12px}.details dt{color:var(--muted)}.details dd{margin:0;font-weight:700}.subject-preview{font-weight:700;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--line)}.message-preview{font-family:inherit;white-space:pre-wrap;line-height:1.7;color:#394740;background:var(--paper);border-radius:10px;padding:16px}.toolbar{display:flex;align-items:end;gap:12px;margin-bottom:14px}.toolbar label{min-width:320px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty.compact{padding:24px}.alert{padding:12px 14px;border-radius:9px;margin-bottom:16px}.alert.success{background:var(--green-soft);color:var(--green)}.alert.error{background:var(--red-soft);color:var(--red)}hr{border:0;border-top:1px solid var(--line);margin:19px 0}
.login-body,.install-body{min-height:100vh;background:#102a20;display:grid;place-items:center;padding:30px}.login-shell,.install-shell{width:min(970px,100%);display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.3)}.login-brand,.brand-panel{background:#173d2e;color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:center;min-height:560px;position:relative;overflow:hidden}.login-brand:after,.brand-panel:after{content:'';position:absolute;width:290px;height:290px;border:65px solid rgba(230,255,123,.1);border-radius:50%;right:-130px;bottom:-140px}.login-brand .brand-mark,.brand-panel .brand-mark{margin-bottom:42px}.login-brand h1,.brand-panel h1{font-size:42px;max-width:400px}.login-brand p:not(.eyebrow),.brand-panel p:not(.eyebrow){color:#b9cec4;max-width:420px}.login-brand .eyebrow,.brand-panel .eyebrow{color:#e6ff7b}.login-card,.install-card{padding:60px;display:flex;flex-direction:column;justify-content:center}.login-card h2,.install-card h2{font-size:27px}.login-card form{margin-top:24px}.requirement-list{display:grid;gap:8px;margin-top:30px;position:relative;z-index:1}.requirement-list div{font-size:12px;color:#c3d6cd}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px}.status-dot.ok{background:#e6ff7b}.status-dot.bad{background:#ff7878}.install-shell{grid-template-columns:.9fr 1.1fr}.brand-panel{padding:45px;min-height:720px}.install-card{padding:40px}.unsubscribe-card{background:#fff;border-radius:18px;padding:52px;text-align:center;width:min(520px,100%);box-shadow:var(--shadow)}.unsubscribe-card .brand-mark{margin:0 auto 25px}.unsubscribe-card h1{font-size:30px}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(3,1fr)}.assignment-grid,.card-grid{grid-template-columns:repeat(2,1fr)}.content{padding:32px 28px}}
@media(max-width:860px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.mobile-top{display:flex;background:#102a20;color:#fff;align-items:center;justify-content:space-between;padding:11px 18px}.mobile-top .logo{padding:0}.mobile-top .logo>span{width:30px;height:30px;border-radius:8px}.mobile-top button{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:7px 10px}.content{padding:25px 18px 50px}.split-panels,.split-panels.wide-left{grid-template-columns:1fr}.page-head{align-items:flex-start}.health-grid{grid-template-columns:repeat(2,1fr)}.login-shell,.install-shell{grid-template-columns:1fr}.login-brand,.brand-panel{min-height:auto;padding:38px}.login-card,.install-card{padding:38px}}
@media(max-width:600px){h1{font-size:27px}.page-head{display:grid}.metrics,.compact-metrics{grid-template-columns:repeat(2,1fr)}.form-grid.two,.form-grid.three,.two,.mailbox-grid,.assignment-grid,.card-grid{grid-template-columns:1fr}.metric{padding:13px}.login-brand h1,.brand-panel h1{font-size:34px}.login-card,.install-card,.login-brand,.brand-panel{padding:28px}.toolbar label{min-width:0;width:100%}}

:root{--ink:#253649;--muted:#6c7d8e;--line:#dce6ef;--paper:#f3f7fa;--green:#356f9f;--green-soft:#e3f0f8;--blue:#477da8;--blue-soft:#e8f1f8;--shadow:0 18px 50px rgba(48,80,108,.1)}
html,body{background:var(--paper)}.sidebar{border-right:1px solid #d5e2eb;background:#eaf2f7;color:#52697d}.logo>span,.brand-mark{background:#d7e9f5;color:#315f83}.logo strong,.sidebar-foot .identity strong{color:var(--ink)}.logo small,.sidebar-foot .identity small,.sidebar-foot>a{color:#708599}.sidebar nav a{color:#5e7488}.sidebar nav a:hover,.sidebar nav a.active{color:#285b86;background:rgba(255,255,255,.7)}.sidebar nav a.active{box-shadow:inset 3px 0 #6fa0c4}.sidebar-foot{border-top-color:#d2e0e9}.accent-panel{border-color:#d6e5ef;background:#eaf3f9;color:var(--ink)}.accent-panel:after{border-color:rgba(75,126,164,.08)}.accent-panel p:not(.eyebrow){color:#647a8d}.accent-panel .eyebrow,.accent-panel a{color:#356f9f}.login-body,.install-body{background:linear-gradient(135deg,#e9f2f8,#f7fafc)}.login-brand,.brand-panel{background:#e8f2f8;color:var(--ink)}.login-brand:after,.brand-panel:after{border-color:rgba(74,129,170,.08)}.login-brand p:not(.eyebrow),.brand-panel p:not(.eyebrow){color:#657b8e}.login-brand .eyebrow,.brand-panel .eyebrow{color:#356f9f}.back-link{position:absolute;left:60px;top:35px;color:#4f718c;font-size:12px;font-weight:700}.button.small{padding:7px 10px;font-size:11px}.inline-actions select{width:auto;min-width:110px}
.link-button.danger{color:#b93b3b}.editor-textarea,.code-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.65}.editor-textarea{min-height:440px}.placement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.placement-option{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:4px 10px;border:1px solid var(--line);border-radius:11px;background:#f8fafc;padding:16px;cursor:pointer}.placement-option input{grid-row:1/3;width:auto;margin-top:3px}.placement-option strong{font-size:13px}.placement-option span{color:var(--muted);font-size:11px}.span-two{grid-column:1/-1}.default-content-toggle{margin:12px 0 16px;border:1px solid #cddfec;border-radius:10px;background:#eef6fb;padding:13px}.publish-check{align-content:center;align-self:end;min-height:43px}.publish-check input{width:auto}.form-grid input[type=file]{margin-top:7px;background:#f6f9fb;font-size:11px}@media(max-width:860px){.placement-grid{grid-template-columns:1fr}}
.sidebar nav{overflow-y:auto}