*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,Segoe UI,sans-serif;color:#23324a;background:#f6f8fc}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffd24b;outline-offset:3px}.layout{display:grid;grid-template-columns:330px 1fr;min-height:100vh}.sidebar{padding:25px 28px;background:#075bbb;color:white}.brand{font-size:13px;font-weight:750;letter-spacing:1.5px}.logo{display:none;place-items:center;background:white;width:145px;height:145px;margin:25px auto 30px;color:#7876b9}.logo svg{width:100px;height:100px}.address{display:flex;gap:10px;justify-content:space-between;align-items:center;width:100%;padding:13px;border:0;border-radius:5px;background:#ffffff1c;color:white;text-align:left;font-size:12px;min-height:45px}.address span:first-child{overflow-wrap:anywhere}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:10px 0 25px}.actions button{font-size:11px;padding:12px 1px;background:#ffffff1c;border:0;color:white;border-radius:4px}form h1{font-size:16px;margin:0 0 16px}label{display:block;font-size:12px;margin:13px 0 7px;color:#deebff}input,select{display:block;width:100%;height:45px;border:1px solid #ffffff26;border-radius:6px;padding:0 12px;background:#ffffff15;color:white;min-width:0}input::placeholder{color:#b6d0ee}select option{background:white;color:#23324a}.hint,.sidebar-note{font-size:11px;color:#c3daf5;line-height:1.8}.primary,.random{width:100%;border:0;border-radius:5px;padding:13px;color:white;font-weight:600}.primary{background:#20b91b;margin-top:7px}.random{background:#d7aa32}.divider{height:1px;background:#ffffff35;margin:23px 30px}#formStatus{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.sidebar-note{margin-top:24px}main{background:white;min-width:0;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:#f1f4f8;gap:12px}.badge{font-size:12px;color:#546b8b}.text-button{border:0;background:none;color:#075bbb}.status{display:flex;justify-content:space-between;gap:15px;color:#8792a4;font-size:12px;padding:20px 30px;border-bottom:1px solid #edf0f5}#messages{flex:1;min-height:300px}.empty{min-height:390px;display:flex;justify-content:center;align-items:center;color:#9aa4b2;text-align:center;padding:35px;font-size:16px;line-height:1.8}.mail{display:flex;width:100%;justify-content:space-between;gap:20px;text-align:left;background:white;border:0;border-bottom:1px solid #edf0f5;padding:22px 30px;color:#23324a}.mail:hover{background:#f8faff}.mail-body{min-width:0}.mail strong,.mail span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mail span{font-size:12px;color:#8490a4;margin-top:6px}.mail time{font-size:11px;color:#8490a4;white-space:nowrap}footer{padding:25px 30px;color:#9aa4b2;font-size:11px;line-height:1.8}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#18263e;color:white;border-radius:8px;padding:14px 20px;max-width:90vw;width:max-content;z-index:30}.toast[hidden]{display:none}dialog{width:calc(100% - 30px);max-width:650px;border:0;border-radius:14px;padding:0;color:#23324a}dialog::backdrop{background:#11182799}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid #edf0f5}.dialog-head h2{font-size:18px;margin:0;overflow-wrap:anywhere}.dialog-head button{border:0;background:#edf2f8;border-radius:5px;font-size:22px;padding:4px 11px}.dialog-body{padding:23px;line-height:1.8}.message-text{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7faff;border-radius:8px;padding:18px}.meta{font-size:12px;color:#8792a4;overflow-wrap:anywhere}@media(max-width:700px){.layout{display:block}.sidebar{padding:20px}.logo{width:110px;height:110px;margin:15px auto 22px}.logo svg{width:78px;height:78px}.sidebar-note{margin-bottom:0}form{max-width:520px;margin:auto}.empty{min-height:230px}.status,header,.mail,footer{padding-left:20px;padding-right:20px}}
