.profile-picture{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--primary-color);color:var(--white);font-weight:var(--font-weight-semibold);overflow:hidden;flex-shrink:0;border:2px solid var(--gray-200);transition:all var(--transition-normal)}.profile-picture.clickable{cursor:pointer}.profile-picture.clickable:hover{border-color:var(--secondary-color)}.profile-picture.clickable:active{transform:translateY(0)}.profile-picture-small{width:32px;height:32px;font-size:10px}.profile-picture-medium{width:48px;height:48px;font-size:14px}.profile-picture-large{width:80px;height:80px;font-size:24px}.profile-picture-xlarge{width:120px;height:120px;font-size:36px}.profile-picture-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.profile-picture-initials{width:100%;height:100%;font-family:var(--font-family);font-weight:var(--font-weight-semibold);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.profile-picture-initials,.profile-picture-small .profile-picture-initials{display:flex;align-items:center;justify-content:center}.profile-picture-initials.hidden{display:none}.profile-picture-edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal);border-radius:inherit}.profile-picture:hover .profile-picture-edit-overlay{opacity:1}.profile-picture-edit-icon{font-size:1.2em;color:var(--white)}@media (max-width:768px){.profile-picture-xlarge{width:100px;height:100px;font-size:30px}.profile-picture-large{width:64px;height:64px;font-size:19px}}@media (max-width:480px){.profile-picture-xlarge{width:80px;height:80px;font-size:24px}.profile-picture-large{width:56px;height:56px;font-size:17px}}.notification-badge{position:absolute;top:-4px;right:-4px;background-color:red;color:white;border-radius:50%;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:0 4px;z-index:10}@media (max-width:768px){.notification-badge{min-width:14px;height:14px;font-size:10px;top:-2px;right:-2px}}.sidebar,.sidebar *{font-family:var(--font-family)}.sidebar{height:100vh;background-color:var(--white);border-right:1px solid var(--gray-100);display:flex;flex-direction:column;position:fixed;left:0;top:0;transition:width var(--transition-normal),background-color var(--transition-normal);z-index:1004;overflow:hidden;cursor:pointer}.sidebar,.sidebar:hover{width:200px}.sidebar.collapsed{width:70px}.sidebar.collapsed:hover{width:200px}body.sidebar-hovered .main-content{margin-left:200px}.logo-section{padding:19px 19px 7px;text-align:left}.logo-link{text-decoration:none;color:inherit;border-radius:var(--radius-lg);transition:all var(--transition-normal)}.logo-container,.logo-link{display:flex;align-items:center;justify-content:flex-start}.logo-container{margin-left:0}.logo-image{height:28px;width:auto;-o-object-fit:contain;object-fit:contain}.nav-links{flex:1;padding:var(--spacing-2) var(--spacing-2);margin:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-item{display:flex;align-items:center;padding:22px var(--spacing-3);text-decoration:none;color:var(--gray-800);border-radius:var(--radius-md);transition:all var(--transition-normal);font-weight:var(--font-weight-semibold);position:relative;height:36px;width:100%;box-sizing:border-box}.sidebar.collapsed .nav-item{justify-content:center;padding:22px var(--spacing-3)}.nav-item:hover{background-color:var(--gray-50);color:var(--gray-800)}.nav-item.active{background-color:var(--gray-50);color:var(--primary-color)}.nav-item.active:hover{background-color:var(--gray-100);color:var(--primary-color)}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--gray-800);position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%)}.nav-icon-wrapper{position:relative;display:inline-block}.nav-icon svg,.nav-icon-wrapper{height:20px;width:20px}.nav-item span{font-size:var(--font-size-sm);margin-left:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-semibold);color:var(--gray-800)}.sidebar.collapsed .nav-item span{display:none}.nav-item.active span{font-weight:var(--font-weight-semibold)}.nav-item.active .nav-icon,.nav-item.active span{color:var(--primary-color)}.profile-picture-nav{position:absolute;left:10px;top:50%;transform:translateY(-50%);transition:border-color var(--transition-normal);display:flex;align-items:center;justify-content:center}.nav-item.active .profile-picture-nav{border-color:var(--secondary-color)}.the-settings-section{margin-top:auto;padding:var(--spacing-2) var(--spacing-2);display:flex;flex-direction:column}.settings-item{justify-content:flex-start;color:var(--gray-800);margin-bottom:0;position:relative;height:36px;padding:var(--spacing-5) var(--spacing-3);width:100%;box-sizing:border-box}.sidebar.collapsed .settings-item{justify-content:center;padding:var(--spacing-5) var(--spacing-3)}.settings-item .nav-icon{color:var(--gray-800);position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%)}.settings-item span{font-size:var(--font-size-sm);margin-left:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-semibold);color:var(--gray-800)}.sidebar.collapsed .settings-item span{display:none}.settings-item.active span{font-weight:var(--font-weight-semibold);color:var(--primary-color)}.settings-item.active .nav-icon{color:var(--primary-color)}.profile-nav-item,.sidebar.collapsed .profile-nav-item{padding-top:24px;padding-bottom:24px}@media (max-width:768px){.sidebar.chat-active{display:none!important}.sidebar{height:60px;position:fixed;top:0;left:0;right:0;flex-direction:row;border-right:none;z-index:1004;padding:0;justify-content:space-between;align-items:center;cursor:default}.sidebar,.sidebar.collapsed,.sidebar.collapsed:hover,.sidebar:hover{width:100%}.logo-section{padding:var(--spacing-2) var(--spacing-3);padding-left:var(--spacing-5);border-bottom:none;border-right:none;flex-shrink:0;flex:1;justify-content:flex-start}.logo-image{height:24px}.nav-links{display:none!important}}@media (max-width:768px){.nav-links::-webkit-scrollbar{display:none}.nav-item{flex-shrink:0;height:40px;width:40px;margin-bottom:0;border-radius:var(--radius-md)}.nav-item,.sidebar.collapsed .nav-item{padding:var(--spacing-2);justify-content:center}.nav-icon{position:static;transform:none;left:auto;top:auto;margin:0}.nav-item span{display:none}.profile-nav-item{margin-top:0;flex-shrink:0;padding-top:24px;padding-bottom:24px}.profile-picture-nav{position:static;transform:none;left:auto;top:auto;margin:0}.the-settings-section{display:none!important}.settings-item{height:40px;width:40px;margin-bottom:0}.settings-item,.sidebar.collapsed .settings-item{padding:var(--spacing-2);justify-content:center}.settings-item .nav-icon{position:static;transform:none;left:auto;top:auto;margin:0}.settings-item span{display:none}.sidebar-mobile-nav-item.settings-item span{display:inline!important;margin-left:0!important}.main-content{margin-left:0;margin-top:60px;padding:var(--spacing-4)}}.sidebar-mobile-menu-button{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:transparent!important;border:none!important;cursor:pointer;padding:0;z-index:10005;position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);overflow:visible;transition:background-color .3s ease,transform .2s ease;border-radius:6px;flex-shrink:0;outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.sidebar-mobile-menu-button:hover{background:rgba(0,0,0,.08)}.sidebar-mobile-menu-button:active{background:rgba(0,0,0,.12)!important;transform:translateY(-50%) scale(.98)}.sidebar-mobile-menu-button:focus{background:transparent!important;outline:none!important}.sidebar-mobile-menu-button:focus-visible{background:transparent!important;outline:none!important}@media (max-width:768px){.sidebar-mobile-menu-button{display:flex!important;visibility:visible!important}}.sidebar-mobile-menu-icon{color:#333;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10006;position:relative;transform:rotate(0deg);opacity:1;display:block;visibility:visible}.sidebar-mobile-menu-icon:hover{color:#075ab3;transform:scale(1.1)}.sidebar-mobile-menu-button .icon-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sidebar-mobile-menu-button .close-icon,.sidebar-mobile-menu-button .menu-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:24px;height:24px}.sidebar-mobile-menu-button .menu-icon.visible{opacity:1!important;transform:translate(-50%,-50%) rotate(0deg) scale(1)!important;visibility:visible!important;display:block!important}.sidebar-mobile-menu-button .menu-icon.hidden{opacity:0!important;transform:translate(-50%,-50%) rotate(-90deg) scale(.8)!important;visibility:hidden!important;display:none!important}.sidebar-mobile-menu-button .close-icon.visible{opacity:1!important;transform:translate(-50%,-50%) rotate(0deg) scale(1)!important;visibility:visible!important;display:block!important}.sidebar-mobile-menu-button .close-icon.hidden{opacity:0!important;transform:translate(-50%,-50%) rotate(90deg) scale(.8)!important;visibility:hidden!important;display:none!important}.sidebar-mobile-backdrop{position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-mobile-backdrop.open{opacity:1;visibility:visible}.sidebar-mobile-menu{position:fixed;top:60px;left:0;right:0;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);z-index:9999;transition:transform .3s ease;padding:var(--spacing-4);max-height:calc(100vh - 60px);overflow-y:auto;display:none}.sidebar-mobile-menu.open{display:block;transform:translateY(0)}.sidebar-mobile-menu-content{display:flex;flex-direction:column;gap:var(--spacing-2);max-width:100%}.sidebar-mobile-nav-item{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-4);text-decoration:none;color:var(--gray-800);border-radius:var(--radius-md);transition:all var(--transition-normal);font-weight:var(--font-weight-semibold);position:relative;width:100%;box-sizing:border-box;height:40px}.sidebar-mobile-nav-content{display:flex;align-items:center;gap:var(--spacing-2)}.sidebar-mobile-nav-item:hover{background-color:var(--gray-100);color:var(--gray-800)}.sidebar-mobile-nav-item.active{background-color:var(--gray-100);color:var(--primary-color)}.sidebar-mobile-nav-item.active:hover{background-color:var(--gray-200);color:var(--primary-color)}.sidebar-mobile-nav-icon{height:32px;color:var(--gray-800);flex-shrink:0}.sidebar-mobile-nav-icon,.sidebar-mobile-nav-icon-wrapper{width:24px;display:flex;align-items:center;justify-content:center}.sidebar-mobile-nav-icon-wrapper{position:relative;height:24px}.sidebar-mobile-nav-icon svg{width:24px;height:24px}.sidebar-mobile-nav-item span{font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-semibold);color:var(--gray-800)}.sidebar-mobile-nav-item.active span{font-weight:var(--font-weight-semibold);color:var(--primary-color)}.sidebar-mobile-nav-item.active .sidebar-mobile-nav-icon{color:var(--primary-color)}.sidebar-mobile-nav-item.profile-nav-item{padding:var(--spacing-3) var(--spacing-4)}.sidebar-mobile-nav-item.profile-nav-item .profile-picture-nav{position:static;transform:none;left:auto;top:auto;margin:0;flex-shrink:0}.sidebar-mobile-nav-item.profile-nav-item .profile-picture-nav .profile-picture{width:28px;height:28px}.sidebar-mobile-nav-item.profile-nav-item .profile-picture-nav .profile-picture-initials{font-size:10px}.sidebar-mobile-nav-item.settings-item{padding:var(--spacing-3) var(--spacing-4)}@media (max-width:480px){.sidebar-mobile-menu{padding:var(--spacing-3)}.sidebar-mobile-nav-item{gap:var(--spacing-2)}.sidebar-mobile-nav-item,.sidebar-mobile-nav-item.profile-nav-item{padding:var(--spacing-2) var(--spacing-3)}.sidebar-mobile-nav-item.profile-nav-item .profile-picture-nav .profile-picture{width:26px;height:26px}.sidebar-mobile-nav-item.profile-nav-item .profile-picture-nav .profile-picture-initials{font-size:8px}.sidebar-mobile-nav-item span{font-size:.9rem}.sidebar-mobile-menu-button .close-icon,.sidebar-mobile-menu-button .menu-icon{width:20px;height:20px}.sidebar-mobile-nav-item.settings-item{padding:var(--spacing-2) var(--spacing-3)}}:root{--primary-color:#1955d5;--primary-light:#4a90e2;--primary-dark:#05459a;--primary-gradient:linear-gradient(135deg,#1955d5,#4a90e2);--secondary-color:#007bff;--secondary-light:#e3f2fd;--secondary-dark:#0056b3;--accent-color:#2563eb;--accent-light:#dbeafe;--accent-dark:#1d4ed8;--white:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success-color:#10b981;--success-light:#d1fae5;--warning-color:#f59e0b;--warning-light:#fef3c7;--error-color:#ef4444;--error-light:#fee2e2;--info-color:#3b82f6;--info-light:#dbeafe;--font-family:"NeueHaasDisplay",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.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-weight-light:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--gray-800);background-color:var(--gray-50);overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.vertical-container{display:flex;flex-direction:column;min-height:100vh}.horizontal-container{display:flex;flex:1}.main-content{flex:1;background-color:var(--gray-50);margin-left:200px;transition:margin-left var(--transition-normal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:var(--primary-gradient);color:var(--white);transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);transform:scale(1.02)}.btn-secondary{background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color);transition:all .3s ease}.btn-secondary:hover{background:var(--primary-color);color:var(--white);transform:scale(1.02)}.card{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--gray-200);transition:all var(--transition-normal)}.card:hover{transform:scale(1.02);border-color:var(--primary-color)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);background:var(--white);transition:all var(--transition-normal)}.input:focus{outline:none;border-color:var(--primary-color)}.text-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--gray-900)}.text-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--primary-color)}.text-body{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--gray-700)}.text-caption{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-500)}@media (max-width:768px){.horizontal-container{flex-direction:column}.main-content{margin-left:0;margin-top:60px;padding:0}}body.sidebar-collapsed .main-content{margin-left:70px}.user-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--gray-50)}.redirect-text{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--gray-600);margin-top:var(--spacing-6);text-align:center}