:root{--primary:var(--color-primary);--primary-dark:var(--color-primary-dark);--primary-light:var(--color-primary-light);--accent:var(--color-accent);--accent-dark:var(--color-accent-dark);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--border:var(--color-border);--bg-primary:var(--color-bg-primary);--bg-secondary:var(--color-bg-secondary);--bg-tertiary:var(--color-bg-tertiary);--success:var(--color-success);--warning:var(--color-warning);--error:var(--color-error);--gradient-primary:var(--gradient-brand);--gradient-subtle:var(--gradient-subtle)}.dashboard-container{min-height:100vh;background:var(--color-bg-light-gray);display:flex;flex-direction:column}.global-header{background:var(--bg-primary);border-bottom:1px solid var(--border);height:64px;padding:0 var(--space-lg);justify-content:space-between;position:sticky;top:0;z-index:200}.global-header,.header-left{display:flex;align-items:center}.header-left{gap:var(--space-2xl)}.logo{display:inline-block;text-decoration:none}.logo,.logo-svg{transition:transform var(--transition-fast)}.logo-svg{display:block;transform:rotate(-3deg)}.logo:hover .logo-svg{transform:rotate(0deg)}.header-nav{display:flex;gap:var(--space-xl)}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast);position:relative;padding:var(--space-2xs) 0}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link.active{font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:3px;background:var(--primary)}.header-right{display:flex;align-items:center;gap:var(--space-md)}.notification-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast);position:relative}.notification-btn:hover{background:var(--bg-secondary)}.user-avatar-button{cursor:pointer;border:none;background:transparent;padding:0;width:32px;height:32px}.user-avatar-circle{width:32px;height:32px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--text-primary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm);transition:transform var(--transition-fast)}.user-avatar-button:hover .user-avatar-circle{transform:scale(1.05)}.user-menu-container{position:relative}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-xs);background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000;overflow:hidden;border:1px solid var(--border)}.user-menu-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.user-menu-name{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary)}.user-menu-email{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-2xs)}.user-menu-item{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);color:var(--text-primary);text-decoration:none;font-size:var(--font-size-sm);transition:background var(--transition-fast)}.user-menu-item:hover{background:var(--bg-secondary)}.user-menu-item svg{margin-right:var(--space-sm)}.user-menu-divider{border-top:1px solid var(--border);padding-top:var(--space-2xs);padding-bottom:var(--space-2xs)}.user-menu-signout{display:flex;align-items:center;width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--error);text-decoration:none;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left}.user-menu-signout:hover{background:rgba(239,68,68,.08)}.user-menu-signout svg{margin-right:var(--space-sm)}.dashboard-layout{display:flex;flex:1}.dashboard-sidebar{width:240px;background:var(--bg-primary);border-right:1px solid var(--border);padding:var(--space-lg) 0;overflow-y:auto;position:sticky;top:64px;height:calc(100vh - 64px)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-xl)}.nav-section{padding:0 var(--space-md)}.nav-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);padding:0 var(--space-sm)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);position:relative}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:var(--gradient-subtle);color:var(--primary);font-weight:600}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--primary);color:var(--bg-primary);font-size:var(--font-size-xs);font-weight:600;padding:2px var(--space-2xs);border-radius:10px;min-width:18px;text-align:center}.dashboard-main{flex:1;padding:var(--space-xl);max-width:1200px;margin:0 auto;width:100%}.welcome-section{margin-bottom:var(--space-2xl)}.welcome-title{font-size:var(--font-size-section-hero);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.welcome-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.section-link{font-size:var(--font-size-sm);color:var(--primary);text-decoration:none;font-weight:500;transition:opacity var(--transition-fast)}.section-link:hover{opacity:.8}.conversations-section{margin-bottom:var(--space-2xl)}.conversation-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-md)}.conversation-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--border);display:flex;align-items:center;gap:var(--space-md);transition:all var(--transition-fast);cursor:pointer}.conversation-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(134,200,188,.2);transform:translateY(-2px)}.card-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.card-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--gradient-subtle);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:600;color:var(--primary)}.card-content{flex:1;min-width:0}.card-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.card-name,.card-preview{margin-bottom:var(--space-2xs)}.card-preview{font-size:var(--font-size-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.card-action{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.card-action:hover{background:var(--primary);color:white;transform:scale(1.1)}.companions-strip{margin-bottom:var(--space-2xl)}.companions-list{display:flex;gap:var(--space-lg);overflow-x:auto;padding-bottom:var(--space-xs)}.companions-list::-webkit-scrollbar{height:4px}.companions-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:2px}.companions-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.companion-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex-shrink:0;cursor:pointer;transition:transform var(--transition-fast)}.companion-item:hover{transform:translateY(-2px)}.companion-avatar{width:160px;height:160px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);background:var(--bg-secondary)}.companion-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 10%}.avatar-placeholder-small{width:100%;height:100%;background:var(--gradient-subtle);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:600;color:var(--primary)}.companion-name{font-size:var(--font-size-xs);font-weight:500;color:var(--text-primary);text-align:center;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.companion-add{width:160px;height:160px;border-radius:var(--radius-md);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.companion-add:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.highlights-section{margin-bottom:var(--space-2xl)}.activity-feed{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid var(--border)}.activity-item{display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-item:first-child{padding-top:0}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.new{background:rgba(245,158,11,.15);color:var(--warning)}.activity-icon.chat{background:rgba(134,200,188,.15);color:var(--primary-dark)}.activity-icon.empty{background:var(--bg-secondary);color:var(--text-tertiary)}.activity-content{flex:1}.activity-content p{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-2xs)}.activity-content strong{font-weight:600;color:var(--primary-dark)}.activity-time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.cta-section{margin-top:var(--space-3xl)}.cta-card{background:var(--gradient-primary);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;color:white}.cta-title{font-size:var(--font-size-card-title);font-weight:700;margin-bottom:var(--space-sm)}.cta-description{opacity:.95;margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-button,.cta-description{font-size:var(--font-size-base)}.cta-button{display:inline-flex;align-items:center;gap:var(--space-sm);background:white;color:var(--primary);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.empty-state{padding:var(--space-2xl);text-align:center;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-md);border:2px dashed var(--border)}.stream-chat-banner{background:var(--gradient-primary);color:white;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:space-between}.stream-chat-banner-content{flex:1}.stream-chat-banner-title{font-weight:600;margin-bottom:var(--space-2xs)}.stream-chat-banner-text{font-size:var(--font-size-sm);opacity:.95}.stream-chat-banner-button{background:white;color:var(--primary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);border:none;font-weight:600;cursor:pointer;font-size:var(--font-size-sm);transition:transform var(--transition-fast)}.stream-chat-banner-button:hover{transform:scale(1.05)}.dashboard-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:var(--font-size-base);color:var(--text-secondary)}@media (max-width:1024px){.dashboard-sidebar{position:fixed;left:-240px;transition:left var(--transition-normal);z-index:300}.dashboard-sidebar.open{left:0}.dashboard-main{padding:var(--space-lg)}.conversation-cards{grid-template-columns:1fr}}@media (max-width:768px){.header-nav{display:none}.welcome-title{font-size:var(--font-size-card-title)}.section-title{font-size:var(--font-size-md)}.cta-card{padding:var(--space-xl) var(--space-lg)}.cta-title{font-size:var(--font-size-lg)}.dashboard-main{padding:var(--space-md)}}