:root{color:#1b1e28;background:#f6f4ef;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:44px 24px}.login{background:#fff;border:1px solid #e7e2d8;border-radius:16px;max-width:460px;margin:12vh auto}h1{margin:0 0 7px;font-size:32px}h2{margin:0}.eyebrow{letter-spacing:.13em;color:#787164;font-size:12px;font-weight:700}header,.toolbar,.actions{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:18px;display:flex}.layout{grid-template-columns:300px 1fr;gap:18px;display:grid}aside,section{background:#fff;border:1px solid #e7e2d8;border-radius:16px;padding:20px;box-shadow:0 10px 30px #2c25100a}button{color:#fff;cursor:pointer;background:#266a54;border:0;border-radius:9px;width:auto;padding:10px 13px;font-weight:650}aside>button{text-align:left;color:#34362f;background:0 0;width:100%;display:block}aside small{margin-top:4px;font-weight:400;display:block}.selected{color:#18533f!important;background:#e0eee5!important}.active{color:#1e7954}.inactive{color:#ab302a}.quiet{color:#2a2b2b;background:#edeae2}input,select,textarea{width:100%;font:inherit;border:1px solid #d9d5cc;border-radius:8px;margin:5px 0 12px;padding:10px}textarea{resize:vertical}label{font-size:13px;font-weight:650}hr{border:0;border-top:1px solid #eee9df;margin:18px 0}article{border-bottom:1px solid #eee9df;grid-template-columns:1fr auto;gap:6px;padding:15px 2px;display:grid}article span{color:#6d6c68;font-size:13px}.message-row{cursor:pointer}.message-row:hover{background:#faf8f4}article time{color:#77736b;font-size:12px}.hint{color:#74716a}.error{color:#ab302a}.modal{background:#18201988;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reader{width:min(760px,100%);max-height:90vh;overflow:auto}.reader pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#faf8f4;border-radius:8px;padding:14px;line-height:1.5}@media (width<=720px){main{padding:20px 12px}.layout{grid-template-columns:1fr}}