
:root{--fixed-sidebar-width:220px}
body:not(.tv-mode):not(.tv-lite-mode){margin:0!important;padding:0!important}
body:not(.tv-mode):not(.tv-lite-mode)>.sidebar,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar{
  position:fixed!important;left:0!important;top:0!important;bottom:0!important;
  width:var(--fixed-sidebar-width)!important;min-width:var(--fixed-sidebar-width)!important;max-width:var(--fixed-sidebar-width)!important;
  height:100vh!important;padding:20px 18px!important;overflow-y:auto!important;overflow-x:hidden!important;
  background:linear-gradient(180deg,#082b48 0%,#031523 100%)!important;
  border-right:1px solid #0b7eb8!important;z-index:1000!important;box-sizing:border-box!important;
}
body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .brand,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .brand{
  display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;
  gap:0!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;
}
body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .brand img,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .brand img{
  display:block!important;width:112px!important;height:auto!important;margin:0 auto 12px!important;padding:10px 12px!important;
  background:#fff!important;border-radius:12px!important;object-fit:contain!important;
}
body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .brand h2,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .brand h2{
  display:block!important;margin:0!important;color:#fff!important;font-size:24px!important;line-height:1.05!important;font-weight:800!important;
}
body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .brand p,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .brand p{
  display:block!important;margin:6px 0 0!important;color:#d8e9f5!important;font-size:13px!important;line-height:1.2!important;
}
body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .module-menu,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .module-menu{
  display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;padding:0!important;
}
body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .module-link,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .module-link{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  width:100%!important;min-height:66px!important;padding:11px 13px!important;margin:0!important;border-radius:12px!important;
  border:1px solid #126c9d!important;background:#12314a!important;color:#fff!important;text-decoration:none!important;
  box-shadow:none!important;box-sizing:border-box!important;
}
body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .module-link:hover,
body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .module-link.active,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .module-link:hover,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .module-link.active{
  background:#0b466b!important;border-color:#00b8f5!important;box-shadow:inset 0 0 0 1px rgba(0,184,245,.15)!important;
}
body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .module-link-title,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .module-link-title{
  display:block!important;color:#fff!important;font-size:16px!important;line-height:1.05!important;font-weight:800!important;
}
body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .module-link small,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .module-link small{
  display:block!important;margin-top:5px!important;color:#c7d9e7!important;font-size:10px!important;line-height:1.15!important;font-weight:400!important;
}
body:not(.tv-mode):not(.tv-lite-mode)>.main,
body:not(.tv-mode):not(.tv-lite-mode)>.page,
body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.main-content{
  margin-left:var(--fixed-sidebar-width)!important;width:calc(100% - var(--fixed-sidebar-width))!important;max-width:none!important;box-sizing:border-box!important;
}
body:not(.tv-mode):not(.tv-lite-mode) .app-shell{display:block!important;min-height:100vh!important}
@media(max-width:1100px){
  :root{--fixed-sidebar-width:200px}
  body:not(.tv-mode):not(.tv-lite-mode)>.sidebar,
  body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar{padding:16px 12px!important}
  body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .module-link,
  body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .module-link{min-height:60px!important;padding:9px 10px!important}
  body:not(.tv-mode):not(.tv-lite-mode)>.sidebar .module-link-title,
  body:not(.tv-mode):not(.tv-lite-mode) .app-shell>.sidebar .module-link-title{font-size:14px!important}
}
