.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:20;height:100dvh;transition:width var(--trans), transform var(--trans-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-brand{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:16px 16px 12px;display:flex}.sidebar-logo-img{object-fit:contain;width:auto;height:26px}.sidebar-logo-mini{font-size:15px;font-weight:var(--fw-semibold);color:var(--accent);letter-spacing:-.01em}.sidebar-collapse-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background var(--trans), color var(--trans);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-collapse-btn:hover{background:var(--bg-subtle-hover);color:var(--text-primary)}.collapsed .sidebar-brand{justify-content:center;padding:16px 0 12px}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:6px 10px 12px;display:flex}.nav-section-label{font-size:10px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--text-subtle);padding:16px 12px 6px}.nav-item{border-radius:var(--radius);color:var(--text-secondary);font-size:13.5px;font-weight:var(--fw-medium);text-align:left;cursor:pointer;width:100%;transition:background var(--trans), color var(--trans);white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;padding:9px 12px;font-family:inherit;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:hover{background:var(--bg-subtle-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-bg);color:var(--accent-pale);font-weight:var(--fw-medium)}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;height:16px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.nav-item svg{flex-shrink:0}.nav-item.expandable{justify-content:flex-start}.nav-item .chevron{opacity:.5;align-items:center;margin-left:auto;display:inline-flex}.collapsed .nav-item{justify-content:center;padding:9px}.collapsed .nav-item.active:before{left:-10px}.sub-nav{flex-direction:column;gap:1px;margin-top:2px;margin-bottom:2px;display:flex}.nav-item.sub{font-size:var(--fs-body);font-weight:var(--fw-regular);color:var(--text-muted);gap:0;padding:7px 12px 7px 40px}.nav-item.sub:hover{color:var(--text-primary);background:var(--bg-subtle-hover)}.nav-item.sub.active{color:var(--accent-pale);background:var(--accent-bg);font-weight:var(--fw-medium)}.nav-item.sub.active:before{height:12px;left:24px}.sidebar-footer{border-top:1px solid var(--divider);flex-shrink:0;padding:10px}.system-status{border-radius:var(--radius);cursor:pointer;transition:background var(--trans);font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;padding:8px 10px;display:flex;overflow:hidden}.system-status:hover{background:var(--bg-subtle-hover);color:var(--text-secondary)}.system-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.system-status.operational .system-status-dot{background:var(--status-live-dot);box-shadow:0 0 8px var(--status-live-glow);animation:2s ease-in-out infinite nexLivePulse}.system-status.degraded .system-status-dot{background:var(--warning);box-shadow:0 0 8px #f59e0b80}.system-status.issues .system-status-dot{background:var(--danger);box-shadow:0 0 8px var(--status-down-glow)}.collapsed .system-status{justify-content:center;padding:8px}.collapsed .system-status-text{display:none}.desktop-only{display:inline-flex}.mobile-only,.sidebar-overlay{display:none}@media (width<=768px){.sidebar{width:280px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open .nav-item{justify-content:flex-start;padding:9px 12px}.sidebar.mobile-open .nav-item.sub{padding:7px 12px 7px 40px}.sidebar.mobile-open .sidebar-brand{justify-content:space-between;padding:16px}.desktop-only{display:none}.mobile-only{display:inline-flex}.sidebar-overlay{background:var(--bg-overlay);z-index:19;display:block;position:fixed;inset:0}}@media (width<=1200px) and (width>=769px){.sidebar{width:var(--sidebar-w-collapsed)}.sidebar .nav-section-label,.sidebar .nav-item span,.sidebar .sub-nav,.sidebar .nav-item .chevron,.sidebar-logo-img,.sidebar-collapse-btn.desktop-only,.sidebar .system-status-text{display:none}.sidebar .nav-item{justify-content:center;padding:9px}.sidebar .sidebar-brand,.sidebar .system-status{justify-content:center;padding:16px 0 12px}.sidebar:hover{width:var(--sidebar-w);box-shadow:var(--shadow-lg);z-index:30}.sidebar:hover .nav-section-label,.sidebar:hover .nav-item span,.sidebar:hover .sub-nav,.sidebar:hover .nav-item .chevron,.sidebar:hover .sidebar-logo-img,.sidebar:hover .sidebar-collapse-btn.desktop-only,.sidebar:hover .system-status-text{display:inline-flex}.sidebar:hover .sub-nav{display:flex}.sidebar:hover .nav-item{justify-content:flex-start;padding:9px 12px}.sidebar:hover .nav-item.sub{padding:7px 12px 7px 40px}.sidebar:hover .sidebar-brand{justify-content:space-between;padding:16px 16px 12px}.sidebar:hover .system-status{justify-content:flex-start;padding:8px 10px}}.sidebar-collapse-btn.desktop-only{display:none!important}.desktop-layout{background:var(--bg-body);min-height:100dvh;display:block}.d-main-wrap{margin-left:var(--sidebar-w);min-height:100dvh;transition:margin-left var(--trans);flex-direction:column;display:flex}.desktop-layout.sidebar-collapsed .d-main-wrap{margin-left:var(--sidebar-w-collapsed)}.d-main{flex:1;min-width:0;min-height:0}.d-page-container{width:100%;max-width:var(--page-max-w);padding:28px var(--page-padding-x) 48px;gap:var(--gap);flex-direction:column;margin:0 auto;display:flex}@media (width<=1200px) and (width>=769px){.d-main-wrap{margin-left:var(--sidebar-w-collapsed)}}@media (width<=768px){.d-main-wrap{margin-left:0}.d-page-container{padding:20px 16px 32px}}
