.profile-popup{position:fixed;z-index:1100;width:320px;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;transform:translateY(4px) scale(.97);pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out;overflow:hidden}.profile-popup--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.profile-popup-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-canvas-subtle);border-bottom:1px solid var(--color-border-subtle)}.profile-popup-avatar{flex-shrink:0}.profile-popup-names{min-width:0}.profile-popup-name{font-size:var(--text-base);font-weight:600;color:var(--color-fg);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-popup-email{font-size:var(--text-xs);color:var(--color-fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.profile-popup-body{padding:var(--space-3) var(--space-4)}.profile-popup-stat{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-fg-muted)}.profile-popup-stat+.profile-popup-stat{border-top:1px solid var(--color-border-subtle)}.profile-popup-stat-value{font-weight:600;color:var(--color-fg)}.profile-popup-role{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:var(--space-1)}.profile-popup-role--admin{background:var(--color-danger-subtle);color:var(--color-danger-fg)}.profile-popup-role--manager{background:var(--color-accent-muted);color:var(--color-accent)}.profile-popup-role--member{background:var(--color-success-subtle);color:var(--color-success-fg)}.profile-popup-role--viewer,.profile-popup-role--guest{background:var(--color-canvas-subtle);color:var(--color-fg-muted)}.profile-popup-footer{padding:var(--space-2) var(--space-4) var(--space-3);border-top:1px solid var(--color-border-subtle)}.profile-popup-view-link{display:block;width:100%;padding:var(--space-1) 0;font-size:var(--text-sm);font-weight:500;color:var(--color-accent);text-align:center;cursor:pointer;border-radius:var(--radius-md);transition:background .15s}.profile-popup-view-link:hover{background:var(--color-accent-muted);text-decoration:none}.profile-panel{display:flex;flex-direction:column;height:100%}.profile-panel-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.profile-panel-avatar{flex-shrink:0}.profile-panel-info{min-width:0}.profile-panel-name{font-size:var(--text-xl);font-weight:700;color:var(--color-fg-heading);line-height:1.3}.profile-panel-email{font-size:var(--text-sm);color:var(--color-fg-muted);margin-top:2px}.profile-panel-role-badge{display:inline-flex;margin-top:var(--space-1)}.profile-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-subtle);padding:0 var(--space-4);flex-shrink:0}.profile-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-fg-muted);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.profile-tab:hover{color:var(--color-fg)}.profile-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.profile-tab-content{flex:1;overflow-y:auto;padding:var(--space-4)}.profile-section{margin-bottom:var(--space-5)}.profile-section-title{font-size:var(--text-xs);font-weight:600;color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);padding:0 var(--space-1)}.profile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.profile-info-item{padding:var(--space-3);background:var(--color-canvas-subtle);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.profile-info-label{font-size:var(--text-xs);color:var(--color-fg-muted);margin-bottom:var(--space-1)}.profile-info-value{font-size:var(--text-base);font-weight:600;color:var(--color-fg)}.profile-activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);transition:background .12s}.profile-activity-item:hover{background:var(--color-canvas-subtle)}.profile-activity-icon{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-accent-muted);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:.875rem}.profile-activity-body{flex:1;min-width:0}.profile-activity-text{font-size:var(--text-sm);color:var(--color-fg);line-height:1.45}.profile-activity-time{font-size:var(--text-xs);color:var(--color-fg-subtle);margin-top:2px}.profile-ticket-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background .12s}.profile-ticket-item:hover{background:var(--color-canvas-subtle)}.profile-ticket-id{font-size:var(--text-xs);font-weight:600;color:var(--color-fg-muted);font-family:var(--font-mono);flex-shrink:0;min-width:48px}.profile-ticket-title{flex:1;font-size:var(--text-sm);color:var(--color-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-ticket-status{flex-shrink:0}.profile-convo-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background .12s}.profile-convo-item:hover{background:var(--color-canvas-subtle)}.profile-convo-icon{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-canvas-subtle);color:var(--color-fg-muted);display:flex;align-items:center;justify-content:center;font-size:.75rem}.profile-convo-name{flex:1;font-size:var(--text-sm);color:var(--color-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-convo-preview{font-size:var(--text-xs);color:var(--color-fg-subtle);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.profile-empty-icon{width:48px;height:48px;border-radius:50%;background:var(--color-canvas-subtle);color:var(--color-fg-subtle);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:var(--space-3)}.profile-empty-text{font-size:var(--text-sm);color:var(--color-fg-muted)}.profile-skeleton{height:16px;background:var(--color-canvas-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.profile-skeleton--short{width:40%}.profile-skeleton--medium{width:65%}.profile-skeleton--circle{width:48px;height:48px;border-radius:50%;flex-shrink:0}.profile-panel-avatar--editable{position:relative;cursor:pointer}.profile-panel-avatar--editable:hover .profile-avatar-overlay{opacity:1}.profile-avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;border-radius:50%;opacity:0;transition:opacity .2s ease;pointer-events:none}.dark .profile-popup{background:var(--color-canvas-overlay);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}.dark .profile-popup-header{background:var(--color-surface-raised)}.dark .profile-info-item{background:var(--color-surface-glass)}