:root{--portal-sidebar-width:232px}
.portal-sidebar{position:fixed;inset:0 auto 0 0;width:var(--portal-sidebar-width);z-index:1000;background:linear-gradient(180deg,#102b45,#173d60);color:#fff;padding:14px 12px;display:flex;flex-direction:column;box-shadow:8px 0 28px rgba(10,31,51,.12)}
.portal-sidebar-brand{display:flex;align-items:center;gap:11px;padding:8px 8px 17px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.13)}
.portal-sidebar-logo{width:38px;height:38px;border-radius:11px;background:#a5163c;display:grid;place-items:center;font-weight:900;font-size:15px;flex:0 0 auto}
.portal-sidebar-brand small{display:block;color:#bed0df;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800}.portal-sidebar-brand strong{display:block;font-size:15px;margin-top:2px}
.portal-sidebar-nav{display:flex;flex-direction:column;gap:4px;padding-top:14px}.portal-sidebar-link{display:flex;align-items:center;gap:11px;color:#d9e5ee;text-decoration:none;padding:10px 11px;border-radius:10px;font-size:14px;font-weight:750;transition:.15s}.portal-sidebar-link:hover{background:rgba(255,255,255,.1);color:#fff}.portal-sidebar-link.is-active{background:#fff;color:#173d60;box-shadow:0 5px 16px rgba(0,0,0,.12)}
.portal-sidebar-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto}.portal-sidebar-icon svg{width:19px;height:19px}.portal-sidebar-footer{margin-top:auto;padding:14px 10px 5px;color:#9fb6c8;font-size:11px}
body.portal-with-sidebar{padding-left:var(--portal-sidebar-width)}
@media(max-width:900px){:root{--portal-sidebar-width:0px}.portal-sidebar{position:relative;width:auto;height:auto;inset:auto;padding:8px;box-shadow:none}.portal-sidebar-brand{padding:5px 7px 10px}.portal-sidebar-nav{padding-top:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.portal-sidebar-link{justify-content:center;padding:9px 5px;font-size:11px;gap:5px;flex-direction:column;text-align:center}.portal-sidebar-icon{width:18px;height:18px}.portal-sidebar-footer{display:none}body.portal-with-sidebar{padding-left:0}}
@media(max-width:520px){.portal-sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}