:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:185 19% 59%;--primary-foreground:0 0% 100%;--secondary:185 15% 90%;--secondary-foreground:185 25% 25%;--muted:60 4.8% 95.9%;--muted-foreground:25 5.3% 44.7%;--accent:185 20% 85%;--accent-foreground:185 25% 25%;--destructive:0 84.2% 60.2%;--destructive-foreground:60 9.1% 97.8%;--border:20 5.9% 90%;--input:20 5.9% 90%;--ring:185 19% 59%}.dark{--background:222.2 84% 4.9%;--foreground:60 9.1% 97.8%;--card:222.2 84% 4.9%;--card-foreground:60 9.1% 97.8%;--popover:222.2 84% 4.9%;--popover-foreground:60 9.1% 97.8%;--primary:185 25% 65%;--primary-foreground:0 0% 100%;--secondary:185 20% 20%;--secondary-foreground:185 20% 80%;--muted:12 6.5% 15.1%;--muted-foreground:24 5.4% 63.9%;--accent:185 25% 25%;--accent-foreground:185 25% 90%;--destructive:0 62.8% 30.6%;--destructive-foreground:60 9.1% 97.8%;--border:12 6.5% 15.1%;--input:12 6.5% 15.1%;--ring:185 25% 65%}.theme-social-neutral{--background:0 0% 100%;--card:0 0% 98%;--popover:0 0% 100%;--primary:185 19% 59%;--primary-foreground:0 0% 100%;--secondary:185 15% 90%;--accent:185 20% 85%;--muted:30 10% 96%;--border:30 10% 90%;--accent-coral:12 67% 61%;--accent-lavender:246 53% 74%}.theme-catppuccin{--background:286 32% 95%;--card:286 32% 92%;--popover:286 32% 95%;--primary:316 70% 50%;--primary-foreground:0 0% 100%;--secondary:316 50% 90%;--accent:316 70% 90%;--muted:286 32% 90%;--border:286 32% 85%}.theme-gruvbox{--background:45 35% 95%;--card:45 35% 92%;--popover:45 35% 95%;--primary:42 95% 58%;--primary-foreground:0 0% 100%;--secondary:28 35% 50%;--accent:100 35% 50%;--muted:45 35% 90%;--border:45 35% 80%;--destructive:0 75% 50%;--destructive-foreground:0 0% 100%;--ring:42 95% 58%}.theme-tokyo-night{--background:225 25% 95%;--card:225 25% 92%;--popover:225 25% 95%;--primary:230 66% 65%;--primary-foreground:0 0% 100%;--secondary:220 17% 80%;--accent:292 84% 77%;--muted:225 25% 90%;--border:225 25% 80%;--destructive:0 75% 65%;--destructive-foreground:0 0% 100%;--ring:230 66% 65%}.dark.theme-social-neutral{--background:222.2 84% 4.9%;--card:222.2 84% 6.9%;--popover:222.2 84% 4.9%;--primary:185 25% 65%;--primary-foreground:0 0% 100%;--secondary:185 20% 20%;--accent:185 25% 25%;--muted:30 10% 15%;--border:30 10% 20%;--accent-coral:12 60% 75%;--accent-lavender:246 60% 80%}.dark.theme-catppuccin{--background:286 32% 10%;--card:286 32% 12%;--popover:286 32% 10%;--primary:316 70% 60%;--primary-foreground:0 0% 100%;--secondary:316 50% 20%;--accent:316 70% 25%;--muted:286 32% 15%;--border:286 32% 18%}.dark.theme-gruvbox{--background:200 15% 12%;--card:200 15% 15%;--popover:200 15% 12%;--primary:42 95% 58%;--primary-foreground:0 0% 100%;--secondary:28 35% 50%;--accent:100 35% 50%;--muted:200 15% 18%;--border:200 15% 20%;--destructive:0 75% 50%;--destructive-foreground:0 0% 100%;--ring:42 95% 58%}.dark.theme-tokyo-night{--background:240 25% 10%;--card:240 25% 13%;--popover:240 25% 10%;--primary:230 66% 65%;--primary-foreground:0 0% 100%;--secondary:220 17% 35%;--accent:292 84% 77%;--muted:240 25% 15%;--border:240 25% 18%;--destructive:0 75% 65%;--destructive-foreground:0 0% 100%;--ring:230 66% 65%}:root{--bg-primary:var(--background-light);--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--bg-inverse:var(--gray-900);--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-500);--text-inverse:var(--white);--border-primary:var(--gray-200);--border-secondary:var(--gray-300);--border-inverse:var(--gray-700);--interactive-primary:var(--primary-500);--interactive-primary-hover:var(--primary-600);--interactive-primary-active:var(--primary-700);--interactive-secondary:var(--gray-200);--interactive-secondary-hover:var(--gray-300);--interactive-secondary-active:var(--gray-400);--status-success:var(--success);--status-danger:var(--danger);--status-warning:var(--warning);--status-info:var(--info);--focus-ring:var(--primary-500);--focus-ring-offset:var(--white);--overlay-light:rgba(0,0,0,.1);--overlay-medium:rgba(0,0,0,.5);--overlay-dark:rgba(0,0,0,.75)}[data-theme=dark]{--bg-primary:var(--background-dark);--bg-secondary:var(--gray-800);--bg-tertiary:var(--gray-700);--bg-inverse:var(--white);--text-primary:var(--white);--text-secondary:var(--gray-200);--text-tertiary:var(--gray-400);--text-inverse:var(--gray-900);--border-primary:var(--gray-700);--border-secondary:var(--gray-600);--border-inverse:var(--gray-200);--interactive-primary:var(--primary-400);--interactive-primary-hover:var(--primary-300);--interactive-primary-active:var(--primary-200);--interactive-secondary:var(--gray-700);--interactive-secondary-hover:var(--gray-600);--interactive-secondary-active:var(--gray-500);--status-success:color-mix(in srgb,var(--success) 90%,#fff);--status-danger:color-mix(in srgb,var(--danger) 90%,#fff);--status-warning:color-mix(in srgb,var(--warning) 90%,#fff);--status-info:color-mix(in srgb,var(--info) 90%,#fff);--focus-ring:var(--primary-400);--focus-ring-offset:var(--gray-800);--overlay-light:hsla(0,0%,100%,.1);--overlay-medium:hsla(0,0%,100%,.5);--overlay-dark:hsla(0,0%,100%,.75)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-inverse{background-color:var(--bg-inverse)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-inverse{border-color:var(--border-inverse)}.interactive-primary{color:var(--interactive-primary);transition:color var(--transition-normal) var(--transition-timing-out)}.interactive-primary:hover{color:var(--interactive-primary-hover)}.interactive-primary:active{color:var(--interactive-primary-active)}.interactive-secondary{color:var(--interactive-secondary);transition:color var(--transition-normal) var(--transition-timing-out)}.interactive-secondary:hover{color:var(--interactive-secondary-hover)}.interactive-secondary:active{color:var(--interactive-secondary-active)}.status-success{color:var(--status-success)}.status-danger{color:var(--status-danger)}.status-warning{color:var(--status-warning)}.status-info{color:var(--status-info)}.focus-ring{box-shadow:0 0 0 2px var(--focus-ring-offset),0 0 0 4px var(--focus-ring);outline:none}.overlay-light{background-color:var(--overlay-light)}.overlay-medium{background-color:var(--overlay-medium)}.overlay-dark{background-color:var(--overlay-dark)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.m-20{margin:var(--spacing-20)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.font-base{font-family:var(--font-family-base)}.font-heading{font-family:var(--font-family-heading)}.font-mono{font-family:var(--font-family-mono)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.border-0{border-width:var(--border-0)}.border-1{border-width:var(--border-1)}.border-2{border-width:var(--border-2)}.border-4{border-width:var(--border-4)}.border-8{border-width:var(--border-8)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.transition-fast{transition-duration:var(--transition-fast)}.transition-normal{transition-duration:var(--transition-normal)}.transition-slow{transition-duration:var(--transition-slow)}.transition-slower{transition-duration:var(--transition-slower)}.transition-linear{transition-timing-function:var(--transition-timing-linear)}.transition-in{transition-timing-function:var(--transition-timing-in)}.transition-out{transition-timing-function:var(--transition-timing-out)}.transition-in-out{transition-timing-function:var(--transition-timing-in-out)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.aspect-square{aspect-ratio:var(--aspect-ratio-square)}.aspect-video{aspect-ratio:var(--aspect-ratio-video)}.aspect-portrait{aspect-ratio:var(--aspect-ratio-portrait)}.aspect-landscape{aspect-ratio:var(--aspect-ratio-landscape)}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2)}.container{margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}@media (min-width:640px){.container{max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:var(--container-xl)}}@media (min-width:1536px){.container{max-width:var(--container-2xl)}}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (min-width:769px){.animate-fade-in{animation:fadeIn var(--transition-normal) var(--transition-timing-out)}.animate-fade-out{animation:fadeOut var(--transition-normal) var(--transition-timing-out)}.animate-slide-in-up{animation:slideInUp var(--transition-normal) var(--transition-timing-out)}.animate-slide-in-down{animation:slideInDown var(--transition-normal) var(--transition-timing-out)}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) var(--transition-timing-out)}.animate-slide-in-right{animation:slideInRight var(--transition-normal) var(--transition-timing-out)}.animate-scale-in{animation:scaleIn var(--transition-normal) var(--transition-timing-out)}.animate-scale-out{animation:scaleOut var(--transition-normal) var(--transition-timing-out)}}@media (max-width:768px){.animate-fade-in,.animate-fade-out,.animate-scale-in,.animate-scale-out,.animate-slide-in-down,.animate-slide-in-left,.animate-slide-in-right,.animate-slide-in-up{animation:none;opacity:1;transform:none}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-none{animation:none}.animate-once{animation-iteration-count:1}.animate-infinite{animation-iteration-count:infinite}.animate-pause{animation-play-state:paused}.animate-play{animation-play-state:running}.animate-reverse{animation-direction:reverse}.animate-alternate{animation-direction:alternate}.animate-alternate-reverse{animation-direction:alternate-reverse}.delay-0{animation-delay:0s}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}:root{--spacing-unit:.25rem;--spacing-0:0;--spacing-1:var(--spacing-unit);--spacing-2:calc(var(--spacing-unit)*2);--spacing-3:calc(var(--spacing-unit)*3);--spacing-4:calc(var(--spacing-unit)*4);--spacing-5:calc(var(--spacing-unit)*5);--spacing-6:calc(var(--spacing-unit)*6);--spacing-8:calc(var(--spacing-unit)*8);--spacing-10:calc(var(--spacing-unit)*10);--spacing-12:calc(var(--spacing-unit)*12);--spacing-16:calc(var(--spacing-unit)*16);--spacing-20:calc(var(--spacing-unit)*20);--radius-none:0;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--border-0:0;--border-1:1px;--border-2:2px;--border-4:4px;--border-8:8px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--shadow-none:none;--bottom-bar-height:60px;--top-bar-height:60px;--font-family-base:"Outfit",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-heading:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--transition-fast:.15s;--transition-normal:.25s;--transition-slow:.35s;--transition-slower:.5s;--transition-timing-linear:linear;--transition-timing-in:cubic-bezier(.4,0,1,1);--transition-timing-out:cubic-bezier(0,0,.2,1);--transition-timing-in-out:cubic-bezier(.4,0,.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-xs:0;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--grid-columns:12;--grid-gap:var(--spacing-4);--aspect-ratio-square:1;--aspect-ratio-video:16/9;--aspect-ratio-portrait:3/4;--aspect-ratio-landscape:4/3;--primary-50:#f0f9fa;--primary-100:#e0f2f4;--primary-200:#b8e1e5;--primary-300:#8bcfd4;--primary-400:#6ba3a8;--primary-500:#5a9ca2;--primary-600:#4a8087;--primary-700:#3a646b;--primary-800:#2a484e;--primary-900:#1a3032;--primary-950:#0c1a1e;--white:#fff;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--black:#000;--background-light:#fff;--background-dark:#18181b;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#0080ff}.sidebar-container{background-color:hsl(var(--card));height:100%;position:relative;transition:width var(--transition-normal) var(--transition-timing-in-out);z-index:var(--z-fixed)}.sidebar-container.sidebar-expanded{width:var(--sidebar-width-expanded)}.sidebar-container.sidebar-collapsed{width:var(--sidebar-width-collapsed)}.sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:hsl(var(--card)/.3);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all var(--transition-normal) var(--transition-timing-in-out);width:100%}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4)}.sidebar-nav .nav-separator{background-color:hsl(var(--border)/.5);height:1px;margin:var(--spacing-2) 0}.sidebar-nav .nav-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:hsl(var(--foreground)/.7);display:flex;gap:var(--spacing-3);height:40px;justify-content:center;padding:var(--spacing-2);text-decoration:none;transition:all var(--transition-normal) var(--transition-timing-in-out);width:100%}.sidebar-nav .nav-item:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.sidebar-nav .nav-item:active{transform:scale(.98)}.sidebar-nav .nav-item.nav-item-active{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.sidebar-nav .nav-item.nav-item-active .nav-text{font-weight:var(--font-weight-bold)}.sidebar-nav .nav-item .nav-icon{font-size:var(--font-size-lg);min-width:1.5rem;text-align:center}.sidebar-nav .nav-item .nav-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav .nav-item--publish{background-color:hsl(var(--primary));border:none;color:hsl(var(--primary-foreground))}.sidebar-nav .nav-item--publish:hover{background-color:hsl(var(--primary)/.9)}.sidebar-nav .nav-item--publish:active{background-color:hsl(var(--primary)/.8);transform:scale(.98)}.sidebar-footer{border-top:1px solid hsl(var(--border));gap:var(--spacing-4);padding:var(--spacing-4)}.footer-actions,.sidebar-footer{display:flex;flex-direction:column}.footer-actions{gap:var(--spacing-2)}.footer-button{align-items:center;background:none;border:1px solid transparent;border-radius:var(--radius-md);color:hsl(var(--foreground));display:flex;gap:var(--spacing-3);height:40px;justify-content:center;padding:var(--spacing-2);text-decoration:none;transition:all var(--transition-normal) var(--transition-timing-in-out);width:100%}.footer-button:hover{background-color:hsl(var(--accent));border-color:hsl(var(--accent-foreground)/.2)}.footer-button:active{transform:scale(.98)}.footer-button.footer-button-active{background-color:hsl(var(--accent));border-color:hsl(var(--accent-foreground));color:hsl(var(--accent-foreground))}.footer-button .footer-icon{font-size:var(--font-size-lg);min-width:1.5rem;text-align:center}.footer-button .footer-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-container{width:100%}.user-profile-trigger{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);display:flex;gap:var(--spacing-3);padding:var(--spacing-2);transition:all var(--transition-normal) var(--transition-timing-in-out)}.user-profile-trigger:hover{background-color:hsl(var(--accent));border-color:hsl(var(--accent-foreground)/.2)}.user-avatar{background-color:hsl(var(--muted));border-radius:var(--radius-full);flex-shrink:0;height:2.5rem;overflow:hidden;width:2.5rem}.user-info{flex:1;min-width:0}.user-name{color:hsl(var(--foreground));font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.user-handle,.user-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-handle{color:hsl(var(--muted-foreground));font-size:var(--font-size-xs)}@media (max-width:767px){.sidebar-container{display:none}}.top-bar{align-items:center;background-color:hsl(var(--card));display:flex;height:var(--header-height);justify-content:space-between;padding:var(--spacing-2);transition:all var(--transition-normal) var(--transition-timing-in-out)}@media (max-width:767px){.top-bar{display:none}}.top-bar__button{align-items:center;background:transparent;border:1px solid hsl(var(--border));border-radius:var(--radius-md);color:hsl(var(--foreground));cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin:var(--spacing-2);padding:0;position:relative;transition:all var(--transition-normal) var(--transition-timing-in-out);width:2.5rem}.top-bar__button:hover{background-color:hsl(var(--accent));border-color:hsl(var(--accent-foreground))}.top-bar__button:active{background-color:hsl(var(--accent-foreground));transform:scale(.95)}.top-bar__button .top-bar__icon{font-size:var(--font-size-lg)}.top-bar__logo{align-items:center;color:hsl(var(--foreground));display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-2);padding:var(--spacing-2);text-decoration:none;transition:opacity var(--transition-normal) var(--transition-timing-in-out)}.top-bar__logo:hover{opacity:.8}.top-bar__badge{align-items:center;animation:pulse 2s infinite;background-color:hsl(var(--destructive));border:2px solid hsl(var(--background));border-radius:var(--radius-full);display:flex;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .25rem;position:absolute;right:-.25rem;top:-.25rem}.top-bar__badge-count{color:hsl(var(--destructive-foreground));font-size:.625rem;font-weight:var(--font-weight-bold);line-height:1}.top-bar__notifications{position:relative}.top-bar__popover{background-color:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:80vh;overflow-y:auto;padding:var(--spacing-4);width:640px;z-index:var(--z-popover)}.top-bar__popover::-webkit-scrollbar{width:6px}.top-bar__popover::-webkit-scrollbar-track{background:transparent}.top-bar__popover::-webkit-scrollbar-thumb{background-color:hsl(var(--primary)/.2);border-radius:var(--radius-full)}.top-bar__popover::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--primary)/.4)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.top-bar__popover{max-width:640px;width:calc(100vw - 2rem)}}@media (max-width:640px){.top-bar{justify-content:center;padding:var(--spacing-2) env(safe-area-inset-right) var(--spacing-2) env(safe-area-inset-left);position:relative}.top-bar__logo{left:50%;position:absolute;transform:translate(-50%)}.top-bar__button{position:absolute;right:var(--spacing-2)}.top-bar__popover{max-height:calc(100vh - var(--header-height) - var(--bottom-bar-height) - 2rem);max-width:100%;width:calc(100vw - 1rem)}}@media (max-width:767px){.top-bar__button{display:none}}.main-layout{background:linear-gradient(135deg,hsl(var(--background)) 0,hsl(var(--card)));display:flex;flex-direction:column;height:100vh;max-height:100vh;min-height:0;transition:all var(--transition-normal) var(--transition-timing-in-out)}.main-layout__content{background-color:hsl(var(--card));display:flex;flex:1;height:calc(100vh - var(--header-height));min-height:0;width:calc(100% - var(--sidebar-width-collapsed))}@media (max-width:767px){.main-layout__content{display:flex;flex-direction:row;min-height:0;width:100%}.main-layout:not(.mobile-layout-active) .main-layout__content{height:calc(100vh - var(--bottom-bar-height) - env(safe-area-inset-bottom));padding-bottom:calc(var(--bottom-bar-height) + env(safe-area-inset-bottom))}.main-layout.mobile-layout-active .main-layout__content{height:100vh;padding-bottom:0}}.main-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;transition:all var(--transition-normal) var(--transition-timing-in-out)}@media (min-width:768px){.main-content{margin-left:0;width:calc(100% - var(--sidebar-width-collapsed) - 70px)}}@media (max-width:767px){.main-content{border-left:0;border-radius:0;border-right:0;border-top:0;height:100%;margin-left:0;width:100%}}:root{--header-height:60px;--bottom-bar-height:64px;--sidebar-width-collapsed:72px;--sidebar-width-expanded:280px}