:root{font-family:Inter,system-ui,sans-serif;color:#183131;background:#f2f5f1;font-size:15px}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:235px;position:fixed;height:100vh;padding:35px 25px;background:#103c37;color:#c5d9ce;display:flex;flex-direction:column;gap:40px}.brand{font-size:31px;letter-spacing:-1.5px;color:#fff;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:3px;margin-top:8px;color:#aec7b7}nav{display:grid;gap:23px}nav a{color:#d4e4db;text-decoration:none}aside small{margin-top:auto;line-height:1.8;color:#97b8a7}main{margin-left:235px;padding:50px clamp(20px,5vw,80px);width:calc(100% - 235px);max-width:1600px}header{margin-bottom:38px}.eyebrow{letter-spacing:2px;font-size:11px;color:#487668;font-weight:700}h1{font-size:clamp(30px,4vw,49px);line-height:1.12;font-weight:550;letter-spacing:-1.8px;margin:15px 0}h2{font-size:19px;letter-spacing:-.4px;margin-top:0}h2 span{float:right;color:#9cafa3;font-size:13px}p{color:#60716a;line-height:1.7}section{background:#fff;border:1px solid #dce5dc;border-radius:12px;padding:26px;margin-bottom:22px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metrics b{font-size:34px;display:block;margin-bottom:10px}.metrics span{color:#60716a}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #edf0ec;flex-wrap:wrap}.row:last-child{border:0}.tag{font-size:12px;background:#eaf3e9;padding:8px 12px;border-radius:5px;color:#275d42;text-decoration:none}label{display:grid;gap:8px;font-size:12px;font-weight:600;margin:18px 0}input,select{width:100%;padding:12px;border:1px solid #cbd8cf;border-radius:6px;font:inherit;background:#fafcf9}button{background:#1a604c;border:0;color:#fff;padding:12px 17px;border-radius:6px;font:inherit;font-size:13px;cursor:pointer}button:hover{background:#124b3b}.secondary{background:#eef3ee;color:#315c48}.notice{padding:16px 20px;border:1px solid #cbdcbb;background:#eff5e8;border-radius:8px;line-height:1.6;margin-bottom:25px;font-size:13px}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:13px 8px;border-bottom:1px solid #e6ece5}th{font-size:11px;color:#718377;text-transform:uppercase}.table{overflow:auto}.good{color:#26784b}.bad{color:#b26632}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7f2;padding:15px;line-height:1.7;border-radius:6px}small{color:#748379}.login{max-width:420px}a{color:#286c52}@media(max-width:850px){aside{width:180px;padding:25px 18px}main{margin-left:180px;width:calc(100% - 180px);padding:30px 20px}.grid{grid-template-columns:1fr}.metrics{gap:8px}.metrics section{padding:16px}}@media(max-width:580px){body{display:block}aside{position:static;height:auto;width:100%;padding:20px;gap:20px}nav{display:flex;flex-wrap:wrap;gap:16px}aside small{display:none}main{margin:0;width:100%}.metrics b{font-size:27px}}
.domain-filter{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin-bottom:25px}.domain-filter label{min-width:240px;margin:0}.domain-filter a{padding:12px 0}.mailbox-domain{margin:20px 0 32px}.mailbox-domain h3{font-size:17px;margin:0}.mailbox-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.danger-link{color:#a83838;font-size:13px;text-decoration:none;padding:10px}.danger-link:hover{text-decoration:underline}.danger-button{background:#a63232}.danger-button:hover{background:#812727}
