.sidebar-container{z-index:100;--sidebar-duration:.45s;--sidebar-ease:cubic-bezier(.22,1,.36,1);width:72px;height:100vh;transition:width var(--sidebar-duration)var(--sidebar-ease);background:linear-gradient(#00011f 0%,#0a0b2e 50%,#00011f 100%);border-right:1px solid #0000;border-image:linear-gradient(#7876b100 0%,#7876b11f 25%,#3b82f62e 50%,#a855f71a 75%,#7876b100 100%) 1;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:visible}.sidebar-expanded{width:224px}.sidebar-container:before{content:"";pointer-events:none;opacity:0;z-index:-1;background:linear-gradient(90deg,#3b82f606 0%,#0000 100%);width:100px;height:100%;transition:opacity .8s;position:absolute;top:0;right:-1px}.sidebar-expanded:before{opacity:1}.sidebar-content{flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:14px;display:flex}.top-group,.bottom-group{flex-direction:column;align-items:center;gap:1px;width:100%;display:flex}.bottom-group{margin-top:auto}.sidebar-expanded .top-group,.sidebar-expanded .bottom-group{align-items:flex-start}.logo-container{cursor:pointer;width:40px;height:40px;transition:width var(--sidebar-duration)var(--sidebar-ease),justify-content var(--sidebar-duration)var(--sidebar-ease);justify-content:center;align-items:center;margin-bottom:12px;display:flex;position:relative;overflow:visible}.sidebar-expanded .logo-container{justify-content:flex-start;width:100%;padding:4px 6px}.logo-link{align-items:center;gap:10px;width:100%;text-decoration:none;display:flex}.icon-wrapper{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .4s;display:flex;position:relative}.logo-link:hover .icon-wrapper{border-color:#ffffff1a}.icon-wrapper:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);border-radius:14px;transition:opacity .5s;position:absolute;inset:-4px}.logo-link:hover .icon-wrapper:after{opacity:1}.logo-icon{width:18px;height:18px;transition:transform .4s var(--sidebar-ease),filter .4s ease;filter:drop-shadow(0 0 #0000)}.logo-link:hover .logo-icon{filter:drop-shadow(0 0 8px #3b82f64d);transform:scale(1.08)}.logo-text{flex-direction:column;display:flex;overflow:hidden}.logo-title{color:#fff;white-space:nowrap;letter-spacing:.03em;font-size:12.5px;font-weight:700;line-height:1.3}.logo-subtitle{white-space:nowrap;background:linear-gradient(90deg,#7876b1,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:9.5px;font-weight:500;line-height:1.3}.sidebar-separator{width:24px;height:1px;transition:width var(--sidebar-duration)var(--sidebar-ease),opacity var(--sidebar-duration)var(--sidebar-ease);background:linear-gradient(90deg,#0000 0%,#7876b11f 50%,#0000 100%);margin:6px auto 8px}.sidebar-expanded .sidebar-separator{opacity:.8;width:80%}.nav-item{cursor:pointer;width:40px;height:40px;transition:width var(--sidebar-duration)var(--sidebar-ease),justify-content var(--sidebar-duration)var(--sidebar-ease),background-color .35s ease;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.sidebar-expanded .nav-item-expanded{justify-content:flex-start;width:100%;padding:0 10px}.nav-item:hover{background-color:#ffffff0a}.nav-item-active{background:#ffffff0a!important}.nav-item-active:before{content:"";opacity:.85;width:2px;height:16px;transition:height .3s var(--sidebar-ease),opacity .3s ease;background:linear-gradient(#60a5fa,#818cf8);border-radius:0 2px 2px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item-active:hover:before{opacity:1;height:20px}.nav-item-active:after{content:"";pointer-events:none;background:linear-gradient(90deg,#60a5fa0a 0%,#0000 60%);border-radius:10px;position:absolute;inset:0}.nav-link{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0;text-decoration:none;display:flex}.nav-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.nav-icon{color:#fff6;width:18px;height:18px;transition:color .35s ease,transform .35s var(--sidebar-ease),filter .35s ease}.nav-item:hover .nav-icon{color:#fffc;transform:scale(1.04)}.nav-icon-active{filter:none;color:#60a5fa!important}.nav-item:hover .nav-icon-active{transform:scale(1.04);color:#93c5fd!important}.nav-label-wrapper{opacity:1;pointer-events:auto;width:100%;max-width:100%;display:flex;overflow:hidden}.nav-label{white-space:nowrap;text-overflow:ellipsis;color:#ffffff73;letter-spacing:.01em;font-size:12.5px;font-weight:500;transition:color .3s;overflow:hidden}.nav-item:hover .nav-label{color:#ffffffe6}.nav-label-active{font-weight:600;color:#fffffff2!important}.sidebar-collapsing .nav-label-wrapper{animation:labelCollapse calc(var(--sidebar-duration) + .1s)var(--sidebar-ease)forwards}@keyframes labelCollapse{0%{opacity:1;width:100%;max-width:100%}to{opacity:0;width:0;max-width:0}}@keyframes labelFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.nav-tooltip{color:#ffffffe6;white-space:nowrap;pointer-events:none;opacity:0;z-index:200;-webkit-backdrop-filter:blur(24px);transition:opacity .2s ease .15s,transform .25s var(--sidebar-ease).15s;background:#0a0b2ef0;border:1px solid #ffffff14;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:500;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-3px);box-shadow:0 4px 20px #00000059,0 0 0 .5px #ffffff0a}.nav-item:hover .nav-tooltip{opacity:1;transform:translateY(-50%)translate(0)}.sidebar-expanded .nav-tooltip{display:none}.user-info{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:10px;transition:background-color .35s,border-color .35s;display:flex}.user-info:hover{background:#ffffff0d;border-color:#ffffff12}.user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex;position:relative;box-shadow:0 0 10px #3b82f633}.user-avatar:after{content:"";background:#30d158;border:1.5px solid #00011ff2;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 4px #30d15866}.user-details{flex-direction:column;gap:1px;display:flex;overflow:hidden}.user-name{color:#ffffffeb;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;overflow:hidden}.user-email{color:#7876b1b3;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.user-role{letter-spacing:.05em;color:#818cf8;background:linear-gradient(135deg,#3b82f61f,#8b5cf61f);border:1px solid #818cf81a;border-radius:5px;width:fit-content;margin-top:3px;padding:2px 6px;font-size:8.5px;font-weight:600;display:inline-block}.nav-item.logout-item:hover{background-color:#ff453a0f}.nav-item.logout-item:hover .nav-icon{color:#ff453a;filter:none}.nav-item.logout-item:hover .nav-label{color:#ff6961}.sidebar-nav-scroll{flex-direction:column;flex:1;gap:1px;display:flex;overflow:hidden auto}.sidebar-nav-scroll::-webkit-scrollbar{width:2px}.sidebar-nav-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#7876b11f;border-radius:2px}.user-avatar-collapsed{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-avatar-collapsed .user-avatar{width:30px;height:30px}