:root{--bg:#f4f6f8;--panel:#fff;--text:#182230;--muted:#667085;--line:#e4e7ec;--blue:#1769e0;--blue-dark:#1057bd;--green:#067647;--green-bg:#ecfdf3;--red:#b42318;--red-bg:#fef3f2;--shadow:0 1px 2px rgba(16,24,40,.05),0 5px 16px rgba(16,24,40,.04);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:15px}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:68px;background:#101828;color:#fff;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1280px)/2));gap:34px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.02em;font-size:18px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#2e90fa,#155eef);color:#fff;font-size:16px}.topbar nav{display:flex;align-self:stretch;gap:6px}.topbar nav a{display:flex;align-items:center;padding:0 14px;color:#d0d5dd;font-weight:560;border-bottom:3px solid transparent}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:#fff;border-bottom-color:#53b1fd}.logout-form{margin-left:auto}.shell{max-width:1280px;margin:0 auto;padding:34px 24px 64px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.page-head h1{font-size:30px;letter-spacing:-.035em;margin:2px 0 0}.page-head p:last-child{margin:8px 0 0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--blue)!important;font-size:12px;font-weight:750;margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.panel h2{font-size:17px;margin:0 0 5px}.panel p{margin:0;color:var(--muted);line-height:1.45}.form-panel{padding:22px;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(420px,1.6fr);gap:28px;align-items:end}.inline-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.inline-form.two-fields{grid-template-columns:1fr 1fr auto}.grid-form{display:grid;grid-template-columns:1.4fr .5fr 1fr 1fr auto;gap:12px;align-items:end}label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#344054}input,select{width:100%;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:var(--text);padding:10px 12px;outline:none;min-height:42px}input:focus,select:focus{border-color:#84adff;box-shadow:0 0 0 3px #eef4ff}.button{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-weight:680;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:42px}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue-dark)}.button.secondary{background:#fff;border-color:#d0d5dd;color:#344054}.button.secondary:hover,.button.ghost:hover{background:#f9fafb}.button.ghost{background:transparent;border-color:#344054;color:#e4e7ec}.button.small{padding:7px 10px;min-height:34px;font-size:13px}.button.wide{width:100%}.button.danger{background:var(--red);color:#fff}.button.danger.ghost{background:#fff;border-color:#fda29b;color:var(--red)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;box-shadow:var(--shadow)}a.stat:hover{border-color:#b2ccff}.stat span{color:var(--muted);font-weight:620}.stat strong{font-size:34px;letter-spacing:-.04em;margin:12px 0 2px}.stat small{color:#98a2b3}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f9fafb;color:#475467;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:11px 16px;border-bottom:1px solid var(--line)}td{padding:14px 16px;border-bottom:1px solid #eef0f3;vertical-align:top}tbody tr:last-child td{border-bottom:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.strong{font-weight:700}.sub{display:block;color:#98a2b3;margin-top:5px}.badge{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.badge.ok{background:var(--green-bg);color:var(--green)}.badge.off{background:#f2f4f7;color:#475467}.empty{text-align:center;color:#98a2b3;padding:34px}.arrow{color:#98a2b3;width:28px}.actions{text-align:right;min-width:330px}.action-row{display:flex;justify-content:flex-end;gap:7px}.subform{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f9fafb;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;text-align:left}.subform.danger-zone{display:grid;grid-template-columns:1fr auto}.subform.danger-zone p{grid-column:1/-1}.hidden{display:none!important}.flash{padding:13px 16px;border-radius:10px;margin-bottom:20px;border:1px solid}.flash.success{background:var(--green-bg);border-color:#abefc6;color:#05603a}.flash.error{background:var(--red-bg);border-color:#fecdca;color:var(--red)}.search{display:flex;align-items:center;gap:10px}.search input{width:240px}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#eaf2ff,transparent 32%),var(--bg)}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px rgba(16,24,40,.12);padding:34px}.login-brand{margin-bottom:28px}.login-card h1{font-size:28px;letter-spacing:-.035em;margin:0}.login-card>.muted{color:var(--muted);margin:8px 0 24px}.stack{display:grid;gap:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#eef0f3;padding:2px 5px;border-radius:4px;color:#344054}
@media(max-width:1000px){.grid-form{grid-template-columns:1fr 1fr}.grid-form .button{grid-column:1/-1}.stats{grid-template-columns:repeat(2,1fr)}.form-panel{grid-template-columns:1fr}.inline-form.two-fields{grid-template-columns:1fr 1fr}.inline-form.two-fields .button{grid-column:1/-1}.topbar nav a{padding:0 8px}}
@media(max-width:720px){.topbar{height:auto;min-height:64px;padding:12px 16px;flex-wrap:wrap;gap:10px}.topbar nav{order:3;width:100%;overflow-x:auto}.topbar nav a{padding:10px 9px;border-bottom-width:2px}.logout-form{margin-left:auto}.shell{padding:24px 14px}.stats{grid-template-columns:1fr 1fr}.inline-form,.inline-form.two-fields,.grid-form{grid-template-columns:1fr}.inline-form.two-fields .button,.grid-form .button{grid-column:auto}.panel-head{align-items:flex-start;gap:16px;flex-direction:column}.search{width:100%}.search input{width:100%}.actions{min-width:280px}.subform,.subform.danger-zone{grid-template-columns:1fr}.action-row{justify-content:flex-start;flex-wrap:wrap}.login-card{padding:26px}}
.mfa-code {
  font-size: 1.5rem;
  letter-spacing: .35rem;
  text-align: center;
}

.resend-form {
  margin-top: .75rem;
}

textarea{font:inherit;width:100%;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:var(--text);padding:10px 12px;outline:none;resize:vertical}
textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px #eef4ff}
.mailbox-create .grid-form{grid-template-columns:1.25fr .7fr .8fr .45fr 1fr 1fr auto}
.profile-form{grid-template-columns:1fr 1fr .6fr auto}
.group-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.group-form .full,.group-form .button{grid-column:1/-1}
.members{max-width:480px;overflow-wrap:anywhere}
@media(max-width:1000px){.mailbox-create .grid-form{grid-template-columns:1fr 1fr}.profile-form{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.mailbox-create .grid-form,.profile-form,.group-form{grid-template-columns:1fr}.group-form .full,.group-form .button{grid-column:auto}}
.row-link{display:block}.clickable-row:hover{background:#f8faff}.badge.account{background:#eef4ff;color:#3538cd}.badge.group{background:#fff4ed;color:#b93815}.compact{margin-top:9px;justify-content:flex-start}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card-form{padding:22px}.danger-panel{padding:22px;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(420px,1.5fr);gap:28px;align-items:end;border-color:#fecdca}.danger-actions{display:flex;align-items:end;justify-content:flex-end;gap:14px}.danger-actions form:last-child{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.group-edit{min-width:520px}
@media(max-width:900px){.detail-grid,.danger-panel{grid-template-columns:1fr}.danger-actions{justify-content:flex-start;flex-wrap:wrap}.group-edit{min-width:0}}
@media(max-width:720px){.danger-actions,.danger-actions form:last-child{display:grid;grid-template-columns:1fr;width:100%}}
.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.modal{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:16px;box-shadow:0 24px 64px rgba(16,24,40,.28);color:var(--text)}.modal::backdrop{background:rgba(16,24,40,.58);backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:21px;margin:3px 0 0}.modal-close{border:0;background:#f2f4f7;color:#475467;width:36px;height:36px;border-radius:9px;font-size:25px;line-height:1}.modal-form{padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}.modal-form>label{grid-template-rows:34px 42px;align-items:end}.modal-form>label input{height:42px}.modal-form .full,.modal-actions{grid-column:1/-1}.modal-form>label.full{grid-template-rows:auto auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.services-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:20px}.service-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.service-card>div{display:grid;gap:3px}.service-card small{color:var(--muted)}.service-card>.badge{grid-column:2;justify-self:start}.status-dot{width:10px;height:10px;border-radius:50%;background:#98a2b3}.status-dot.ok{background:#12b76a;box-shadow:0 0 0 4px #ecfdf3}.status-dot.bad{background:#f04438;box-shadow:0 0 0 4px #fef3f2}.status-dot.idle{background:#98a2b3;box-shadow:0 0 0 4px #f2f4f7}
@media(max-width:1050px){.services-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.page-head{align-items:flex-start;gap:16px;flex-direction:column}.page-actions{justify-content:flex-start}.modal-form{grid-template-columns:1fr}.modal-form .full,.modal-actions{grid-column:auto}.services-grid{grid-template-columns:1fr 1fr}.modal-actions{display:grid;grid-template-columns:1fr 1fr}}
.brand-symbol{display:block;width:36px;height:36px;flex:0 0 36px}.brand-symbol svg{display:block;width:100%;height:100%}.logo-bg{fill:#1769e0}.logo-envelope{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.logo-star{fill:none;stroke:#9bd5ff;stroke-width:1.8;stroke-linecap:round}.badge.alias{background:#f4f3ff;color:#5925dc}.field-error{margin:0!important;color:var(--red)!important;font-size:13px;font-weight:650}.field-error[hidden]{display:none}.login-card .brand{color:var(--text)}
.badge.bad{background:var(--red-bg);color:var(--red)}.service-card.service-failed{border-color:#fda29b;background:#fffafa}.disabled-row{background:#f2f4f7;color:#667085}.disabled-row:hover{background:#eaecf0}.disabled-row .row-link{color:#667085}.status-danger{border-color:#fda29b;background:#fffafa}.status-danger .panel-head{border-bottom-color:#fecdca}
.topbar{padding-left:18px;padding-right:18px;gap:16px}.topbar nav{flex:1;overflow-x:auto;scrollbar-width:thin}.topbar nav a{padding:0 9px;font-size:13px}.admin-chip{font-size:12px;color:#d0d5dd;white-space:nowrap}.alerts{display:grid;gap:10px;margin-bottom:22px}.alert{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid;border-radius:10px}.alert span{color:var(--muted)}.alert a{margin-left:auto;text-decoration:underline}.alert.warning{background:#fffaeb;border-color:#fedf89;color:#b54708}.alert.critical{background:var(--red-bg);border-color:#fda29b;color:var(--red)}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.wide-form{grid-template-columns:minmax(180px,.45fr) minmax(600px,2fr)}.timeline{padding:8px 22px 22px}.timeline-event{display:grid;grid-template-columns:150px 90px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline-event time{color:var(--muted)}.timeline-event p{margin:5px 0 0;overflow-wrap:anywhere}.usage{display:inline-flex;border-radius:999px;padding:5px 10px;font-weight:750}.usage-normal{background:var(--green-bg);color:var(--green)}.usage-warning{background:#fffaeb;color:#b54708}.usage-high{background:#fff4ed;color:#b93815}.usage-critical{background:var(--red-bg);color:var(--red)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.setting-card{padding:22px}.setting-card:hover{border-color:#84adff}.dns-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.dns-card{border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:12px}.dns-card>div{display:flex;justify-content:space-between;align-items:center}.info-line{padding:0 22px 22px}.tabs{display:flex;gap:5px;margin:-10px 0 20px;border-bottom:1px solid var(--line)}.tabs a{padding:12px 16px;color:var(--muted);font-weight:650;border-bottom:3px solid transparent}.tabs a.active,.tabs a:hover{color:var(--blue);border-bottom-color:var(--blue)}.forwarding-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.forwarding-form .full,.forwarding-form .modal-actions{grid-column:1/-1}.check{display:flex;align-items:center;gap:9px}.check input{width:18px;min-height:18px}.quota-summary{margin:6px 0 16px!important}.error-text{color:var(--red)!important;max-width:460px}.small-text{font-size:12px;max-width:360px;overflow-wrap:anywhere}button[aria-busy=true]{opacity:.65;cursor:wait}
.dkim-instructions{margin:0 20px 22px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.dkim-instructions h3{margin-top:0}.dkim-instructions ol{margin:10px 0 12px;padding-left:22px}.dkim-instructions li{margin:8px 0;line-height:1.5}.dkim-instructions p{margin-bottom:0}
@media(max-width:1100px){.filter-grid{grid-template-columns:repeat(2,1fr)}.wide-form{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}.admin-chip{display:none}}
@media(max-width:720px){.filter-grid,.dns-grid,.settings-grid,.forwarding-form{grid-template-columns:1fr}.forwarding-form .full,.forwarding-form .modal-actions{grid-column:auto}.timeline-event{grid-template-columns:1fr}.alert{align-items:flex-start;flex-direction:column}.alert a{margin-left:0}.services-grid{grid-template-columns:1fr}.tabs{overflow-x:auto}}
.copy-button{justify-self:start;margin-top:4px}
.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:20px;gap:14px}.release-grid>div{border:1px solid var(--line);border-radius:12px;padding:15px;min-width:0}.release-grid dt{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.release-grid dd{margin:8px 0 0;font-size:16px;font-weight:700;overflow-wrap:anywhere}.release-grid .release-address{grid-column:1/-1}.release-grid a{color:var(--blue)}
.address-input{display:flex;align-items:stretch;min-width:360px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;overflow:hidden}.address-input:focus-within{border-color:#84adff;box-shadow:0 0 0 3px #eef4ff}.address-input input{flex:1;min-width:90px;border:0;border-radius:0;box-shadow:none!important}.address-input>span{display:flex;align-items:center;padding:0 12px;border-left:1px solid #d0d5dd;background:#f9fafb;color:#475467;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}.group-card{max-width:820px;padding:22px}.group-card>p{margin-bottom:18px}.group-detail-form .button{justify-self:start}
@media(max-width:900px){.release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.release-grid{grid-template-columns:1fr}.release-grid .release-address{grid-column:auto}.address-input{min-width:0;width:100%}.address-input>span{max-width:55%;overflow:hidden;text-overflow:ellipsis}.group-detail-form .button{justify-self:stretch}}
.forwarding-panel{padding:22px;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(420px,1.6fr);gap:28px}.forwarding-destinations{border:0;padding:0;margin:0;display:grid;gap:10px}.forwarding-destinations legend{padding:0 0 8px;font-size:13px;font-weight:650;color:#344054}.forwarding-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:10px}.forwarding-destinations>[data-forwarding-add]{justify-self:start}.forwarding-help{font-size:13px}
@media(max-width:1100px){.forwarding-panel{grid-template-columns:1fr}}
@media(max-width:720px){.forwarding-row{grid-template-columns:1fr}}