*{box-sizing:border-box}body{margin:0;font:15px/1.45 system-ui,Arial,sans-serif;background:#f4f6fa;color:#1c2333}
header{background:#1f3a8a;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
header nav a{color:#dbe4ff;margin-left:16px;text-decoration:none}header nav a:hover{color:#fff}
.layout{display:flex;min-height:calc(100vh - 48px)}
aside{width:320px;background:#fff;border-right:1px solid #e1e6f0;padding:14px;overflow:auto}
aside h3{margin:0 0 10px}main{flex:1;padding:20px 28px;max-width:900px}
.conv{display:block;padding:10px;border-radius:8px;text-decoration:none;color:inherit;border:1px solid transparent;margin-bottom:6px}
.conv:hover{background:#f0f4ff}.conv.active{background:#e6edff;border-color:#b8c8ff}
.conv span{display:block}.small{font-size:12px}.muted{color:#6b7488}
.msg{background:#fff;border:1px solid #e1e6f0;border-radius:10px;padding:12px 14px;margin:12px 0;max-width:720px}
.msg.out{background:#eef3ff;margin-left:60px}.msg.in{margin-right:60px}
.meta{font-size:12px;color:#6b7488;margin-bottom:6px}.body{white-space:normal;word-break:break-word}
.att{display:inline-block;margin-top:8px;font-size:13px}
.card{background:#fff;border:1px solid #e1e6f0;border-radius:10px;padding:16px;margin:16px 0;max-width:720px}
.card label{display:block;font-size:13px;color:#4a5570;margin:10px 0 4px}
input,textarea{width:100%;padding:9px 10px;border:1px solid #c9d1e3;border-radius:7px;font:inherit}
button{margin-top:12px;background:#1f3a8a;color:#fff;border:0;border-radius:7px;padding:9px 18px;font:inherit;cursor:pointer}
button:hover{background:#2c4cb3}.inline{display:flex;gap:8px;align-items:center}.inline button{margin:0}
.ok{background:#e7f7ec;border:1px solid #9fd9b3;padding:8px 12px;border-radius:7px}
.error{background:#fdecec;border:1px solid #f0a8a8;padding:8px 12px;border-radius:7px}
table{border-collapse:collapse;background:#fff;width:100%;max-width:820px}th,td{border:1px solid #e1e6f0;padding:7px 10px;text-align:left;font-size:14px}
pre{background:#10162b;color:#d8e0ff;padding:10px;border-radius:8px;overflow:auto;font-size:12px}
body.login{display:flex;align-items:center;justify-content:center;min-height:100vh}body.login .card{width:340px}
@media(max-width:800px){.layout{flex-direction:column}aside{width:100%}.msg.out{margin-left:0}.msg.in{margin-right:0}}