.panel-shell {display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;}
.panel-shell .panel-topbar {flex:none;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;gap:16px;}
.panel-shell .panel-topbar-main {display:flex;align-items:center;gap:24px;}
.panel-shell .panel-topbar .navbar-brand {margin:0;padding:0;font-size:20px;}
.panel-shell .panel-topbar-logout {border:0;background:transparent;color:#b7bdc3;font:inherit;font-size:14px;padding:8px 0;}
.panel-shell .panel-topbar-logout:hover {color:#fff;}
.panel-shell>.panel {display:flex;flex-direction:row;flex-wrap:nowrap;flex:1;min-height:0;margin:0;}
.panel-shell>.panel>.panel-navigation {display:flex;flex-direction:column;position:relative;flex:0 0 208px;width:208px;max-width:208px;min-width:0;min-height:0;padding:0;background:#f8f9fb;border-right:1px solid #e6e9ee;}
.panel-shell>.panel>.panel-content {flex:1;width:auto;max-width:none;min-width:0;min-height:0;padding:20px;overflow:auto;overscroll-behavior:contain;}
.panel-shell .panel-menu {display:flex;flex-direction:column;flex:1;height:auto;min-height:0;background:transparent;}
.panel-shell .panel-menu-scroll {flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 10px 20px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd1d9 transparent;}
.panel-shell .panel-menu-shortcuts {padding-bottom:10px;}
.panel-shell .panel-menu-link {position:relative;display:flex;align-items:center;min-height:38px;margin:2px 0;padding:8px 12px;border-radius:4px;color:#566170;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap;text-decoration:none;}
.panel-shell .panel-menu-link:hover {background:#edf0f4;color:#25364a;text-decoration:none;}
.panel-shell .panel-menu-link.is-current {color:#235789;background:#e9f1fa;font-weight:500;}
.panel-shell .panel-menu-link.is-current::before {content:'';position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:2px;background:#3684c7;}
.panel-shell .panel-menu-group {margin-top:8px;border-top:1px solid #e5e9ef;padding-top:8px;}
.panel-shell .panel-menu-group-toggle {display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:0;border-radius:4px;background:transparent;color:#78818d;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;line-height:18px;}
.panel-shell .panel-menu-group-toggle:hover {color:#455365;background:#edf0f4;}
.panel-shell .panel-menu-group-toggle.has-current {color:#416486;}
.panel-shell .panel-menu-chevron {width:6px;height:6px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-right:3px;}
.panel-shell .panel-menu-chevron.is-expanded {transform:rotate(45deg);margin-top:-3px;}
.panel-shell .panel-menu [hidden] {display:none!important;}
.panel-shell .panel-drawer-heading,.panel-shell .panel-menu-open-button,.panel-shell .panel-menu-footer {display:none;}
.panel-shell .panel-menu-link:focus-visible,.panel-shell button:focus-visible {outline:2px solid #80bdff;outline-offset:2px;}
.panel-shell .panel-content:focus {outline:none;}
@media(max-width:1023px){
 .panel-shell .panel-topbar {min-height:60px;padding:8px 16px;}
 .panel-shell .panel-topbar-logout {display:none;}
 .panel-shell .panel-menu-open-button {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;background:transparent;color:#eef1f5;border:1px solid #727b84;border-radius:4px;font-size:14px;}
 .panel-shell .panel-menu-bars {display:grid;gap:4px;width:16px;}
 .panel-shell .panel-menu-bars i {display:block;height:1.5px;background:currentColor;}
 .panel-shell>.panel>.panel-navigation {position:fixed;inset:0 auto 0 0;z-index:1060;flex:none;width:288px;max-width:calc(100% - 48px);border:0;visibility:hidden;transform:translateX(-100%);box-shadow:4px 0 24px rgba(21,32,48,.15);}
 .panel-shell>.panel>.panel-navigation.is-open {visibility:visible;transform:none;}
 .panel-shell .panel-menu-backdrop {position:fixed;inset:0;z-index:1050;background:rgba(24,34,46,.4);touch-action:none;}
 .panel-shell .panel-drawer-heading {display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;height:60px;padding:8px 16px;border-bottom:1px solid #e5e9ef;}
 .panel-shell .panel-drawer-heading h2 {font-size:17px;font-weight:500;margin:0;color:#343a40;}
 .panel-shell .panel-drawer-heading button {display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:4px;background:transparent;color:#566170;font-size:27px;font-weight:300;}
 .panel-shell .panel-menu-scroll {padding:10px 12px 16px;}
 .panel-shell .panel-menu-link {min-height:44px;padding:11px 14px;}
 .panel-shell .panel-menu-group-toggle {min-height:44px;padding:11px 14px;}
 .panel-shell .panel-menu-footer {display:block;flex:none;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e5e9ef;}
 .panel-shell .panel-menu-footer button {width:100%;min-height:44px;padding:10px 14px;text-align:left;border:0;background:transparent;color:#566170;font-size:14px;}
 .panel-shell>.panel>.panel-content {width:100%;padding:16px;}
 body.panel-menu-open .panel-shell .panel-content {overflow:hidden;}
}