section.bpanel-section{flex-direction:row;flex:1;width:100%;min-width:360px;max-width:100vw;display:flex;overflow:hidden}
aside.bpanel-sider{background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;justify-content:space-between;min-width:50px;max-width:50px;padding:12px 0;display:flex}aside.bpanel-sider nav{flex-direction:column;align-items:center;gap:4px;min-height:40px;display:flex}aside.bpanel-sider nav a{color:#555;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:40px;min-height:40px;padding:4px 0;font-size:10px;text-decoration:none;transition:background .2s;display:flex;position:relative}aside.bpanel-sider nav a:hover{background:#f0f0f0}aside.bpanel-sider nav a.disabled{opacity:.4;pointer-events:none}aside.bpanel-sider nav a span{margin-top:2px}aside.bpanel-sider footer{flex-direction:column;align-items:center;display:flex}aside.bpanel-sider footer a{color:#555;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:40px;padding:4px 0;font-size:10px;text-decoration:none;transition:background .2s;display:flex;position:relative}aside.bpanel-sider footer a:hover{background:#f0f0f0}aside.bpanel-sider footer a span{margin-top:2px}aside.bpanel-sider a[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;background:#333;border-radius:4px;margin-left:8px;padding:6px 10px;font-size:12px;line-height:1;transition:opacity .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%)}aside.bpanel-sider a[data-tooltip]:hover:after{opacity:1}
div.bpanel-content{background:#f0f4f8;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:100%;padding:.75em;display:flex}
footer.bpanel-footer{color:#a9a9a9;flex:.1;justify-content:center;align-items:center;gap:16px;width:100%;max-height:30px;padding:1em;font-size:10px;font-style:italic;display:flex}footer.bpanel-footer img{opacity:.5;max-width:150px}
div.bpanel-navigation{justify-content:left;align-items:center;min-width:100%;height:50px;font-size:16px;display:flex}div.bpanel-navigation span.bpanel-navigation-fragment{justify-content:left;align-items:center;gap:5px;display:flex}
div.bpanel-header{color:#fff;background:linear-gradient(90deg,#0a1628 0%,#1a3a5c 100%);gap:10px;min-width:100%;max-width:100%;min-height:50px;display:flex}div.bpanel-header div.logo-icon{border-right:1px solid #dcdcdc4d;flex:.01;justify-content:center;align-items:center;min-width:50px;max-width:50px;display:flex}div.bpanel-header div.logo-icon img{max-width:24px;font-style:italic}div.bpanel-header div.logo-name{flex:1;justify-content:left;align-items:center;gap:16px;margin:0;font-family:Audiowide,Arial Black,Trebuchet MS,sans-serif;display:flex}div.bpanel-header div.logo-name h1{color:#a3a3a3;font-size:16px}div.bpanel-header div.right{align-items:center;gap:16px;margin-right:.5em;display:flex}div.bpanel-header div.right .username{opacity:.8;font-size:13px}div.bpanel-header .logout-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:background .2s;display:flex}div.bpanel-header .logout-btn:hover{background:#fff3}@media screen and (max-width:570px){div.bpanel-content-header div.logo h1{display:none}}@media screen and (max-width:460px){div.bpanel-content-header .right .username{visibility:hidden;max-width:0;max-height:0}}