@media(min-width:901px){
  .sidebar{width:258px;padding:20px 14px 16px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-right:1px solid #dce8ef;box-shadow:8px 0 28px rgba(18,58,104,.045);overflow:hidden}
  .app{grid-template-columns:258px 1fr}
}
.sidebar nav{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-height:0;overflow-y:auto!important;overflow-x:hidden;padding:2px 7px 18px 5px;scrollbar-width:thin;scrollbar-color:#8eb3ca #edf4f8;overscroll-behavior:contain}
.sidebar nav::-webkit-scrollbar{width:7px}.sidebar nav::-webkit-scrollbar-thumb{background:#8eb3ca;border:2px solid #edf4f8;border-radius:10px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#5e94b5}.sidebar nav::-webkit-scrollbar-track{background:#edf4f8;border-radius:10px}
.sidebar .nav-label{position:relative;margin:20px 10px 7px;padding-left:10px;color:#8ca1af;font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:18px;text-transform:uppercase}
.sidebar .nav-label{padding-right:25px;cursor:pointer;user-select:none;border-radius:7px;transition:color .18s ease,background .18s ease}.sidebar .nav-label:hover{color:#075da8;background:#f1f7fb}.sidebar .nav-label:after{content:"⌄";position:absolute;right:7px;top:-1px;font-size:16px;line-height:18px;color:#6f91a7;transition:transform .2s ease}.sidebar .nav-label.collapsed:after{transform:rotate(-90deg)}.sidebar .nav-label:focus-visible{outline:3px solid rgba(8,116,201,.16);outline-offset:1px}.sidebar .nav-item.nav-group-collapsed{display:none!important}
.sidebar .nav-label:first-of-type{margin-top:8px}
.sidebar .nav-label:before{content:"";position:absolute;left:0;top:5px;width:3px;height:8px;border-radius:4px;background:#70b7dc}
.sidebar .nav-item{position:relative;min-height:46px;width:100%;padding:10px 13px 10px 17px;border:1px solid transparent;border-radius:12px;color:#4f6978;font-size:13px;font-weight:500;line-height:1.35;gap:9px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.sidebar .nav-item:hover{background:#f1f7fb;color:#075da8;border-color:#deebf3;transform:translateX(2px)}
.sidebar .nav-item:focus-visible{outline:3px solid rgba(8,116,201,.18);outline-offset:1px}
.sidebar .nav-item.active{background:linear-gradient(100deg,#e6f3fc,#eef8ff);color:#075da8;border-color:#cfe5f4;font-weight:700;box-shadow:0 5px 14px rgba(7,93,168,.10)}
.sidebar .nav-item.active:before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:4px;border-radius:5px;background:linear-gradient(#0874c9,#21a3d2)}
.sidebar .nav-item>span{display:none!important}
.sidebar .nav-item i{display:grid;place-items:center;min-width:24px;height:24px;margin-left:auto;padding:0 6px;border:2px solid #fff;border-radius:12px;background:#fee8ea;color:#c90012;font-size:10px;font-weight:800;box-shadow:0 2px 6px rgba(201,0,18,.12)}
.sidebar .nav-item i.hidden{display:none!important}
.sidebar-system-title{min-height:62px!important;margin:0 5px 9px!important;padding:0 10px 15px!important;border-bottom:1px solid #e1ebf1!important}
.sidebar-system-title b{font-size:17px!important;line-height:1.35!important;color:#123a68!important}
.sidebar-help{margin:10px 5px 0;background:linear-gradient(135deg,#edf7fc,#f5fbff);border:1px solid #d9eaf4;box-shadow:0 6px 16px rgba(18,58,104,.06)}
.sidebar-copyright{flex:0 0 auto;margin:10px 5px 0;padding-top:10px;border-top:1px solid #e1ebf1;color:#8298a6;font-size:10px;font-weight:600;letter-spacing:.25px;text-align:center;white-space:nowrap}
@media(max-width:900px){.sidebar nav{padding-bottom:20px}.sidebar .nav-item{min-height:44px}.sidebar .nav-label{margin-top:17px}}