:root{--primary:#07c160;--primary-dark:#06ad56;--bg:#ededed;--bg-dark:#111;--white:#fff;--text:#333;--text-light:#888;--border:#e8e8e8;--sidebar:#2e3238;--sidebar-hover:#3a3f45;--sidebar-active:#07c160;--msg-own:#95ec69;--msg-other:#fff;--danger:#e64340;--radius:8px;--shadow:0 2px 12px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;outline:none;font-size:14px}input,textarea{border:1px solid var(--border);outline:none;font-size:14px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:silver;border-radius:3px}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px}.gap-md{gap:16px}.p-sm{padding:8px}.p-md{padding:16px}.text-sm{font-size:12px}.text-center{text-align:center}.text-muted{color:var(--text-light)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cursor-pointer{cursor:pointer}.relative{position:relative}.btn{border-radius:var(--radius);justify-content:center;align-items:center;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.input{border-radius:var(--radius);width:100%;padding:10px 14px;transition:border .2s}.input:focus{border-color:var(--primary)}.avatar{object-fit:cover;background:#ddd;border-radius:4px;flex-shrink:0;width:40px;height:40px}.avatar-sm{width:32px;height:32px}.avatar-lg{border-radius:8px;width:64px;height:64px}.avatar-default{background:var(--primary);color:#fff;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.online-dot{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.online-dot.online{background:var(--primary)}.online-dot.offline{background:#ccc}.msg-bubble{word-break:break-word;border-radius:12px;max-width:70%;padding:10px 14px;line-height:1.5}.msg-bubble.own{background:var(--msg-own);border-bottom-right-radius:4px}.msg-bubble.other{background:var(--msg-other);border-bottom-left-radius:4px}