@font-face{font-family:v;src:local(Tahoma)}*{box-sizing:border-box}body{margin:0;font-family:v,Tahoma,sans-serif;background:#eff5fb;color:#17243b}button,input{font:inherit}button{border:0;border-radius:11px;background:#2563eb;color:#fff;padding:10px 15px;cursor:pointer}.ghost{background:#edf2f7;color:#475569}.brand{font-size:23px;color:#0f766e}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#ccfbf1,#eff6ff 55%,#fff)}.card{width:min(390px,92vw);background:#fff;padding:34px;border-radius:24px;box-shadow:0 20px 60px #1e3a5f22;display:grid;gap:14px;text-align:center}.card input,#search,#sendForm input,#groupTitle{border:1px solid #dbe4ef;border-radius:12px;padding:12px;outline:0}.card a{color:#2563eb;cursor:pointer}.card small{color:#dc2626}main{height:100vh;display:grid;grid-template-columns:340px 1fr;max-width:1400px;margin:auto;background:#fff;box-shadow:0 0 40px #15335118}aside{border-left:1px solid #e2e8f0;padding:18px;overflow:auto}aside header,.chat header{height:58px;display:flex;align-items:center;justify-content:space-between}.tools{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.tools button{padding:8px;font-size:12px}.tools button:last-child{background:#0f766e}#search{width:100%;margin-bottom:12px}.item{display:flex;gap:12px;align-items:center;padding:13px;border-radius:15px;cursor:pointer}.item:hover,.item.active{background:#eaf3ff}.avatar{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#14b8a6);color:white;font-weight:bold}.item div{min-width:0;flex:1}.item p{margin:5px 0 0;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.chat{display:grid;grid-template-rows:74px 1fr 76px;min-width:0}.chat header{padding:8px 22px;border-bottom:1px solid #e2e8f0}.chat #back{display:none}#messages{padding:24px;overflow:auto;background:linear-gradient(#f8fbffdd,#f8fbffdd),radial-gradient(#bfdbfe 1px,transparent 1px);background-size:auto,22px 22px}.msg{max-width:72%;margin:8px 0;background:#fff;border:1px solid #e2e8f0;padding:10px 14px;border-radius:16px 16px 16px 4px;box-shadow:0 2px 8px #3341550c}.msg.mine{margin-right:auto;background:#dff8f0;border-color:#bbede0;border-radius:16px 16px 4px 16px}.msg b{display:block;color:#0f766e;font-size:12px}.msg small{display:block;color:#64748b;font-size:10px;margin-top:5px}.filebox{display:block;color:#1d4ed8;text-decoration:none;background:#fff;padding:8px;border-radius:9px;margin-top:5px}#sendForm{display:flex;gap:10px;padding:14px 22px;border-top:1px solid #e2e8f0}#sendForm input{flex:1}.attach{font-size:25px;cursor:pointer}dialog{border:0;border-radius:20px;padding:22px;width:min(430px,92vw)}dialog::backdrop{background:#0f172a88}dialog menu{display:flex;justify-content:flex-end;gap:10px}.pick{display:flex;gap:10px;padding:9px}#toast{position:fixed;bottom:20px;left:20px;background:#17243b;color:white;padding:12px 18px;border-radius:12px;display:none}@media(max-width:760px){main{grid-template-columns:1fr}aside{border:0}.chat{display:none;position:fixed;inset:0;background:white;z-index:2}.chat.open{display:grid}.chat #back{display:block}.msg{max-width:88%}}

[hidden] { display: none !important; }