:root{--navy:#10233f;--navy2:#172f50;--teal:#20b8aa;--teal2:#e8faf7;--bg:#f5f8fb;--line:#e4eaf0;--muted:#667085;--danger:#d64545;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:#168f86;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:236px;background:linear-gradient(180deg,#0d213b,#122b49);color:white;padding:28px 18px;display:flex;flex-direction:column}.brand{display:grid;grid-template-columns:42px auto;grid-template-rows:24px 18px;align-items:center;color:white;padding:0 10px;margin-bottom:32px}.brand span,.auth-logo span{grid-row:1/3;background:var(--teal);color:white;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:21px;font-weight:800;margin-right:10px}.brand b{font-size:18px;letter-spacing:.06em}.brand small{color:#9fb1c6}.brand+nav{display:grid;gap:7px}.brand+nav a{color:#cbd7e5;padding:11px 13px;border-radius:9px;font-weight:600}.brand+nav a:hover{background:#ffffff12;color:white}.profile{margin-top:auto;border-top:1px solid #ffffff1c;padding:18px 10px 0;display:grid}.profile small{color:#9fb1c6}.link{border:0;background:none;color:#90dcd4;padding:5px 0;cursor:pointer}.profile .link{text-align:left}main{margin-left:236px;padding:34px 42px;min-height:100vh}header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}h1{font-size:30px;line-height:1.15;margin:4px 0}h2{margin:0 0 16px;font-size:20px}.eyebrow{font-size:11px;font-weight:800;color:var(--teal);letter-spacing:.16em;margin:0}.muted{color:var(--muted);margin:4px 0}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;padding:10px 16px;font-weight:700;cursor:pointer;font:inherit}.primary{background:var(--teal);color:white}.primary:hover{background:#149e92}.secondary{background:white;color:var(--navy);border-color:#d6dfe8}.danger{background:#fff0f0;color:var(--danger);border-color:#ffd5d5}.small{padding:7px 12px;font-size:12px}.full{width:100%}.actions{display:flex;gap:10px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stats article,.panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px #18314d08}.stats article{padding:20px}.stats small{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em;font-weight:800}.stats b{display:block;font-size:30px;margin:8px 0 1px}.stats span{color:var(--muted);font-size:12px}.panel{padding:22px;margin-bottom:22px;overflow:auto}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin-bottom:0}table{width:100%;border-collapse:collapse;margin-top:15px}th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:.05em;padding:11px;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid #edf1f5;vertical-align:middle}td small{display:block;color:var(--muted)}.badge{display:inline-flex;border-radius:20px;padding:4px 9px;background:#eef2f6;color:#566273;font-size:11px;font-weight:800;text-transform:capitalize}.badge.active,.badge.sent,.badge.subscribed{background:#e7f8f1;color:#19885e}.badge.pending,.badge.draft{background:#fff7df;color:#9c7112}.badge.suspended,.badge.unsubscribed{background:#fff0f0;color:#bd4242}.tag{display:inline-flex;margin:2px;border-radius:15px;padding:3px 8px;background:color-mix(in srgb,var(--tag) 13%,white);color:var(--tag);font-size:11px;font-weight:700}.empty{text-align:center;color:var(--muted);padding:30px}.filters{display:grid;grid-template-columns:1fr 220px auto;gap:10px}.two-col{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:22px;align-items:start}.form-panel{overflow:visible}form label{display:grid;gap:6px;color:#34445a;font-weight:600;margin:0 0 14px}input,select,textarea{width:100%;border:1px solid #d5dee8;background:white;border-radius:9px;padding:10px 11px;color:var(--navy);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #20b8aa20}textarea{min-height:92px;resize:vertical}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wide{grid-column:1/-1}fieldset{border:1px solid var(--line);border-radius:10px;padding:14px;margin:0 0 14px}legend{font-weight:700;padding:0 5px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:8px!important;font-weight:500!important}.check input{width:auto;margin-top:3px}.inline{display:inline-flex!important;margin-right:18px!important}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.push{margin-top:31px!important}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.upload{text-align:center;padding:50px}.drop{border:2px dashed #c7d4df;border-radius:14px;padding:42px;display:grid;gap:5px;margin-bottom:18px}.drop span{color:var(--muted)}.drop input{max-width:400px;margin:15px auto 0}.sender,.signup-item{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.sender>div,.signup-item>div{display:grid;gap:4px;flex:1}.sender form{display:flex;gap:8px;align-items:center}.sender form input{min-width:210px}.editor{min-height:330px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.auth-main{margin:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#ddfaf4,transparent 36%),linear-gradient(145deg,#f6f9fc,#edf4f7);padding:30px}.auth-card{width:min(100%,440px);background:white;padding:36px;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px #18314d16}.auth-logo{display:grid;grid-template-columns:48px auto;grid-template-rows:28px 20px;align-items:center;margin-bottom:30px}.auth-logo span{grid-row:1/3}.auth-logo h1{font-size:21px;margin:0}.auth-logo p{margin:0;color:var(--muted);font-size:12px}.switch{text-align:center;margin:20px 0 0;color:var(--muted)}.flash{margin:0 0 18px;padding:12px 16px;border-radius:9px;background:#eaf7f2;color:#196a50}.flash.danger{background:#fff0f0;color:#ac3838}.flash.warning{background:#fff7df;color:#87620c}.signup-item img{width:104px;height:104px;border:1px solid var(--line);border-radius:8px}.signup-item input{font-size:11px;background:#f7f9fb}.public-card{text-align:left}.public-card .auth-logo{justify-content:center}.success-icon{width:60px;height:60px;border-radius:50%;background:#e5faf4;color:#13a47c;display:grid;place-items:center;font-size:30px;margin:10px auto 20px}.consent{font-size:12px;color:var(--muted)!important}@media(max-width:900px){aside{position:relative;width:100%;min-height:auto}.brand+nav{grid-template-columns:repeat(3,1fr)}.profile{display:none}main{margin:0;padding:24px}.stats{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}@media(max-width:600px){header{align-items:flex-start;gap:15px;flex-direction:column}.stats,.grid-form,.filters{grid-template-columns:1fr}.wide{grid-column:auto}.brand+nav{grid-template-columns:1fr 1fr}.actions{flex-wrap:wrap}.auth-card{padding:25px}.signup-item{flex-direction:column}}