:root{--xj-header-height:74px;--xj-rail-width:54px;--xj-menu-width:184px;}
body.xj-has-sidebar{padding-inline-start:var(--xj-rail-width);}
.xj-has-sidebar>.xj-header{position:sticky;top:0;z-index:50;}
.xj-sidebar-toggle{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:60;display:grid;place-items:center;width:var(--xj-rail-width);height:var(--xj-header-height);flex:none;border:0;border-inline-end:1px solid #ffffff0b;border-bottom:1px solid #ffffff12;border-radius:0;background:#202c3b;color:#c6d4e4;cursor:pointer;transition:background-color .18s,color .18s;}
.xj-sidebar-toggle:hover,.xj-sidebar-toggle[aria-expanded=true]{background:#28374a;color:#f2f7ff;}
.xj-sidebar-toggle svg{width:18px;height:18px;overflow:visible;}
.xj-sidebar-toggle path{transform-origin:12px 12px;transition:transform .22s,opacity .18s;}
.xj-sidebar-toggle[aria-expanded=true] .xj-toggle-top{transform:translateY(6px) rotate(45deg);transform-origin:12px 6px;}
.xj-sidebar-toggle[aria-expanded=true] .xj-toggle-middle{opacity:0;}
.xj-sidebar-toggle[aria-expanded=true] .xj-toggle-bottom{transform:translateY(-6px) rotate(-45deg);transform-origin:12px 18px;}
.xj-sidebar{position:fixed;inset-block:var(--xj-header-height) 0;inset-inline-start:0;z-index:55;width:var(--xj-rail-width);background:linear-gradient(180deg,#202c3b,#1b2635);border-inline-end:1px solid #ffffff0c;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;transition:width .22s ease;}
.xj-sidebar::-webkit-scrollbar{display:none;}
[data-sidebar-open=true] .xj-sidebar{width:var(--xj-menu-width);box-shadow:8px 0 24px #0c182b22;}
[dir=rtl] [data-sidebar-open=true] .xj-sidebar{box-shadow:-8px 0 24px #0c182b22;}
.xj-sidebar__heading{display:none;}
.xj-sidebar__nav{display:flex;flex-direction:column;gap:6px;padding:12px 6px;}
.xj-sidebar__item{position:relative;display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:40px;min-height:40px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#c5d1df;text-align:start;font-size:13px;font-weight:600;line-height:1.6;white-space:nowrap;transition:background-color .18s,border-color .18s,color .18s;}
.xj-sidebar__item svg{width:18px;height:18px;flex:none;}
.xj-sidebar__label{width:0;opacity:0;overflow:hidden;transition:opacity .15s;}
[data-sidebar-open=true] .xj-sidebar__item{justify-content:flex-start;gap:12px;padding-inline:11px;}
[data-sidebar-open=true] .xj-sidebar__label{width:auto;opacity:1;}
.xj-sidebar__item[aria-current=page]{background:#638cb526;border-color:#96b6d930;color:#e5f2ff;box-shadow:inset 0 1px #ffffff09;}
.xj-sidebar__item[href]:hover{color:#fff;background:#ffffff0b;border-color:#ffffff13;}
.xj-sidebar__item:disabled{color:#8a9cb0;cursor:default;}
.xj-sidebar__item:focus-visible,.xj-sidebar-toggle:focus-visible{outline:2px solid #aaccec;outline-offset:-2px;}
.xj-sidebar-backdrop{position:fixed;inset:var(--xj-header-height) 0 0;z-index:52;background:#0c182b66;}
.xj-sidebar-backdrop[hidden]{display:none;}
@media(max-width:1023px){
 :root{--xj-rail-width:48px;--xj-menu-width:184px;}
 .xj-sidebar__nav{padding:10px 5px;gap:5px;}
 .xj-sidebar__item{height:38px;min-height:38px;}
 .xj-sidebar__item svg{width:17px;height:17px;}
 .xj-has-sidebar[data-sidebar-open=true]{overflow:hidden;}
}
@media(max-width:767px){
 :root{--xj-header-height:66px;}
 .xj-has-sidebar .xj-mobile-nav{inset-inline-start:var(--xj-rail-width);}
 .xj-has-sidebar .xj-header__inner{width:calc(100% - 20px);}
 .xj-header__brand{gap:0;}
}
@media(prefers-reduced-motion:reduce){.xj-sidebar,.xj-sidebar__label,.xj-sidebar-toggle,.xj-sidebar-toggle path,.xj-sidebar__item{transition:none;}}