.vip-main{max-width:var(--content-max-width);padding:calc(var(--navbar-height) + var(--spacing-lg)) var(--spacing-lg) var(--spacing-xl);margin:0 auto}.vip-hero{padding:var(--spacing-xl) var(--spacing-xl);margin-bottom:var(--spacing-lg);border-radius:var(--radius-xl);background:radial-gradient(ellipse at top left, rgba(var(--accent-primary-rgb), .18), transparent 60%), radial-gradient(ellipse at bottom right, rgba(var(--accent-secondary-rgb), .14), transparent 60%), var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative}.vip-hero-content{max-width:720px}.vip-title{margin:0 0 var(--spacing-sm);align-items:center;gap:var(--spacing-md);color:var(--text-primary);font-size:clamp(1.75rem,3vw,2.75rem);font-weight:800;display:flex}.vip-title .title-icon{font-size:1.2em}.vip-title .gradient-text{background:var(--gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text}.vip-subtitle{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.55}.vip-auth-notice{padding:var(--spacing-lg);border:1px dashed var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-bg);text-align:center;color:var(--text-secondary)}.vip-auth-notice a{color:var(--accent-primary);font-weight:600;text-decoration:none}.vip-auth-notice a:hover{text-decoration:underline}.vip-workspace{gap:var(--spacing-md);min-height:calc(100vh - var(--navbar-height) - 260px);border-radius:var(--radius-lg);grid-template-columns:300px minmax(0,1fr) 300px;height:70vh;display:grid;overflow:hidden}.vip-sidebar{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.vip-sidebar-head{padding:var(--spacing-md);border-bottom:1px solid var(--glass-border);gap:var(--spacing-sm);background:var(--bg-tertiary);flex-direction:column;display:flex}.vip-sidebar-search{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);display:flex}.vip-sidebar-search input{color:var(--text-primary);font-family:var(--font-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.vip-section-title{padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.vip-section-count{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);padding:2px 8px;font-size:.7rem}.vip-invites-section{border-bottom:1px solid var(--glass-border);padding-bottom:var(--spacing-sm)}.vip-invites-list{padding:0 var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column;display:flex}.vip-invite-item{padding:var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);gap:var(--spacing-xs);flex-direction:column;display:flex}.vip-invite-title{color:var(--text-primary);font-weight:600}.vip-invite-meta{color:var(--text-secondary);font-size:.8rem}.vip-invite-actions{gap:var(--spacing-xs);display:flex}.vip-conversations-list{padding:0 var(--spacing-xs) var(--spacing-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.vip-list-empty{padding:var(--spacing-md);text-align:center;color:var(--text-tertiary);font-size:.85rem}.vip-convo-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex;position:relative}.vip-convo-item:hover{background:var(--glass-bg)}.vip-convo-item.active{background:rgba(var(--accent-primary-rgb), .18);box-shadow:inset 3px 0 0 var(--accent-primary)}.vip-convo-item.dragging{opacity:.5}.vip-convo-avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--bg-tertiary);flex-shrink:0;width:36px;height:36px}.vip-group-avatar{background:var(--gradient-primary);color:#fff;font-weight:700;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex}.vip-convo-body{flex:1;min-width:0}.vip-convo-top{justify-content:space-between;gap:var(--spacing-sm);align-items:baseline;display:flex}.vip-convo-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.vip-convo-time{color:var(--text-tertiary);flex-shrink:0;font-size:.7rem}.vip-convo-preview{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.vip-convo-item.has-unread .vip-convo-name,.vip-convo-item.has-unread .vip-convo-preview{color:var(--text-primary);font-weight:600}.vip-convo-unread{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);flex-shrink:0;padding:2px 8px;font-size:.72rem;font-weight:700}.vip-main-panel{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;min-width:0;display:flex;overflow:hidden}.vip-empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.vip-empty-icon{margin-bottom:var(--spacing-md);font-size:3.5rem}.vip-empty-state h2{margin:0 0 var(--spacing-xs);color:var(--text-primary);font-size:1.25rem}.vip-conv-header{padding:var(--spacing-md);border-bottom:1px solid var(--glass-border);background:var(--bg-tertiary);justify-content:space-between;align-items:center;display:flex;position:relative}.vip-conv-header-info{align-items:center;gap:var(--spacing-sm);min-width:0;display:flex}.vip-conv-header-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:36px;height:36px}.vip-conv-header-name{color:var(--text-primary);font-weight:600}.vip-conv-header-meta{color:var(--text-secondary);font-size:.78rem}.vip-conv-header-actions{gap:var(--spacing-xs);display:flex;position:relative}.vip-icon-btn{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;width:34px;height:34px;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.vip-icon-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.vip-conv-menu{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:30;position:absolute;top:calc(100% + 4px);right:0}.vip-menu-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);color:var(--text-primary);font-family:var(--font-primary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;font-size:.9rem;display:flex}.vip-menu-item:hover{background:var(--glass-bg)}.vip-menu-item-danger{color:var(--accent-danger)}.vip-messages{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.vip-messages-empty{color:var(--text-tertiary);text-align:center;padding:var(--spacing-xl);margin:auto;font-size:.9rem}.vip-load-older{text-align:center;padding:var(--spacing-sm)}.vip-date-divider{text-align:center;color:var(--text-tertiary);padding:var(--spacing-sm) 0;font-size:.75rem;font-weight:600;position:relative}.vip-date-divider:before,.vip-date-divider:after{content:"";background:var(--glass-border);width:calc(50% - 60px);height:1px;position:absolute;top:50%}.vip-date-divider:before{left:0}.vip-date-divider:after{right:0}.vip-msg{gap:var(--spacing-sm);align-items:flex-end;max-width:70%;display:flex}.vip-msg.mine{flex-direction:row-reverse;align-self:flex-end}.vip-msg-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:28px;height:28px;margin-bottom:2px}.vip-msg-bubble{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary);word-break:break-word;position:relative}.vip-msg.mine .vip-msg-bubble{background:var(--gradient-primary);color:#fff;border-color:#0000}.vip-msg-bubble-tombstone,.vip-msg.mine .vip-msg-bubble-tombstone{color:var(--text-tertiary)!important;box-shadow:none!important;background:#94a3b814!important;border:1px dashed #94a3b852!important}.vip-msg-bubble-tombstone .msg-tombstone{color:var(--text-tertiary)}.vip-msg-bubble-tombstone .msg-tombstone-admin{color:var(--accent-danger,#ef4444)}.vip-msg.mine .msg-action-bar{left:auto;right:8px}.vip-msg-sender{color:var(--accent-primary);margin-bottom:2px;font-size:.75rem;font-weight:600}.vip-msg-text{white-space:pre-wrap;line-height:1.45}.vip-msg-time{opacity:.7;text-align:right;margin-top:4px;font-size:.7rem}.vip-msg-images{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.vip-msg-images img{object-fit:cover;border-radius:var(--radius-md);cursor:pointer;width:140px;height:140px;transition:transform var(--transition-fast)}.vip-msg-images img:hover{transform:scale(1.04)}.vip-composer{padding:var(--spacing-md);border-top:1px solid var(--glass-border);background:var(--bg-tertiary);flex-direction:column;gap:4px;display:flex}.vip-composer-row{align-items:center;gap:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);display:flex}.vip-composer-row:focus-within{border-color:var(--accent-primary)}.vip-composer .composer-inputwrap{flex:1;min-width:0;position:relative}.vip-composer .composer-mirror{color:var(--text-primary);font-family:var(--font-primary);white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;border:none;margin:0;padding:7px 0;font-size:.95rem;line-height:1.45;position:absolute;inset:0;overflow:hidden}.vip-composer .composer-mirror:empty:before{content:""}.vip-composer .composer-mirror .composer-mention-chip{color:var(--accent-primary);background:#8b5cf633;border-radius:3px}.vip-composer textarea{z-index:1;color:#0000;-webkit-text-fill-color:transparent;width:100%;min-height:36px;max-height:160px;caret-color:var(--text-primary);resize:none;font-family:var(--font-primary);background:0 0;border:none;outline:none;margin:0;padding:7px 0;font-size:.95rem;line-height:1.45;display:block;position:relative}.vip-composer textarea::selection{color:#fff;-webkit-text-fill-color:#fff;background:var(--accent-primary)}.vip-composer textarea::selection{color:#fff;-webkit-text-fill-color:#fff;background:var(--accent-primary)}.vip-composer textarea::placeholder{color:var(--text-tertiary);-webkit-text-fill-color:var(--text-tertiary)}.vip-composer-toolbar{align-items:center;gap:4px;min-height:28px;padding:0 2px;display:flex}.vip-composer-tool{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex}.vip-composer-tool:hover{background:var(--bg-tertiary);color:var(--text-primary)}.vip-send-btn{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;cursor:pointer;width:36px;height:36px;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;flex-shrink:0;font-size:1rem}.vip-send-btn:disabled{opacity:.4;cursor:not-allowed}.vip-send-btn:not(:disabled):hover{transform:scale(1.06)}.vip-composer-meta{color:var(--text-tertiary);text-align:right;min-height:.85rem;margin-left:auto;font-size:.7rem}.vip-composer-meta.near-limit{color:var(--accent-warning)}.vip-composer-meta.at-limit{color:var(--accent-danger)}.vip-details-panel{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.vip-details-head{padding:var(--spacing-md);background:var(--bg-tertiary);border-bottom:1px solid var(--glass-border);color:var(--text-primary);justify-content:space-between;align-items:center;font-weight:600;display:flex}.vip-members-list{padding:var(--spacing-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.vip-member-row{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);display:flex}.vip-member-row:hover{background:var(--glass-bg)}.vip-member-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:30px;height:30px}.vip-member-info{align-items:center;gap:var(--spacing-xs);flex:1;min-width:0;display:flex}.vip-member-name{color:var(--text-primary);font-weight:500}.vip-member-badge{background:rgba(var(--accent-secondary-rgb), .18);color:var(--accent-secondary);border-radius:var(--radius-full);padding:2px 8px;font-size:.7rem}.vip-member-you{color:var(--text-tertiary);font-size:.75rem}.vip-drop-zone{margin:var(--spacing-sm);padding:var(--spacing-lg);border:2px dashed var(--glass-border);border-radius:var(--radius-md);text-align:center;color:var(--text-secondary);transition:border-color var(--transition-fast), background var(--transition-fast);font-size:.85rem}.vip-drop-zone.drag-over{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .12);color:var(--text-primary)}.vip-drop-zone-icon{margin-bottom:4px;font-size:1.5rem}.vip-details-actions{padding:var(--spacing-md);border-top:1px solid var(--glass-border)}.vip-btn-primary,.vip-btn-ghost,.vip-btn-danger{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);font-family:var(--font-primary);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:1px solid #0000;padding:8px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.vip-btn-primary{background:var(--gradient-primary);color:#fff}.vip-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.vip-btn-primary:disabled{opacity:.5;cursor:not-allowed}.vip-btn-ghost{color:var(--text-primary);border-color:var(--glass-border);background:0 0}.vip-btn-ghost:hover{background:var(--glass-bg)}.vip-btn-danger{background:rgba(var(--accent-danger), .12);color:var(--accent-danger);border-color:var(--accent-danger)}.vip-btn-danger:hover{background:var(--accent-danger);color:#fff}.vip-btn-sm{padding:4px 10px;font-size:.8rem}.vip-new-group-btn{width:100%}.vip-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;padding:var(--spacing-md);background:#0000008c;justify-content:center;align-items:center;animation:.2s ease-out vipFade;display:flex;position:fixed;inset:0}@keyframes vipFade{0%{opacity:0}to{opacity:1}}.vip-modal{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:min(520px,100%);max-height:85vh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.vip-modal-head{padding:var(--spacing-md);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.vip-modal-head h3{color:var(--text-primary);margin:0;font-size:1.1rem}.vip-modal-body{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex;overflow-y:auto}.vip-modal-actions{padding:var(--spacing-md);border-top:1px solid var(--glass-border);gap:var(--spacing-sm);justify-content:flex-end;display:flex}.vip-form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:.8rem;font-weight:600}.vip-form-input{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-primary);outline:none;padding:10px 12px;font-size:.95rem}.vip-form-input:focus{border-color:var(--accent-primary)}.vip-modal-search{margin-bottom:var(--spacing-xs)}.vip-form-hint{color:var(--text-tertiary);font-size:.8rem}.vip-form-check{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);cursor:pointer;font-size:.9rem;display:flex}.vip-user-picker{border:1px solid var(--glass-border);border-radius:var(--radius-md);max-height:280px;padding:var(--spacing-xs);background:var(--bg-primary);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.vip-picker-row{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.vip-picker-row:hover{background:var(--glass-bg)}.vip-picker-row img{border-radius:var(--radius-full);object-fit:cover;width:28px;height:28px}.vip-picker-row span{color:var(--text-primary);flex:1}.vip-picker-row .vip-picker-check{color:var(--accent-success);flex:0;font-weight:700;display:none}.vip-picker-row.selected{background:rgba(var(--accent-primary-rgb), .18)}.vip-picker-row.selected .vip-picker-check{display:inline}.vip-lightbox{z-index:300;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vip-lightbox.hidden{display:none}.vip-lightbox img{border-radius:var(--radius-md);max-width:92vw;max-height:92vh}@media (max-width:960px){.vip-workspace{grid-template-columns:260px minmax(0,1fr);height:75vh}.vip-details-panel{top:var(--navbar-height);z-index:80;border-radius:0;width:min(320px,90vw);position:fixed;bottom:0;right:0}}@media (max-width:700px){.vip-workspace{grid-template-columns:1fr;height:78vh}.vip-sidebar{max-height:240px}.vip-msg{max-width:85%}}.hidden{display:none!important}