/* V17 — floating glass sidebar inspired by supplied reference; folded by default */
.sidebar{
  top:18px!important;bottom:18px!important;left:18px!important;height:auto!important;
  width:272px!important;padding:18px 14px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(12,45,86,.88),rgba(4,20,45,.94))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 24px 60px rgba(2,12,27,.32),inset 0 1px 0 rgba(255,255,255,.09)!important;
  backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);
  overflow:hidden;transition:width .28s ease,box-shadow .28s ease!important
}
.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(74,169,255,.19),transparent 31%,rgba(255,255,255,.035) 55%,transparent 72%);border-radius:inherit}
.sidebar.collapsed{width:74px!important;padding:14px 10px!important}
.brand-wrap{position:relative;z-index:2;min-height:50px!important;gap:10px!important}
.sidebar .brand-mark{width:42px!important;height:42px!important;min-width:42px;border-radius:14px!important;background:linear-gradient(145deg,#61b1ff,#2877d8)!important;box-shadow:0 10px 24px rgba(0,20,50,.28)!important}
.sidebar .brand-text{transition:opacity .18s ease,transform .24s ease;white-space:nowrap}
.sidebar-toggle{width:34px!important;height:34px!important;border-radius:12px!important;flex:0 0 34px;transition:.22s!important}
.sidebar:not(.collapsed) .sidebar-toggle{margin-left:auto!important}
.sidebar.collapsed .sidebar-toggle{
 position:static!important;right:auto!important;top:auto!important;margin:0 auto!important;
 background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.14)!important
}
.sidebar.collapsed .brand-wrap{flex-direction:column;gap:9px!important}
.side-nav{position:relative;z-index:2;margin-top:22px!important;gap:7px!important}
.nav-item{min-height:46px!important;border-radius:14px!important;padding:11px 12px!important;transition:.2s!important;border:1px solid transparent}
.nav-item:hover{background:rgba(255,255,255,.105)!important;border-color:rgba(255,255,255,.08)}
.nav-item.active{background:linear-gradient(90deg,rgba(54,142,235,.27),rgba(255,255,255,.08))!important;box-shadow:inset 3px 0 0 #66b3ff!important;border-color:rgba(255,255,255,.07)}
.nav-item i{font-size:17px!important;width:24px!important}
.sidebar.collapsed .nav-item{width:48px;height:48px;min-height:48px!important;padding:0!important;margin:0 auto;justify-content:center!important;border-radius:15px!important}
.sidebar.collapsed .nav-item i{width:auto!important}
.sidebar.collapsed .nav-divider{width:34px;margin:10px auto!important}
.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-item span,.sidebar.collapsed .count-pill,.sidebar.collapsed .side-card,.sidebar.collapsed .sidebar-footer{display:none!important}
.side-card{position:relative;z-index:2;border-radius:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;backdrop-filter:blur(12px)}
.sidebar-footer{position:relative;z-index:2}
.main-content{margin-left:308px!important;width:calc(100% - 308px)!important;transition:margin-left .28s ease,width .28s ease!important}
.sidebar.collapsed~.main-content{margin-left:110px!important;width:calc(100% - 110px)!important}
.sidebar.collapsed .nav-item{position:relative}
.sidebar.collapsed .nav-item:hover span{
 display:block!important;position:absolute;left:58px;top:50%;transform:translateY(-50%);
 background:#071f48;color:#fff;padding:8px 10px;border-radius:9px;white-space:nowrap;font-size:11px;
 box-shadow:0 8px 24px rgba(0,0,0,.22);z-index:100
}
.sidebar.collapsed .nav-item:hover span:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-style:solid;border-color:transparent #071f48 transparent transparent}
@media(max-width:760px){
 .sidebar{top:10px!important;bottom:10px!important;left:-290px!important;width:270px!important;border-radius:22px!important}
 .sidebar.mobile-open{left:10px!important}
 .sidebar.collapsed{width:270px!important;padding:18px 14px!important}
 .sidebar.collapsed .brand-wrap{flex-direction:row}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-item span,.sidebar.collapsed .count-pill,.sidebar.collapsed .side-card,.sidebar.collapsed .sidebar-footer{display:initial!important}
 .sidebar.collapsed .nav-item{width:auto;height:auto;padding:11px 12px!important;margin:0;justify-content:flex-start!important}
 .main-content,.sidebar.collapsed~.main-content{margin-left:0!important;width:100%!important}
}