:root{--z-bottom-nav: 50;--z-navbar: 999;--z-dropdown-menu: 1000;--z-modal-dialog: 50000;--z-modal-dropdown: 60000;--z-tooltip-popover: 50002;--z-glassmorphism-overlay: 999998;--z-glassmorphism-panel: 999999}.glass-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:none;z-index:var(--z-navbar)}.dark .glass-navbar{background:#0003;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none}.glass-navbar-translucent{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#fff6!important;border-bottom:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important;will-change:backdrop-filter,background-color,border-color,box-shadow;z-index:var(--z-navbar)!important}.glass-navbar-scrolled{backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffb3!important;border-bottom:1px solid rgba(255,255,255,.2)!important;box-shadow:none!important;will-change:backdrop-filter,background-color,border-color,box-shadow;z-index:var(--z-navbar)!important}.dark .glass-navbar-translucent{background:#0006!important;border-bottom:1px solid rgba(255,255,255,.05)!important;box-shadow:none!important}.dark .glass-navbar-scrolled{background:#000000b3!important;border-bottom:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}@media (prefers-reduced-motion: no-preference){.glass-navbar-translucent,.glass-navbar-scrolled{transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1);transition:backdrop-filter .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);transition:backdrop-filter .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1)}}.hamburger-icon{width:24px;height:24px;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-line{position:absolute;width:100%;height:2px;background:currentColor;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1px}.hamburger-line:nth-child(1){top:6px}.hamburger-line:nth-child(2){top:11px}.hamburger-line:nth-child(3){top:16px}.hamburger-icon.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-icon.active .hamburger-line:nth-child(2){opacity:0}.hamburger-icon.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.side-panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-glassmorphism-overlay)!important;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);isolation:isolate}.side-panel-overlay.active{opacity:1;visibility:visible}.glass-side-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.3);box-shadow:-8px 0 32px #00000026;z-index:var(--z-glassmorphism-panel)!important;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;isolation:isolate}.dark .glass-side-panel{background:#0f172af2;border-left:1px solid rgba(255,255,255,.1);box-shadow:-8px 0 32px #0000004d}.glass-side-panel.active{transform:translate(0)}.panel-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.dark .panel-header{border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#6366f133,#8b5cf633)}.menu-section{padding:20px 24px}.menu-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748bcc;margin-bottom:12px}.dark .menu-section-title{color:#94a3b8cc}.glass-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;margin-bottom:4px;background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.glass-menu-item:hover{background:#6366f11a;transform:translate(4px);box-shadow:0 4px 12px #6366f133}.dark .glass-menu-item:hover{background:#6366f133}.glass-menu-item-icon{width:20px;height:20px;opacity:.7;transition:opacity .2s ease}.glass-menu-item:hover .glass-menu-item-icon{opacity:1}.panel-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.panel-close-btn:hover{background:#fff3;transform:scale(1.05)}.dark .panel-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.dark .panel-close-btn:hover{background:#ffffff1a}.user-profile-section{margin-top:auto;padding:24px;border-top:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#10b9811a,#06b6d41a)}.dark .user-profile-section{border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#10b98133,#06b6d433)}.glassmorphism-side-panel{z-index:var(--z-glassmorphism-panel)!important;isolation:isolate}.side-panel-overlay{z-index:var(--z-glassmorphism-overlay)!important;isolation:isolate}[data-radix-dialog-overlay],.dialog-overlay,[data-radix-dialog-content],.sheet-overlay{z-index:var(--z-modal-dialog)!important}[data-radix-popper-content-wrapper]{z-index:var(--z-tooltip-popover)!important}[data-radix-dropdown-menu-content]{z-index:var(--z-dropdown-menu)!important}[data-radix-dialog-content] [data-radix-dropdown-menu-content],[data-radix-dialog-overlay]~[data-radix-dropdown-menu-content],.modal-container [data-radix-dropdown-menu-content],[data-radix-dialog-content] [data-radix-select-content],[data-radix-dialog-overlay]~[data-radix-select-content],.modal-container [data-radix-select-content],[data-radix-select-content],[data-radix-popper-content],[data-radix-dropdown-content]{z-index:var(--z-modal-dropdown)!important}body [data-radix-select-content],body [data-radix-dropdown-menu-content]{z-index:var(--z-modal-dropdown)!important}@media (max-width: 768px){.glass-side-panel{width:280px}}@media (max-width: 480px){.glass-side-panel{width:100vw;border-left:none}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.max-w-6xl.mx-auto.px-4.pt-16.pb-20.md\:pb-16,.max-w-6xl.mx-auto.px-4.md\:px-6.pt-20.pb-32,.max-w-6xl.mx-auto.px-4,.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8,.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.py-8.pb-24.md\:pb-8,.flex.justify-between.items-center.h-16{pointer-events:none}.max-w-6xl.mx-auto.px-4.pt-16.pb-20.md\:pb-16 *,.max-w-6xl.mx-auto.px-4.md\:px-6.pt-20.pb-32 *,.max-w-6xl.mx-auto.px-4 *,.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8 *,.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.py-8.pb-24.md\:pb-8 *,.flex.justify-between.items-center.h-16 *{pointer-events:auto}.message-card-hover{transition:all .2s ease-in-out}.message-card-hover:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-in-out forwards}.glass-card{background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.message-gradient-bg{background:linear-gradient(135deg,#0f172a,#1e1b4b)}@keyframes pulse-network{0%{opacity:.2;transform:scale(.95)}50%{opacity:.4;transform:scale(1)}to{opacity:.2;transform:scale(.95)}}@keyframes flow-line{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.network-node{animation:pulse-network 3s infinite ease-in-out}.network-node:nth-child(odd){animation-delay:1s}.network-node:nth-child(3n){animation-delay:1.5s}.connection-line{stroke-dasharray:20;animation:flow-line 10s infinite linear}.connection-line:nth-child(2){animation-duration:12s}.connection-line:nth-child(3){animation-duration:8s}.message-scrollbar::-webkit-scrollbar{width:4px}.message-scrollbar::-webkit-scrollbar-track{background:transparent}.message-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:20px}