*{box-sizing:border-box}body{color:#233047;background:#f7f9fc;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#fff;background:#2458dd;border:0;border-radius:8px;padding:12px 18px;font-weight:600}button:disabled{opacity:.6}input,textarea,select{color:#233047;background:#fff;border:1px solid #dce3ee;border-radius:7px;width:100%;padding:11px}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #9eb5f6}label{margin-bottom:17px;font-weight:600;display:block}label input,label select,label textarea{margin-top:8px}small{color:#78869c;font-weight:400}.workspace{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e4eaf3;flex-direction:column;width:235px;padding:32px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:1px;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.brand span{color:#fff;background:#2458dd;border-radius:9px;padding:8px 11px;font-size:21px}.brand small{font-size:10px}.compose{width:100%;margin:38px 0 24px;box-shadow:0 6px 15px #2458dd20}nav button{color:#738099;text-align:left;background:0 0;width:100%;margin:5px 0;padding:14px}nav span{width:28px;font-size:18px;display:inline-block}nav .active{color:#2458dd;background:#eef3ff}.aside-bottom{gap:12px;margin-top:auto;display:grid}.aside-bottom button{color:#6c7890;background:#f3f6fa}main{width:calc(100% - 235px);margin-left:235px;padding:35px 42px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}h1{letter-spacing:-1px;margin:5px 0;font-size:29px}.eyebrow{letter-spacing:2px;color:#8995a8;font-size:10px}.avatar{color:#2458dd;background:#e8efff;border-radius:50%;padding:14px;font-weight:700}.toolbar{gap:12px;margin-bottom:20px;display:flex}.toolbar input{max-width:600px}.secondary{color:#586c89;background:#fff;border:1px solid #dce3ee;padding:9px 13px}.mail-layout{background:#fff;border:1px solid #e1e7f0;border-radius:12px;grid-template-columns:minmax(250px,37%) 1fr;min-height:620px;display:grid;overflow:hidden}.message-list{border-right:1px solid #e1e7f0}.message-row{color:#32415b;text-align:left;background:#fff;border-bottom:1px solid #edf0f6;border-radius:0;width:100%;padding:22px;font-weight:400;display:block}.message-row:hover{background:#f8faff}.unread{background:#f2f6ff;border-left:3px solid #2458dd}.row-top{overflow-wrap:anywhere;justify-content:space-between;gap:12px;display:flex}time,.date{color:#8c98ac;font-size:11px}h3{margin:12px 0 7px;font-size:14px}.message-row p{color:#8090a5;font-size:12px;line-height:1.6}.status{text-transform:uppercase;letter-spacing:.5px;color:#65778f;background:#eef2f7;border-radius:4px;padding:4px 7px;font-size:10px;display:inline-block}.delivered,.received{color:#248161;background:#e6f5ee}.failed,.bounced{color:#b13434;background:#ffe9e9}.thread{min-width:0;padding:28px}.thread h2{font-size:22px}.thread article{border-bottom:1px solid #e7edf4;padding:25px 0}.plain-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0;line-height:1.8}iframe{border:0;width:100%;min-height:260px}.article-actions{gap:8px;margin-top:20px;display:flex}.attachment{color:#2458dd;background:#f0f4fc;border-radius:5px;margin:5px;padding:10px;text-decoration:none;display:inline-block}.empty{text-align:center;color:#8a97aa;padding:100px 25px}.empty h2{color:#586b86;font-size:18px}.empty p{line-height:1.8}.mail-symbol{color:#c8d4ee;font-size:50px}.card,.editor{background:#fff;border:1px solid #e2e9f2;border-radius:12px;max-width:1000px;padding:30px}.editor label{border-bottom:1px solid #eef1f6;grid-template-columns:100px 1fr;align-items:center;padding-bottom:12px;display:grid}.editor label input,.editor label select{margin:0}.editor textarea{resize:vertical;min-height:200px}.editor label small{grid-column:2}.editor details{margin:20px 0}.editor-footer{border-top:1px solid #e5ebf3;justify-content:space-between;align-items:center;padding-top:22px;display:flex}.editor-footer span{color:#8391a6;font-size:12px}.contact-form{gap:12px;margin:25px 0;display:flex}.contact-row{border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.contact-row p{color:#8491a4;margin-bottom:0}.contact-row button{margin-left:8px}.setting{border-bottom:1px solid #edf0f6;padding:22px 0}.setting p{color:#75839a;line-height:1.8}.error,.notice{color:#b53737;overflow-wrap:anywhere;background:#fff0f0;border-radius:7px;margin-bottom:20px;padding:14px 18px}.notice{color:#267451;background:#e8f7ef}.login{background:#fff;border:1px solid #e0e7f1;border-radius:16px;width:430px;margin:10vh auto;padding:40px;box-shadow:0 15px 60px #163a7110}.login h1{margin-top:35px}.login p{color:#7d899c;margin-bottom:30px}.login form{margin:30px 0}.login button{width:100%}@media (max-width:900px){aside{width:170px;padding:25px 12px}.brand{font-size:11px}.brand small{display:none}main{width:calc(100% - 170px);margin-left:170px;padding:25px 18px}.mail-layout{grid-template-columns:1fr}.message-list{border-right:0;max-height:350px;overflow:auto}.contact-form{flex-wrap:wrap}.editor label{grid-template-columns:70px 1fr}}@media (max-width:550px){aside{width:100%;padding:15px;position:static}.workspace{display:block}nav{display:flex}nav button{padding:8px}.compose{margin:15px 0}.aside-bottom{display:none}main{width:100%;margin:0;padding:20px}.login{width:calc(100% - 30px)}.editor{padding:18px}}fieldset{border:0;min-width:0;margin:0;padding:0}.compose-field{border-bottom:1px solid #eef1f6;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:17px;padding:0 0 17px;display:grid}.editor .compose-field label{border:0;margin:0;padding:11px 0;display:block}.compose-field>div{min-width:0}.editor input,.editor select,.editor textarea{margin-top:0}.compose-field input[type=file]{margin-top:10px}.field-error{color:#b53737;margin:8px 0 0;font-size:12px;line-height:1.5}.file-list{overflow-wrap:anywhere;color:#75839a;font-size:12px}.contact-row>div:first-child{overflow-wrap:anywhere;min-width:0}.contact-actions{flex-shrink:0;gap:8px;display:flex}.contact-actions button{margin:0}.row-top strong{overflow-wrap:anywhere;min-width:0}.row-top time{flex-shrink:0}.message-row h3,.thread h2,.attachment{overflow-wrap:anywhere}.message-row[aria-current=true]{background:#eaf1ff}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#c74343}.editor details textarea{margin-top:12px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #2458dd}.editor-footer{gap:12px}.editor-footer button{flex-shrink:0}.toolbar input{min-width:0}.toolbar button{flex-shrink:0}@media (max-width:550px){nav{flex-wrap:wrap;gap:4px}nav button{width:calc(50% - 2px)}.aside-bottom{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.aside-bottom small{display:none}.compose-field{grid-template-columns:minmax(0,1fr);gap:4px}.editor .compose-field label{padding:0 0 4px}.contact-row{flex-wrap:wrap;align-items:flex-start;gap:10px}.contact-form{flex-direction:column}.editor-footer{flex-direction:column;align-items:flex-start}.editor-footer button{width:100%}.thread{padding:18px}.row-top{flex-wrap:wrap}.mail-layout{min-height:450px}.empty{padding:65px 20px}.brand small{display:block}}.password-settings{margin-top:20px}.password-form{max-width:500px}.password-form label{display:block}