:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#1d3045;background:#f1f5fa}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #cfdae6;border-radius:8px;padding:9px 12px;background:white;color:#23425f}button:hover{background:#e8f0fa}button:disabled{opacity:.45;cursor:default}.primary,form button[type=submit],.login button{background:#2468af;color:white;border-color:#2468af}header{height:60px;background:#17304c;color:white;display:flex;align-items:center;gap:16px;padding:0 20px}header b{font-size:19px;margin-right:auto}header button,header a{background:#254564;color:white;border:none;text-decoration:none;padding:9px;border-radius:7px}#layout{height:calc(100vh - 60px);display:grid;grid-template-columns:260px 350px minmax(350px,1fr)}aside{border-right:1px solid #d5dfec;padding:18px;overflow:auto}.account{padding:11px 0;border-top:1px solid #dce4ed;margin-top:10px}.account-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;word-break:break-all}.account-title button{border:0;background:none;font-weight:700;text-align:left}.folder{display:block;border:0;width:100%;text-align:left;padding:8px 12px;margin:2px 0;background:transparent;overflow:hidden;text-overflow:ellipsis}.folder.active{background:#dce9fa;color:#155a9c;font-weight:700}.list{border-right:1px solid #d5dfec;background:#fff;display:flex;flex-direction:column;min-width:0}.list-head{padding:12px 16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}#messages{overflow:auto;flex:1}.item{padding:13px 15px;border:0;border-bottom:1px solid #ebeff4;text-align:left;width:100%;background:white;display:block}.item strong,.item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item small{color:#718198;margin-top:4px}.item.unread{background:#eef5ff}.item.active{border-left:4px solid #347cc5;background:#e4effe}.pager{display:flex;align-items:center;justify-content:space-around;padding:8px;border-top:1px solid #ddd;font-size:12px}#reader{background:#fff;padding:27px;overflow:auto;white-space:normal}.empty{color:#8392a3;text-align:center;margin-top:20vh}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;padding-top:22px}.message-meta{color:#667b90;font-size:13px;margin:6px 0}.toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.login{background:white;max-width:410px;margin:12vh auto;padding:30px;border-radius:15px;box-shadow:0 15px 55px #1b3b5a1f}.logo{font-weight:800;color:#2468af;font-size:24px}.login label,.form label{display:block;margin:14px 0;font-size:13px;color:#456}.login input,.form input,.form textarea,.form select{display:block;width:100%;padding:11px;margin-top:5px;border:1px solid #cbd6e3;border-radius:7px}.form textarea{min-height:100px}.form .small{min-height:65px}.form button{margin-top:12px}.error{color:#ad2e37}.hidden{display:none!important}#modal{position:fixed;inset:0;background:#091d37b5;display:flex;justify-content:center;align-items:center;padding:15px;z-index:10}.dialog{position:relative;background:white;width:min(760px,98vw);max-height:94vh;overflow:auto;border-radius:15px;padding:26px;box-shadow:0 20px 80px #0004}.close{position:absolute;right:14px;top:14px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.note{font-size:13px;color:#64778a}.contact{border-bottom:1px solid #e3e8f0;padding:10px 2px}.contact span{display:block;font-size:12px;color:#64778a}.tabs{display:flex;gap:7px;margin:16px 0}.tabs button.selected{background:#2468af;color:white}#toast{position:fixed;bottom:18px;right:18px;background:#16344f;color:white;padding:13px 18px;border-radius:10px;z-index:30;max-width:450px;white-space:pre-wrap}@media(max-width:850px){#layout{grid-template-columns:175px 1fr}#reader{grid-column:1/-1;display:none;position:fixed;inset:60px 0 0;z-index:3;background:white}#reader.mobile-open{display:block}.list{min-width:0}header #account-name{display:none}aside{padding:10px}header{gap:6px;padding:0 8px}header b{font-size:15px}}