:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e5eaf8;background:#0c1223;font-size:14px;--accent:#168bff;--bg:#0c1223;--panel:#131d33;--line:#263149;--muted:#8793ad;--text:#e5eaf8;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#121c34,transparent 55%),var(--bg)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #303d59;background:#1d2943;color:#c3cde2;padding:10px 14px;border-radius:7px;font-weight:550;transition:background .15s,border-color .15s}button:hover{background:#283958;border-color:#435879}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:linear-gradient(135deg,#1464f6,var(--accent));border-color:#408cff;color:white;box-shadow:0 3px 12px #076eff24}.primary:hover{background:#258dff;border-color:#81b8ff}a{color:#62b2ff;text-decoration:none}a:hover{text-decoration:underline}small{display:block;font-weight:400;color:var(--muted);font-size:11px}p{color:var(--muted);line-height:1.7;margin:8px 0;font-size:12px}h1,h2,h3{color:var(--text)}h1{font-size:27px;letter-spacing:-.8px;font-weight:650;margin:9px 0}h2{letter-spacing:-.4px}aside{position:fixed;width:235px;inset:0 auto 0 0;background:linear-gradient(160deg,#1a253e,#141d32 80%);border-right:1px solid #25324b;padding:25px 17px;color:#8896b2;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font-size:34px;font-weight:800;letter-spacing:-2px;color:var(--accent);padding:12px;border:1px solid #35405a;border-radius:10px;background:linear-gradient(110deg,#203f5d66,#1a263c);box-shadow:0 5px 15px #00000009}.brand>span{font-size:15px;color:#edf3ff;letter-spacing:-.35px;line-height:1.35;max-width:145px}.workspace{display:flex;align-items:center;gap:12px;padding:16px 12px 20px;margin:12px 0 0;color:#7cbbff;font-size:15px}.workspace span{font-size:11px;color:#c0cbe0}.workspace small{margin-top:4px;font-size:10px;color:#7483a1}.nav-label{font-size:8px;font-weight:650;letter-spacing:1.6px;color:#5e7193;padding:0 12px;margin:12px 0}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;background:none;color:#8f9cb7;font-size:12px;font-weight:450;padding:12px;border-radius:6px}nav button:hover{background:#23324a;color:#e1edff}nav button.active{background:linear-gradient(95deg,#174c7399,#223049 70%);color:#f0f7ff;border-color:#2c3c56;box-shadow:inset 3px 0 #28aeff;font-weight:550}nav button span{font-size:18px;width:20px;text-align:center;color:#7d91b2}nav button.active span{color:#a8dfff}.aside-bottom{margin-top:auto;font-size:11px;padding:22px 12px 0;border-top:1px solid #29354e}.aside-bottom button{background:none;color:#8290ac;border:0;padding:0;font-size:11px;margin-top:12px}.aside-bottom p{font-size:10px;color:#7484a0}.local-tag{font-size:8px;letter-spacing:1.1px;color:#6f93b9}main{margin-left:235px;min-height:100vh;display:flex;flex-direction:column}header{height:76px;border-bottom:1px solid #243048;background:#0f182b88;display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:11px;color:#7584a2}header b{font-weight:400;padding:0 13px;color:#475670}header #breadcrumb{color:#cbd6ec}.header-tools{display:flex;align-items:center;gap:18px}.header-role{font-size:10px;color:#9eacc6}.avatar{background:#23324f;border:1px solid #344462;padding:8px 11px;border-radius:7px;color:#b8ccec;font-size:12px}.search-label{margin:0;display:flex;align-items:center;border:1px solid #253552;border-radius:7px;padding-left:10px;color:#7891b4;font-size:20px;background:#141f35}.search-label input{width:155px;margin:0;border:0;background:transparent;padding:8px 10px;font-size:11px}.content{padding:29px 32px;max-width:1660px;width:100%;margin:0 auto;flex:1}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:20px}.eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:600;color:#526685}.heading p{font-size:12px;color:#6f819f}.heading>.primary{font-size:11px;padding:12px 18px}.overview-context{display:flex;gap:18px;align-items:center;font-size:10px;color:#697e9d;margin-bottom:20px;flex-wrap:wrap}.overview-context>span{display:flex;align-items:center;gap:7px}.overview-context>button{margin-left:auto}.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#5ce1a7;box-shadow:0 0 8px #45d29933}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:20px 0 24px}.metric{padding:19px 21px;background:linear-gradient(125deg,#192740,#121c32);border:1px solid #2a3751;border-radius:13px;min-height:128px;position:relative;overflow:hidden}.metric>div{display:flex;align-items:center;justify-content:space-between;color:#c1cde2;font-size:12px;font-weight:600}.metric-icon{color:#8197b8;font-size:20px;font-weight:400}.metric>strong{display:block;font-size:30px;font-weight:650;letter-spacing:-.8px;margin:21px 0 4px;color:#eef5ff}.metric small{font-size:10px;color:#7386a5}.metric:nth-child(2) .metric-icon{color:#b8f58f;background:linear-gradient(135deg,#244342,#234e3e);border:1px solid #3b6554;padding:7px 10px;border-radius:8px}.metric:nth-child(3) .metric-icon{color:#f0a5b6;background:linear-gradient(135deg,#3d293f,#4f2b40);border:1px solid #5b344b;padding:7px 10px;border-radius:8px}.metric:nth-child(4) .metric-icon{color:#86bdff;background:#1c3556;border:1px solid #2b4d70;padding:7px 10px;border-radius:8px}.panel{background:linear-gradient(125deg,#17223a,#111a2e);border:1px solid #26344e;border-radius:12px;overflow:hidden}.panel-head{padding:19px 22px;display:flex;justify-content:space-between;border-bottom:1px solid #25334b;align-items:center;gap:14px}.panel-head h2{font-size:14px;margin:0;font-weight:600;letter-spacing:-.25px}.title-icon{display:inline-block;margin-right:8px;color:#9ab0ce}.panel-head .eyebrow{display:block;margin-bottom:7px}.pill{border-radius:5px;background:#202d47;border:1px solid #2e3c58;font-size:9px;padding:4px 7px;color:#899dbf;white-space:nowrap}.text-button{border:1px solid #2c3d5c;border-radius:5px;background:#1e2b46;color:#afc2e1;padding:5px 8px;font-size:9px}.text-button:hover{background:#2a3e61}.muted{font-size:10px;color:#8092ae}.table-scroll{overflow-x:auto}.hosting-table{width:100%;border-collapse:separate;border-spacing:0 6px;padding:9px 17px 12px;text-align:left;font-size:11px}.hosting-table th{font-size:9px;font-weight:400;color:#7486a7;padding:9px 12px 6px;white-space:nowrap}.hosting-table td{padding:16px 12px;background:#1d2b44;color:#a8b9d3;font-size:10px;white-space:nowrap}.hosting-table td:first-child{border-radius:7px 0 0 7px}.hosting-table td:last-child{border-radius:0 7px 7px 0}.hosting-table strong{font-weight:500;color:#dae5f7}.table-site-icon{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:9px;color:#47b9ff;background:#1d4063;border-radius:5px;font-size:16px;font-weight:700}.table-empty{display:flex;align-items:center;justify-content:center;gap:18px;padding:19px 10px;min-height:125px;white-space:normal}.table-empty h3{font-size:13px;margin:0;font-weight:550}.table-empty p{font-size:11px;margin-top:6px;max-width:330px}.table-empty button{font-size:10px;white-space:nowrap;margin-left:20px}.empty-orbit{display:grid;place-items:center;width:51px;height:51px;background:#1e3452;border:1px solid #2c4a6c;border-radius:12px;color:#75b6ed;font-size:25px;flex-shrink:0}.table-footer{display:flex;justify-content:space-between;gap:15px;padding:13px 23px;border-top:1px solid #26354f;color:#617593;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:21px;margin-top:22px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;padding:7px 11px}.tool-card{display:flex;align-items:center;text-align:left;border:1px solid transparent;padding:15px 11px;gap:11px;background:none;border-radius:7px}.tool-card:hover{background:#1d2d46;border-color:#2b3c59}.tool-icon{width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;background:#1c304d;border:1px solid #2b4263;border-radius:7px;color:#79abd8;font-size:18px}.tool-card strong{font-size:11px;color:#b8c9e4;font-weight:500;display:block}.tool-card small{font-size:9px;color:#697f9f;margin-top:5px;line-height:1.5}.tool-card b{font-size:11px;color:#4b719c;margin-left:auto;font-weight:400}.system-body{padding:20px 22px}.server-name{display:flex;align-items:center;gap:11px;margin-bottom:24px}.server-name strong{font-size:11px;color:#bacce5;overflow-wrap:anywhere}.server-name small{font-size:9px;margin-top:5px;color:#6b83a3}.server-name>.live-dot{margin-left:auto}.memory-label{display:flex;justify-content:space-between;font-size:10px;color:#8097b4;margin-bottom:10px}.memory-label strong{color:#a4c2e7;font-weight:500}progress{appearance:none;display:block;width:100%;height:7px;border:0;border-radius:2px;background:#243653;margin:0 0 9px}progress::-webkit-progress-bar{background:#243653;border-radius:2px}progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,#319fff 0px,#319fff 3px,transparent 3px,transparent 6px);border-radius:2px}progress::-moz-progress-bar{background:#319fff}.system-body>small{font-size:9px;color:#6683a8}.system-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0 0;gap:10px}.system-facts small{font-size:9px;color:#6e87a9}.system-facts strong{font-size:16px;margin-top:6px;display:block;color:#bdd6f6;font-weight:500}.full-button{width:100%;font-size:11px}.quiet-empty{padding:30px 24px;color:#7288a7;font-size:11px;line-height:1.8}.activity-dot{display:inline-block;height:5px;width:5px;background:#459ada;border-radius:50%;margin-right:10px}.event{padding:17px 22px;border-bottom:1px solid #253650;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#9cb3d2}.event:last-child{border:0}.event small{font-size:9px;white-space:nowrap;color:#617e9f}.build-list{padding:5px 22px}.build-list>div{padding:11px 0;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#98b2d2;border-bottom:1px solid #24354f}.build-list>div:last-child{border:0}.health-state{font-size:9px;padding:4px 8px;border-radius:6px;white-space:nowrap;border:1px solid transparent;display:inline-block}.health-pass{background:#1e443e;color:#8bd7af;border-color:#30594e}.health-attention{background:#453925;color:#e1bd7c;border-color:#605031}.health-review{background:#223654;color:#9ac2f2;border-color:#314b71}.health-unknown{background:#27344e;color:#91a2bf;border-color:#354360}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat{padding:22px;background:linear-gradient(125deg,#192740,#121c32);border:1px solid #2a3751;border-radius:12px}.stat .number{font-size:30px;display:block;font-weight:600;margin:16px 0 5px}.stat small{font-size:10px;color:#7488a8}.stat-label{font-size:11px;color:#a9bbd6}.site{padding:21px;display:flex;align-items:center;gap:17px;border-bottom:1px solid #25344e}.site:last-child{border-bottom:0}.site-icon{background:#203956;width:40px;height:40px;display:grid;place-items:center;border:1px solid #2d5278;border-radius:8px;font-weight:750;font-size:23px;color:#68baff}.site-info{flex:1;min-width:0}.site-info strong{display:block;font-size:12px;margin-bottom:6px}.site-info small{overflow-wrap:anywhere;font-size:10px}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button,.actions a{font-size:10px;padding:8px 10px}.actions a,.link-button{border:1px solid #304461;text-decoration:none;color:#9fc7f1;border-radius:6px;display:inline-block;background:#20324e}.status{font-size:9px;padding:5px 9px;border-radius:5px;background:#27354f;color:#9badc9;margin-right:10px}.status.running{background:#21483d;color:#98d8b4}.empty{text-align:center;padding:45px 24px}.empty .empty-orbit{margin:0 auto 20px}.empty h2{font-size:17px;color:#bdd0ea}.empty p{max-width:420px;margin:12px auto 24px;font-size:12px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.feature{border:1px solid #293a55;border-radius:12px;background:linear-gradient(125deg,#18273f,#131f35);padding:25px}.feature h2{font-size:14px;margin:10px 0}.feature p{font-size:12px}.feature .link-button{padding:10px 14px;margin-top:18px;font-size:11px}.callout{margin-top:24px;padding:19px 22px;background:#182c47;border:1px solid #2b4565;border-radius:10px;font-size:11px;color:#91b1d4;line-height:1.7}footer{margin:0 32px;padding:21px 0;border-top:1px solid #26334a;font-size:9px;color:#577493;display:flex;justify-content:space-between}.section-tabs{display:flex;gap:28px;border-bottom:1px solid #273a56;margin:4px 0 24px;font-size:11px;color:#6d88a9}.section-tabs>span{padding:0 0 14px}.section-tabs .selected{border-bottom:2px solid var(--accent);color:#93c8fa;font-weight:500}.section-tabs small{display:inline;font-size:8px;margin-left:7px;background:#21334f;padding:3px 5px;border-radius:3px;color:#7296be}.email-metrics{grid-template-columns:repeat(3,1fr)}.email-workspace{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:23px;align-items:start}.email-side{display:grid;gap:20px}.email-form{padding:0 22px 20px}.email-form label{font-size:11px;color:#a4c1e0;margin:19px 0}.email-form input{font-size:11px;padding:11px}.email-form label small{font-size:9px;line-height:1.6;margin-top:7px;color:#637f9f;font-weight:400}.form-footnote{font-size:9px;text-align:center;line-height:1.7;color:#5d7c9e;margin-top:13px}.domain-table-header,.domain-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 15px;gap:17px;align-items:center}.domain-table-header{padding:13px 21px;background:#14223a;font-size:8px;color:#7091b7;letter-spacing:1px}.domain-row{width:100%;padding:18px 21px;border:0;border-top:1px solid #293d59;border-radius:0;text-align:left;background:#182b43}.domain-row.selected{background:#203951;box-shadow:inset 2px 0 var(--accent)}.domain-row strong{display:block;font-size:11px;color:#b6d4f4;overflow-wrap:anywhere}.domain-row small{font-size:9px;color:#6385a9;margin-top:7px}.domain-symbol{font-style:normal;margin-right:8px;color:#62b2f3}.domain-row>span:last-child{color:#6c9cc8}.domain-row .health-state{text-align:center}.report-toolbar{display:flex;align-items:center;justify-content:space-between;margin:24px 0 11px;gap:10px}.report-toolbar>span{font-size:9px;color:#759ac0;letter-spacing:1.3px}.report-toolbar button{font-size:9px;padding:8px 10px}.email-report{margin-top:0}.email-result{padding:18px 22px;border-bottom:1px solid #273d57}.email-result-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.email-result h3{font-size:11px;color:#b4d0ed;margin:0;font-weight:550}.email-result p{font-size:11px;color:#779aba;line-height:1.8;max-width:650px}.email-report .panel-head small{font-size:9px;margin-top:8px;color:#658bae}.email-result pre,.dns-draft pre{font-size:10px;padding:12px;background:#0d2033;color:#82b7dc}.email-drafts{padding:22px;font-size:11px;color:#9dc7e5}.email-drafts p{font-size:10px;color:#769dbb}.email-drafts summary{cursor:pointer;font-size:11px;font-weight:500}.dns-draft{margin-top:20px;padding:14px;border:1px solid #2b455f;border-radius:7px}.dns-draft button{font-size:10px}.dns-draft strong{font-size:10px;overflow-wrap:anywhere}.delivery-note{padding:20px 22px;background:linear-gradient(120deg,#193c5d,#142943);border:1px solid #2b4b6b;border-radius:10px}.delivery-note h3{font-size:12px;color:#a5cce9;line-height:1.5}.delivery-note p{font-size:11px;color:#739dbf;line-height:1.8}.delivery-note a{font-size:10px;color:#6db8f3;display:inline-block;margin-top:10px}.compact-note{padding:20px 22px}.compact-note h3{font-size:12px;color:#9cbfdb;margin-top:0}.compact-note p{font-size:11px;color:#7294b1;line-height:1.8;margin-bottom:13px}dialog{border:1px solid #354c6c;border-radius:13px;padding:29px;width:530px;max-width:calc(100% - 28px);background:#16283e;color:var(--text);box-shadow:0 24px 100px #0006}dialog::backdrop{background:#060d1bbf;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading button{border:0;padding:0;background:none}.cms-choice{display:flex;gap:15px;align-items:center;border:1px solid #37638a;background:#1c3952;padding:17px;border-radius:8px;margin:22px 0}.cms-choice strong{font-size:30px;color:#53b8ef}.cms-choice>span:nth-child(2){flex:1}.cms-choice small{margin-top:5px}label{display:block;font-size:12px;font-weight:500;margin:19px 0}input{display:block;width:100%;border:1px solid #334964;border-radius:6px;padding:11px;margin-top:8px;outline-color:var(--accent);background:#101f33;color:#c1d8ef}input::placeholder{color:#546e8d}input[type=color]{height:44px}.input-group{display:flex;align-items:center;margin-top:8px;border:1px solid #334964;border-radius:6px;padding-right:12px}.input-group input{border:0;margin:0;min-width:0}.input-group span{color:#748da7;font-weight:400}.note{font-size:11px}dialog .primary{width:100%;margin-top:16px}#form-error,#login-error,#email-error{color:#f4989e;font-size:12px}#toast{position:fixed;bottom:24px;right:24px;background:#244563;border:1px solid #3f6889;color:#d5edff;padding:15px 23px;max-width:420px;border-radius:9px;box-shadow:0 8px 30px #0004;font-size:12px;z-index:5}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#183755,#0c1425 70%)}.login-card{width:420px;max-width:90%;padding:36px;background:#14273d;border:1px solid #304963;border-radius:15px;box-shadow:0 15px 60px #0003}.login h1{margin-top:27px}.login .primary{width:100%}.login small{margin-top:20px;font-size:10px}.login[hidden],[hidden]{display:none!important}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0e1e31;color:#a0c5e2;padding:20px;border-radius:7px;font-size:11px}
@media(min-width:1550px){.content{padding:35px 42px}.metric{min-height:145px}.tool-card{padding:21px 14px}.panel-head{padding:22px 25px}.hosting-table td{padding:19px 14px}}
@media(max-width:1150px){aside{width:211px;padding:22px 14px}main{margin-left:211px}.content{padding:25px}.metric{padding:17px}.dashboard-grid{grid-template-columns:1.25fr 1fr}.tool-grid{grid-template-columns:1fr}.email-workspace{grid-template-columns:minmax(0,1fr) 260px}.table-empty{flex-wrap:wrap}.table-empty button{margin-left:0}.search-label input{width:120px}.brand>span{font-size:14px}}
@media(max-width:950px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr}.email-workspace{grid-template-columns:1fr}.email-side{grid-row:1;grid-template-columns:1fr}.email-side .delivery-note,.email-side .compact-note{display:none}.email-form{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.email-form .full-button{align-self:center}.email-form .form-footnote{grid-column:1/-1}.header-role{display:none}.header-tools{gap:11px}.site{flex-wrap:wrap}.actions{width:100%;padding-left:55px}.feature-grid{grid-template-columns:1fr}.event small{white-space:normal}.stats{gap:10px}}
@media(max-width:700px){aside{position:static;width:auto;padding:17px;border-bottom:1px solid #2c3b54}.brand{border:0;background:none;padding:0;font-size:29px}.brand>span{max-width:none;font-size:15px}.workspace,.aside-bottom,.nav-label{display:none}nav{display:flex;overflow:auto;margin-top:17px;gap:5px}nav button{white-space:nowrap;font-size:11px;padding:9px;flex-shrink:0}nav button span{font-size:15px}main{margin-left:0}header{height:58px;padding:0 18px}.header-tools{gap:8px}.search-label input{width:99px;font-size:10px}.search-label{padding-left:7px}.avatar{font-size:10px;padding:7px 9px}.content{padding:23px 17px}.heading{align-items:flex-start}.heading>.primary{font-size:10px;padding:10px;white-space:nowrap}.heading h1{font-size:26px}.heading .eyebrow{font-size:7px}.heading p{font-size:11px;max-width:220px}.overview-context{gap:11px;font-size:8px}.overview-context>span:nth-child(3){display:none}.metric-grid{gap:11px;margin:17px 0 19px}.metric{padding:15px;min-height:120px}.metric>strong{font-size:27px;margin-top:16px}.metric>div{font-size:11px}.metric-icon{font-size:17px}.metric:nth-child(n) .metric-icon{padding:4px 6px}.metric small{font-size:9px}.panel-head{padding:17px}.panel-head h2{font-size:12px}.table-empty{padding:10px 0;gap:13px}.table-empty h3{font-size:12px}.table-empty p{font-size:10px;max-width:200px}.table-empty .empty-orbit{width:40px;height:40px;font-size:20px}.table-empty button{margin-top:5px}.table-footer{font-size:8px;padding:12px 17px}.table-footer>span:last-child{display:none}.hosting-table{padding:8px 10px}.hosting-table th{padding:7px 8px}.tool-grid{grid-template-columns:1fr}.tool-card{padding:14px 10px}.dashboard-grid{gap:18px;margin-top:18px}.stats{grid-template-columns:1fr}.stat{display:flex;align-items:center;gap:15px;padding:16px}.stat .number{margin:0}.stat small{margin-left:auto}.email-form{display:block}.section-tabs{gap:17px;font-size:10px}.section-tabs small{display:none}.domain-table-header,.domain-row{gap:10px;grid-template-columns:minmax(0,1fr) 80px 10px;padding:16px}.email-result{padding:17px}.report-toolbar>span{font-size:8px}.report-toolbar button{padding:7px;font-size:8px}.email-report .panel-head{flex-wrap:wrap}.email-result-heading{align-items:flex-start}.status{margin:0}.event{flex-direction:column;gap:7px}.build-list{padding:5px 17px}.build-list>div{font-size:9px}.health-state{font-size:8px}footer{margin:0 17px}dialog{padding:23px}}
.mail-status{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #354354;border-radius:8px;background:#1c2838;margin:0 0 20px;font-size:10px;flex-wrap:wrap}.mail-status strong{font-size:10px;color:#b1c1d4;font-weight:500}.mail-status span{color:#6e859f}.mail-offline{background:#d5b97c;box-shadow:none}.webmail{display:grid;grid-template-columns:165px 260px minmax(0,1fr);min-height:570px;border:1px solid #293b54;background:#121f32;border-radius:12px;overflow:hidden}.webmail .mail-folders{position:static;inset:auto;width:auto;padding:20px 13px;background:#17283f;border:0;border-right:1px solid #2b3c54;display:flex;flex-direction:column}.mail-folders .primary{font-size:11px;width:100%}.mail-folder-list{margin-top:22px;display:grid;gap:6px}.mail-folder-list button{display:flex;align-items:center;gap:10px;border:0;background:none;padding:10px;font-size:11px;color:#89a1be;text-align:left}.mail-folder-list button.selected{background:#223f5b;color:#b6deff}.mail-folder-list button>span{color:#6998c5;font-size:16px}.mail-folder-list small{margin-left:auto;font-size:9px}.mail-export-note{margin-top:auto;padding-top:35px}.mail-export-note>span{font-size:8px;letter-spacing:1px;color:#739ac3}.mail-export-note p{font-size:9px;line-height:1.8}.mail-export-note a{font-size:9px}.mail-list{border-right:1px solid #293d57;background:#14233a;min-width:0}.mail-list-head{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 8px}.mail-list-head h2{font-size:14px;margin:0}.mail-list-head>span{font-size:10px;color:#6084ab}.mail-list>input{width:calc(100% - 32px);margin:12px 16px 18px;font-size:10px;padding:9px}.mail-message{display:block;width:100%;text-align:left;border:0;border-top:1px solid #263c56;border-radius:0;background:transparent;padding:18px 17px}.mail-message.selected{background:#203c55;box-shadow:inset 2px 0 #319efd}.mail-message>div{display:flex;justify-content:space-between;gap:9px}.mail-message strong{font-size:10px;color:#b8d4ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-message small{font-size:8px;color:#6388ae}.mail-message h3{font-size:10px;font-weight:500;margin:8px 0;color:#a0bddb;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mail-message p{font-size:9px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mail-empty-list{text-align:center;padding:40px 22px}.mail-empty-list>span{font-size:27px;color:#365f88}.mail-empty-list p{font-size:10px}.mail-reading{min-width:0;display:flex;flex-direction:column}.mail-welcome{margin:auto;text-align:center;padding:30px;max-width:330px}.mail-welcome .empty-orbit{margin:0 auto 22px}.mail-welcome h2{font-size:17px}.mail-welcome p{font-size:11px}.mail-welcome button{font-size:10px;margin:15px 0}.mail-welcome small{font-size:9px}.reading-toolbar{padding:15px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #293f58;align-items:center;flex-wrap:wrap}.reading-toolbar>div{display:flex;gap:5px}.reading-toolbar button,.reading-toolbar a{font-size:9px;padding:7px 9px}.message-content{padding:26px}.message-content h2{font-size:20px;margin-top:0;overflow-wrap:anywhere}.message-address{display:flex;gap:10px;margin:25px 0;padding-bottom:23px;border-bottom:1px solid #293e57}.message-address strong{font-size:11px;color:#b3cfe5}.message-address small{font-size:9px;margin-top:6px;overflow-wrap:anywhere}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;color:#a9c5df}.message-attachments{margin-top:35px}.message-attachments h3{font-size:11px}.attachment-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#1e354d;border:1px solid #2e4b65;border-radius:6px;margin:7px 0;font-size:10px;overflow-wrap:anywhere}.attachment-chip small{font-size:8px}.attachment-chip button{font-size:9px;padding:3px 6px}.mail-composer{width:680px}.mail-composer h2{font-size:17px}.composer-notice{font-size:10px;color:#8099b0;background:#1c344b;padding:8px 11px;border-radius:5px}.composer-addresses label{font-size:10px;margin:13px 0}.composer-addresses input{font-size:11px;margin-top:6px;padding:9px}.composer-addresses details{font-size:10px;color:#769fc4}.composer-addresses summary{cursor:pointer}.mail-composer textarea{width:100%;min-height:190px;resize:vertical;padding:15px;border:1px solid #334d66;background:#112238;color:#c9e2f6;border-radius:6px;font:12px/1.8 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:7px 0;outline-color:var(--accent)}.attachment-picker{font-size:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.attachment-picker small{font-size:9px}.attachment-picker input{font-size:10px;padding:7px;margin-top:0}.composer-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px}.mail-composer .composer-footer .primary{width:auto;margin:0;font-size:11px}.composer-footer button{font-size:11px}#draft-error{font-size:11px;color:#f4989e}#mail-no-results{font-size:10px;padding:15px;text-align:center}@media(max-width:1250px){.webmail{grid-template-columns:140px 210px minmax(0,1fr)}.message-content{padding:19px}.mail-status{font-size:9px}}@media(max-width:1000px){.webmail{grid-template-columns:140px minmax(0,1fr)}.mail-reading{grid-column:1/-1;min-height:320px;border-top:1px solid #2c425e}.mail-list{border-right:0}.mail-folders{min-height:330px}.mail-export-note{padding-top:20px}}@media(max-width:700px){.webmail{grid-template-columns:110px minmax(0,1fr);min-height:450px}.webmail .mail-folders{padding:14px 8px}.mail-folder-list button{font-size:10px;padding:8px;gap:7px}.mail-export-note>span{font-size:7px}.mail-export-note p,.mail-export-note a{font-size:8px}.mail-list-head{padding:18px 14px 5px}.mail-list>input{width:calc(100% - 22px);margin:10px 11px 14px}.mail-message{padding:16px 13px}.mail-status span{font-size:9px}.attachment-picker{gap:6px}.mail-composer{padding:20px}.reading-toolbar{gap:8px}.reading-toolbar button,.reading-toolbar a{font-size:8px}}

aside{overflow-y:auto}aside>.brand,aside>.workspace,aside>nav,aside>.aside-bottom{flex-shrink:0}.hub-form{padding:5px 23px 23px}#hub-error{color:#f4989e}.webmail .mail-folders{overflow:visible}
.standalone-mail #mail-shell>header{height:84px}.standalone-mail header .brand{border:0;background:none;font-size:29px;padding:0}.standalone-mail header .brand>span{max-width:none;font-size:17px}.standalone-mail main{margin-left:0}.standalone-mail .content{max-width:1550px;padding:30px}.standalone-mail .webmail{min-height:calc(100vh - 200px)}@media(max-width:700px){.standalone-mail .content{padding:17px}.standalone-mail .header-tools .pill{display:none}.standalone-mail header .brand>span{font-size:14px}}

.webmail-launch{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;font-size:11px;color:#769cbd}.webmail-launch a{padding:9px 12px;font-size:10px}
select,textarea{font:inherit}select{display:block;width:100%;margin-top:8px;border:1px solid #334964;border-radius:6px;padding:10px;background:#101f33;color:#bed6ed}.dns-notice{margin-top:0}.dns-zone-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.dns-zone-bar form{display:flex;gap:9px;align-items:center;flex:1}.dns-zone-bar input{margin:0;max-width:280px}.dns-zone-bar label{margin:0;min-width:180px;font-size:10px}.dns-zone-bar select{margin-top:5px}.dns-value{white-space:normal!important;overflow-wrap:anywhere;max-width:400px}.dns-record-error,#account-error,#customer-error,#customer-site-error{color:#f4989e;font-size:11px}@media(max-width:700px){.dns-zone-bar{flex-direction:column;align-items:stretch}.dns-zone-bar form{flex-wrap:wrap}.dns-zone-bar input{flex:1;min-width:100px}.dns-zone-bar button{font-size:10px}.dns-value{min-width:180px}}

/* Brand settings */
.branding-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:24px;align-items:start;max-width:1120px}.branding-layout .panel-head{padding:24px 26px}.branding-layout .panel-head p{margin:7px 0 0}.branding-form{padding:4px 26px 0}.branding-form label{margin:24px 0 9px;color:#c5d3e9}.branding-form input{margin:0;min-height:44px}.branding-form .field-hint{font-size:11px;margin:8px 0 0;line-height:1.6}.brand-colour-field{display:flex;align-items:center;gap:13px;border:1px solid #334964;border-radius:7px;padding:8px 12px;background:#101f33}.brand-colour-field input[type=color]{width:34px;min-height:32px;height:32px;padding:0;border:0;background:none;cursor:pointer;flex-shrink:0}.brand-colour-field input::-webkit-color-swatch-wrapper{padding:2px}.brand-colour-field input::-webkit-color-swatch{border:1px solid #ffffff30;border-radius:5px}.brand-colour-field output{font:12px ui-monospace,monospace;color:#d3dff1}.brand-colour-field>span{font-size:10px;color:var(--muted);margin-left:auto}.branding-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:30px;padding:21px 0}.branding-actions>span{font-size:11px;color:#94a8c5}.branding-actions button{white-space:nowrap}.brand-preview-body{padding:30px 25px;text-align:center;background:radial-gradient(ellipse at top,#20375966,transparent 70%)}.brand-preview-mark{display:grid;place-items:center;margin:0 auto 16px;width:54px;height:54px;font-size:34px;border-radius:14px;border:1px solid #3b4d69;background:#1b2d49;color:var(--preview-accent)}.brand-preview-body h3{font-size:18px;line-height:1.5;overflow-wrap:anywhere;margin:0}.brand-preview-body>p{margin:6px 0 26px}.brand-preview-nav{display:flex;gap:11px;text-align:left;align-items:center;padding:13px;background:#20314b;border:1px solid #344865;border-left:3px solid var(--preview-accent);border-radius:7px;font-size:12px}.brand-preview-nav span{color:var(--preview-accent)}.brand-preview-nav span:last-child{margin-left:auto}.brand-preview-lines{display:grid;gap:10px;margin:20px 0 26px}.brand-preview-lines i{display:block;height:8px;border-radius:3px;background:#223149}.brand-preview-lines i:nth-child(2){width:80%}.brand-preview-lines i:nth-child(3){width:55%}#brand-preview-support{display:block;font-size:11px;color:#9bafcb;overflow-wrap:anywhere}.brand-preview-note{padding:20px 25px;border-top:1px solid var(--line)}.brand-preview-note strong{font-size:12px;font-weight:500}.brand-preview-note p{font-size:11px}.table-site-icon svg{width:16px;height:16px}.site-icon{flex-shrink:0}
@media(max-width:1000px){.branding-layout{grid-template-columns:1fr}.branding-preview{max-width:none}.brand-preview-body{max-width:420px;margin:auto;width:100%}}
@media(max-width:480px){.branding-form{padding:0 18px}.branding-layout .panel-head{padding:20px 18px}.brand-colour-field>span{display:none}.branding-actions{align-items:flex-start;flex-direction:column}.branding-actions button{width:100%}}

.package-card{padding:22px;border-bottom:1px solid var(--line)}.package-card h3{margin:0;font-size:16px}.package-limits{display:grid;grid-template-columns:1fr 1fr;gap:14px}.package-limits div{padding:10px;background:#142038;border:1px solid var(--line);border-radius:6px}.package-limits dt{font-size:11px;color:var(--muted)}.package-limits dd{margin:7px 0 0;font-size:17px}.site select{max-width:180px}select{font:inherit;color:var(--text);background:#101f33;border:1px solid #334964;border-radius:6px;padding:10px;max-width:100%}.hub-form label select{display:block;width:100%;margin-top:8px}

.nav-group{min-width:0}.nav-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 12px 8px;color:#a5b5cf;font-size:11px;font-weight:600}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary>span{transition:transform .15s}.nav-group:not([open]) summary>span{transform:rotate(-90deg)}.nav-group>div{display:grid;gap:3px;padding-left:6px}.nav-group button{width:100%;font-size:11px}.nav-group summary:hover{color:#edf3ff}@media(max-width:700px){nav{align-items:flex-start;flex-wrap:wrap;overflow:visible}.nav-group{flex:1;min-width:135px}.nav-group summary{padding:10px}.nav-group>div{padding:0}.nav-group button{white-space:normal;text-align:left}}

.mail-client-setup{margin-top:24px}.mail-client-help{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.mail-client-help summary{cursor:pointer;color:#c5d3e9;font-weight:500}.mail-client-setup select{display:block;margin-top:8px;min-width:220px}
.mail-app-nav{display:flex;gap:8px;margin:0 0 16px;padding:6px;background:var(--panel,#111b2d);border:1px solid var(--line,#263650);border-radius:14px;width:max-content}.mail-app-nav button{border:0;background:transparent}.mail-app-nav button.selected{background:var(--accent);color:#fff}.groupware-page{padding:22px}.groupware-page .panel-head{align-items:flex-start}.groupware-page a.button{display:inline-flex;align-items:center;text-decoration:none}.groupware-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.groupware-form label{display:grid;gap:7px}.groupware-form .wide{grid-column:1/-1}.groupware-form textarea{min-height:90px;resize:vertical}.groupware-form button{justify-self:start}.groupware-list{display:grid;gap:8px}.groupware-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line,#263650);border-radius:12px}.groupware-list article div{display:grid;gap:5px}.groupware-list small{color:var(--muted,#8da0ba)}
.mail-folder-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.mail-folder-row>[data-live-folder]{min-width:0}.mail-folder-menu{padding:7px 5px!important;color:#6987a7!important}.new-folder-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin-top:14px}.new-folder-form input{min-width:0;padding:8px;font-size:9px}.new-folder-form button{padding:7px 9px}.mail-folder-dialog{width:min(440px,calc(100% - 30px))}.folder-dialog-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.folder-dialog-actions .primary{width:auto;margin:0}
@media(max-width:700px){.mail-app-nav{width:100%;overflow:auto}.groupware-form{grid-template-columns:1fr}.groupware-form .wide{grid-column:auto}}