:root{--ink:#15223a;--muted:#69778c;--paper:#fff;--line:#e7ebf1;--canvas:#f4f6f9;--blue:#3556c8;--blue-soft:#edf1ff;--green:#19755b;--amber:#a66809;--red:#b34242;--shadow:0 10px 30px rgba(19,34,59,.07)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{background:#101d30;color:#d8e1f1;display:flex;flex-direction:column;padding:25px 14px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-weight:750;color:white;font-size:17px;padding:0 10px 30px}.brand span,.install-brand>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f7f9fc;color:#15223a;font-weight:850}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:10px 11px;border-radius:8px;color:#aebbd0;font-weight:560}.sidebar nav a:hover,.sidebar nav a.active{background:#213149;color:#fff}.sidebar-foot{margin-top:auto;display:grid;gap:8px;padding:12px 10px;color:#93a2b8;font-size:13px}.sidebar-foot a{color:#d9e3f3}.main{padding:34px 40px 56px;max-width:1500px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.topbar h1{font-size:29px;letter-spacing:-.045em;margin:0}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#758398;margin:0 0 5px}.button{border:1px solid transparent;border-radius:9px;padding:10px 14px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700;white-space:nowrap}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#263c61}.button-light{background:#fff;border-color:#dfe5ee;color:#26334a}.button-light:hover{background:#f5f7fa}.text-button{color:#3556c8;font-weight:700;font-size:14px;background:transparent;border:0;padding:4px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:22px;margin-bottom:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.panel-title h2{font-size:16px;margin:0;letter-spacing:-.02em}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 19px;box-shadow:var(--shadow)}.metric p{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:650}.metric strong{font-size:27px;letter-spacing:-.045em;display:block}.metric small{color:#8290a5;display:block;margin-top:5px;font-size:11px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#8290a5;font-weight:800;padding:0 10px 10px;border-bottom:1px solid var(--line)}td{padding:14px 10px;border-bottom:1px solid #edf0f4;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{font-weight:720;display:block}td small{display:block;color:#7f8ba0;font-size:12px;margin-top:2px}.status{display:inline-block;font-size:11px;text-transform:capitalize;line-height:1;padding:6px 8px;border-radius:99px;background:#eef1f6;color:#59677c;font-weight:750}.status.sent,.status.active{background:#e8f6f0;color:#17694f}.status.sending,.status.scheduled,.status.pending{background:#fff5df;color:#9c650b}.status.failed,.status.unsubscribed,.status.bounced,.status.complained{background:#fff0f0;color:#ad4646}.empty{text-align:center;color:#7b8798;padding:45px}.flash{border-radius:10px;padding:12px 14px;margin:0 0 18px;font-weight:600}.flash.success{background:#eaf8f2;color:#17694f}.flash.error{background:#fff0f0;color:#a93434}.editor-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(500px,1.3fr);gap:20px;align-items:start}.editor-form label,.settings-form label,.modal-form label,.segment-form label,.login-card label{display:grid;gap:7px;color:#4b596f;font-size:13px;font-weight:700;margin-bottom:14px}.editor-form input,.editor-form textarea,.editor-form select,.settings-form input,.settings-form textarea,.settings-form select,.modal-form input,.segment-form input,.segment-form select,.login-card input,.filter input,.filter select{border:1px solid #dfe5ee;border-radius:8px;padding:10px 11px;color:#1c2b44;background:#fff;width:100%;outline:none;transition:.15s}.editor-form textarea,.settings-form textarea{min-height:80px;resize:vertical}.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus,.settings-form input:focus,.settings-form textarea:focus,.modal-form input:focus,.segment-form input:focus,.segment-form select:focus,.login-card input:focus,.filter input:focus,.filter select:focus{border-color:#8ba0e5;box-shadow:0 0 0 3px #eaf0ff}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important}.check input{width:17px!important;height:17px}.sticky-actions{position:sticky;bottom:14px;z-index:3;display:flex;justify-content:flex-end;gap:9px;background:rgba(244,246,249,.9);padding:12px;border:1px solid #e3e8ef;border-radius:12px;backdrop-filter:blur(10px)}.send-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf0ff;border:1px solid #d5defa;border-radius:13px;padding:17px 19px;margin-top:20px}.send-panel p{margin:3px 0 0;color:#63718a;font-size:13px}.builder-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:12px}.builder-toolbar span{font-size:12px;color:#738199;font-weight:700;margin-right:4px;padding:5px 0}.builder-toolbar button{border:1px solid #dce3ed;background:#fff;border-radius:7px;padding:5px 8px;font-size:12px;color:#43516a;font-weight:700}.builder-toolbar button:hover{background:#f1f4fa}.builder-canvas{display:grid;gap:9px}.builder-row{position:relative;display:grid;grid-template-columns:25px 1fr 28px;gap:8px;align-items:start;border:1px solid #e1e6ee;border-radius:9px;padding:10px;background:#fafbfd}.builder-row.dragging{opacity:.45}.drag-handle{border:0;background:transparent;color:#8b98a9;font-size:18px;line-height:1;padding:4px 0;cursor:grab}.block-controls{display:grid;gap:8px}.block-controls label{font-size:11px!important;margin:0!important;color:#66748a!important}.block-controls textarea,.block-controls input,.block-controls select{font-size:13px;padding:8px!important}.block-inline{display:grid;grid-template-columns:1fr 1fr;gap:8px}.remove-block{border:0;background:transparent;color:#a0aab9;font-size:19px;line-height:1;padding:3px}.remove-block:hover{color:#b34242}.block-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7a8799;font-weight:800}.builder-data{display:none}.hint{font-size:12px;color:#7f8ba0;margin:10px 0 0}.hint code,.segment-form code,.note-panel code,.modal-form code{background:#eff2f6;border-radius:4px;padding:2px 4px;color:#54627a}.toolbar{display:flex;gap:10px;align-items:center}.toolbar .filter{display:flex;gap:8px;flex:1}.toolbar .filter input{max-width:330px}.filter select{max-width:180px}.modal-form{min-width:min(440px,90vw);padding:24px;display:grid;gap:12px}.modal-form h2{font-size:18px;margin:0}.modal-form p{margin:0;color:#66748a;line-height:1.55}.modal-close{justify-self:end;border:0;background:none;font-size:27px;color:#79869a;line-height:1;margin:-8px -8px -12px 0}dialog{border:0;border-radius:14px;padding:0;box-shadow:0 18px 70px rgba(17,30,51,.3)}dialog::backdrop{background:rgba(16,29,48,.45)}.segment-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.segment-form>label{min-width:240px;flex:1;margin:0}.segment-form [data-rules]{display:flex;gap:8px;flex-wrap:wrap;flex-basis:100%}.rule-row{display:grid;grid-template-columns:180px 1fr 26px;gap:6px;align-items:center;background:#f7f8fa;padding:7px;border-radius:8px;min-width:330px}.rule-row button{border:0;background:transparent;color:#a24e4e;font-size:18px}.mini-chart{height:150px;display:flex;align-items:end;gap:9px;padding-top:12px}.mini-chart>div{flex:1;min-width:21px;height:100%;display:flex;gap:5px;flex-direction:column;justify-content:end;align-items:center}.mini-chart i{display:block;width:100%;background:#304eaf;border-radius:5px 5px 2px 2px}.mini-chart small{color:#7f8ba0;font-size:10px}.settings-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(280px,.65fr);gap:20px}.note-panel{align-self:start;color:#5c6b80;line-height:1.65}.note-panel h2{margin-top:0;font-size:16px;color:#1c2b44}.muted-link{color:#516988;font-size:13px}.install{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(130deg,#edf1f7,#f8fafc)}.install-card,.login-card{background:#fff;border:1px solid #e4e9f1;border-radius:17px;box-shadow:0 20px 70px rgba(34,51,81,.12);width:min(760px,100%);padding:36px}.login-card{width:min(410px,100%)}.install-brand{display:flex;align-items:center;gap:11px;margin-bottom:27px}.install-brand>span{background:#15223a;color:#fff;width:36px;height:36px}.install-brand strong{display:block;font-size:16px}.install-brand small{display:block;color:#8290a4;font-size:12px;margin-top:1px}.install-card h1,.login-card h1{font-size:26px;letter-spacing:-.04em;margin:0 0 7px}.muted{color:#68768a;margin:0 0 26px}.install-card section{border-top:1px solid #ebeff4;padding-top:19px;margin-top:19px}.install-card h2{font-size:15px;margin:0 0 15px}.install-card .button{margin-top:10px}.login-card form{display:grid;gap:3px}.login-card .button{margin-top:4px}.public{background:#f1f4f8}.public-page{max-width:760px;margin:0 auto;padding:72px 18px}.public-card{padding:44px;background:#fff;border-radius:18px;box-shadow:0 18px 65px rgba(30,43,66,.11)}.public-card h1,.public-card h2,.public-card h3{font-weight:780;letter-spacing:-.04em}.public-card a{color:#3556c8;text-decoration:underline}.public-page footer{text-align:center;color:#8390a2;font-size:12px;margin:20px}.public-form{border:1px solid #e3e8f0;background:#f9fafc;padding:18px;border-radius:12px;display:grid;gap:12px}.public-form label{font-size:13px;color:#536176;font-weight:700;display:grid;gap:6px}.public-form input{border:1px solid #dbe2ec;border-radius:8px;padding:11px;font:inherit}.public-form button{border:0;border-radius:8px;background:#15223a;color:white;padding:12px;font-weight:750}.form-note{font-size:11px;color:#7e899a;margin:0;line-height:1.5}.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}@media(max-width:950px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;padding:14px;display:block}.brand{padding:0 5px 12px}.sidebar nav{display:flex;overflow:auto;gap:4px}.sidebar nav a{white-space:nowrap;padding:7px 9px;font-size:13px}.sidebar-foot{display:none}.main{padding:25px 18px}.editor-grid,.settings-layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.panel{padding:16px;overflow:auto}.toolbar{align-items:stretch;flex-wrap:wrap}.toolbar .filter{flex-wrap:wrap;flex-basis:100%}.toolbar .filter input,.toolbar .filter select{max-width:none}.send-panel{align-items:stretch;flex-direction:column}.install-card,.login-card{padding:25px 20px}.editor-form .panel{overflow:visible}.block-inline{grid-template-columns:1fr}.public-card{padding:27px 22px}}
