:root{--bg:#d7e7f2;--left:#ffffff;--line:#e7edf3;--hover:#f5f8fb;--active:#e8f1fa;--text:#1c2733;--muted:#7c8c9f;--blue:#3390ec;--blue-dark:#2b7fd3;--bubble-in:#ffffff;--bubble-out:#d9fdd3}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#cfdee8}button,input,textarea{font:inherit}.rg-auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#ecf4fa,#dfebf4)}.rg-auth-card{width:100%;max-width:430px;background:#fff;border-radius:22px;border:1px solid #e6eef6;padding:28px;box-shadow:0 18px 48px #1f2d411a}.rg-auth-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px}.rg-auth-logo{width:86px;height:86px;border-radius:50%;background:linear-gradient(180deg,#59b4ff,#3390ec);color:#fff;font-weight:800;font-size:38px;display:flex;align-items:center;justify-content:center}.rg-auth-brand h1{margin:0;font-size:34px;line-height:1}.rg-auth-brand p{margin:0;color:#7b8a9a;text-align:center}.rg-field{display:flex;flex-direction:column;gap:8px;margin:14px 0}.rg-field label{font-size:14px;color:#6e7d8f}.rg-field input,.rg-field textarea{width:100%;padding:14px 15px;border-radius:14px;border:1px solid #d8e4ef;background:#fff;color:#213243;font-size:16px;outline:none;resize:none}.rg-primary-btn{width:100%;border:none;border-radius:14px;background:var(--blue);color:#fff;padding:15px 18px;font-size:17px;font-weight:700;cursor:pointer;margin-top:8px}.rg-primary-btn-inline{width:auto;margin:0}.rg-secondary-btn{border:none;border-radius:12px;background:#eef4f8;color:#32475c;padding:12px 16px;cursor:pointer}.rg-link-btn{border:none;background:transparent;color:var(--blue);cursor:pointer}.rg-auth-actions{margin-top:8px;text-align:center}.rg-error{margin-top:12px;color:#d9534f;font-size:14px;text-align:center}.rg-ok{margin-top:12px;color:#2d8a4f;font-size:14px;text-align:center}.rg-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.rg-layout{height:100%;display:flex;background:#dfe8ef}.rg-sidebar{width:400px;min-width:340px;max-width:430px;background:var(--left);border-right:1px solid var(--line);display:flex;flex-direction:column}.rg-sidebar-top{padding:10px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef3f7;background:#fff}.rg-sidebar-profile{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #eef3f7;background:#fff}.rg-sidebar-profile-meta{min-width:0}.rg-sidebar-profile-name{font-size:15px;font-weight:700}.rg-sidebar-profile-sub{font-size:12px;color:#7c8c9f;margin-top:2px}.rg-sidebar-actions{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid #eef3f7;background:#fff;flex-wrap:wrap}.rg-small-action{border:none;border-radius:999px;background:#f3f6f9;color:#314154;padding:8px 12px;cursor:pointer}.rg-rooms{overflow:auto;flex:1;background:#fff}.rg-main{flex:1;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#fff6b857,#b9e7cc57)}.rg-chat-header{height:64px;display:flex;align-items:center;gap:12px;padding:10px 18px;background:#fff;border-bottom:1px solid #eef3f7}.rg-chat-header-meta{min-width:0;display:flex;flex-direction:column;cursor:pointer}.rg-chat-header-title{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rg-chat-header-sub{font-size:12px;color:#7b8ea1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rg-chat-header-actions{margin-left:auto;display:flex;gap:8px}.rg-chat-search-wrap{padding:10px 18px;border-bottom:1px solid #eef3f7;background:#fff}.rg-chat-search-input{width:100%;border:none;background:#f3f6f9;border-radius:18px;padding:11px 14px;font-size:14px;outline:none}.rg-messages{flex:1;overflow:auto;padding:18px 22px 10px}.rg-day-sep{width:max-content;margin:10px auto 14px;padding:6px 12px;font-size:12px;color:#6e8194;background:#ffffffd1;border-radius:999px}.rg-composer-wrap{padding:10px 16px 16px}.rg-composer{display:flex;align-items:flex-end;gap:10px;padding:8px;border-radius:16px;background:#fff;border:1px solid rgba(230,238,246,.9);box-shadow:0 4px 20px #23354d14}.rg-composer textarea{flex:1;min-height:42px;max-height:150px;resize:none;border:none;outline:none;background:transparent;font-size:15px;color:#203243;padding:10px 2px}.rg-send-btn{width:42px;height:42px;border:none;border-radius:50%;background:var(--blue);color:#fff;cursor:pointer;font-size:20px}.rg-drawer-head{min-height:64px;padding:10px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef3f7}.rg-plain-btn{width:42px;height:42px;border:none;border-radius:50%;background:transparent;color:#6e8298;font-size:20px;cursor:pointer}.rg-drawer-title{font-size:16px;font-weight:700}.rg-drawer-cover{padding:18px 18px 14px;border-bottom:1px solid #eef3f7;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.rg-drawer-cover-title{font-size:16px;font-weight:700}.rg-drawer-cover-sub{font-size:13px;color:#7e8ea2}.rg-drawer-tabs{display:flex;border-bottom:1px solid #eef3f7}.rg-drawer-tabs button{flex:1;border:none;background:#fff;padding:12px 8px;font-size:14px;font-weight:600;color:#6f8599;border-bottom:3px solid transparent;cursor:pointer}.rg-drawer-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.rg-drawer-scroll{overflow:auto;flex:1;background:#fff}.rg-list-row{padding:12px 16px;border-bottom:1px solid #f3f6f9}.rg-list-row-flex{display:flex;align-items:center;gap:12px}.rg-list-meta{min-width:0}.rg-list-title{font-size:15px;font-weight:600}.rg-list-sub{font-size:12px;color:#8697a9;margin-top:2px}.rg-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#edf2f6}.rg-media-cell{aspect-ratio:1/1;background:#dfe8ef;overflow:hidden}.rg-media-cell img{width:100%;height:100%;object-fit:cover;display:block}.rg-media-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.rg-empty-inline{padding:16px;color:#7c8c9f;font-size:14px}.rg-empty-inline-pad{padding:24px}.rg-settings-profile{padding:18px 18px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;border-bottom:1px solid #eef3f7}.rg-upload-link{color:var(--blue);cursor:pointer;font-size:14px}.rg-settings-form{padding:12px 18px 18px;overflow:auto}.rg-toast{position:fixed;right:18px;bottom:18px;background:#233447;color:#fff;padding:12px 14px;border-radius:12px;z-index:50}@media(max-width:980px){.rg-sidebar{width:100%;min-width:0;max-width:none}}