:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#142b3a;background:#f4f7fa}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #29a1bd;outline-offset:4px}.topbar{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe3eb;background:white}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;letter-spacing:-.6px}.brand b{font-weight:400}.brandIcon{display:grid;place-items:center;width:40px;height:40px;background:#123c50;color:#fff;border-radius:12px}.private{display:flex;align-items:center;gap:7px;color:#657580;font-size:14px}.login{width:min(440px,88%);margin:90px auto 50px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#46778c}.login h1{font-size:44px;line-height:1.12;letter-spacing:-2px;font-weight:500;margin:20px 0}.intro{font-size:17px;color:#667782;line-height:1.6;margin-bottom:38px}.login form{padding:28px;background:white;border:1px solid #dfe6ec;border-radius:16px;box-shadow:0 12px 40px #112f4706}label{font-size:14px;font-weight:600;display:block;margin-bottom:12px}input{width:100%;border:1px solid #c9d5df;border-radius:8px;padding:14px;background:#fafcfd;font:24px monospace;letter-spacing:15px;text-align:center;outline:none}input:focus{border-color:#227d99;box-shadow:0 0 0 3px #227d991c}.primary{background:#153f54;color:white;border:0;border-radius:8px;padding:15px 18px;width:100%;margin-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:16px}.primary:hover{background:#1f536b}.loginFooter{display:block;color:#7c8a94;text-align:center;font-size:13px;margin-top:26px}.mailbox{max-width:1020px;margin:52px auto;padding:0 30px}.mailHeading{display:flex;justify-content:space-between;align-items:center;gap:24px}.mailHeading h1{font-size:34px;font-weight:500;letter-spacing:-1.2px;display:flex;align-items:center;gap:13px;margin:12px 0 20px}.count{font-size:14px;padding:4px 9px;background:#dce9f0;border-radius:7px;letter-spacing:0}.actions{display:flex;gap:8px}.actions button{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d6e1e9;background:white;border-radius:8px;font-size:14px}.status{display:flex;align-items:center;gap:8px;font-size:13px;color:#687b87;margin-bottom:24px}.dot{width:6px;height:6px;border-radius:50%;background:#318671}.updated{margin-left:auto}.messageList{display:flex;flex-direction:column;gap:14px}.message{padding:23px 26px;background:white;border:1px solid #dde6ed;border-radius:12px}.messageTop{display:flex;align-items:center;gap:12px;font-size:15px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf3f7;color:#557889}.messageTop time{margin-left:auto;color:#71818d;font-size:13px}.body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.6;margin:15px 0 0 48px}.attachment{margin:12px 0 0 48px;display:inline-flex;align-items:center;gap:5px;font-size:14px;color:#176c8a}.empty{text-align:center;background:white;border:1px dashed #cad7e0;border-radius:14px;padding:70px 20px;color:#748892}.empty svg{margin:auto}.empty h2{font-size:23px;font-weight:500;color:#274759;letter-spacing:-.6px}.empty p{font-size:16px;line-height:1.6}.note{color:#72818a;font-size:13px;margin-top:24px}.error{color:#a23030;background:#fff1f1;border-radius:8px;padding:12px;font-size:14px;line-height:1.5}@media(max-width:650px){.topbar{height:74px;padding:0 20px}.private{font-size:12px}.login{margin-top:62px}.login h1{font-size:38px}.mailbox{margin-top:30px;padding:0 18px}.mailHeading{align-items:flex-start;flex-direction:column;gap:0}.mailHeading h1{font-size:29px}.actions{margin-bottom:20px}.message{padding:18px}.messageTop{gap:8px;flex-wrap:wrap}.messageTop time{font-size:12px}.body,.attachment{margin-left:0}.updated{display:none}}