:root{--primary-font: "Assistant", sans-serif;--sidebar-width: 280px;--accent-color: #0f172a}body{font-family:var(--primary-font);overflow-x:hidden;background-color:#f8fafc}.sidebar-glass{background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:15px 0 50px -15px #0000000d;border-left:1px solid rgba(241,245,249,1);transition:transform .4s cubic-bezier(.4,0,.2,1)}.nav-item{position:relative;transition:all .3s ease;overflow:hidden}.nav-item-active{background-color:var(--accent-color)!important;color:#fff!important;box-shadow:0 10px 20px -5px #0f172a4d;transform:scale(1.02)}.nav-item-active .nav-icon{color:#818cf8!important}.nav-item-active:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:#818cf8;border-radius:4px}.drawer-overlay{background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .4s ease}.drawer-overlay-open{opacity:1;pointer-events:auto}.member-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.member-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.page-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-header{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(241,245,249,1)}