:root{--sb-bg:#1e293b;--sb-bg-hover:#263349;--sb-bg-active:#1e40af;--sb-border:#ffffff14;--sb-text:#cbd5e1;--sb-text-muted:#64748b;--sb-text-active:#fff;--sb-width:220px;--sb-width-col:56px;--sb-transition:.22s ease}.sidebar{width:var(--sb-width);background:var(--sb-bg);border-right:1px solid var(--sb-border);min-height:100vh;transition:width var(--sb-transition);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar.collapsed{width:var(--sb-width-col)}.sidebar-header{border-bottom:1px solid var(--sb-border);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 10px;display:flex}.sidebar-brand{align-items:center;gap:8px;display:flex;overflow:hidden}.sidebar-brand-icon{color:#60a5fa;flex-shrink:0;font-size:18px}.sidebar-brand-name{color:#f1f5f9;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:14px;font-weight:700}.sidebar-toggle{border:1px solid var(--sb-border);color:var(--sb-text-muted);cursor:pointer;width:30px;height:30px;transition:color var(--sb-transition), border-color var(--sb-transition), background var(--sb-transition);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{color:#f1f5f9;background:#ffffff0d;border-color:#ffffff40}.sidebar-role{padding:10px 14px 6px}.role-badge{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.badge-jefatura{color:#fbbf24;background:#eab30826;border:1px solid #eab3084d}.badge-admin{color:#60a5fa;background:#60a5fa26;border:1px solid #60a5fa4d}.badge-usuario{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.sidebar-nav{flex:1;padding:8px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-tree,.sidebar-subtree{margin:0;padding:0;list-style:none}.sidebar-subtree{max-height:0;transition:max-height .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-subtree.open{max-height:500px}.sidebar-subtree .sidebar-btn:before{content:"";background:var(--sb-border);pointer-events:none;width:1px;height:100%;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.sidebar-btn{width:100%;min-height:38px;color:var(--sb-text);cursor:pointer;text-align:left;transition:background var(--sb-transition), color var(--sb-transition);white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding-right:12px;font-family:Segoe UI,sans-serif;font-size:13.5px;font-weight:500;display:flex;position:relative}.sidebar-btn:hover{background:var(--sb-bg-hover);color:#f1f5f9}.sidebar-btn.active{background:var(--sb-bg-active);color:var(--sb-text-active);font-weight:600}.sidebar-btn.child{border-left:2px solid #0000;font-size:13px;font-weight:400}.sidebar-btn.child:hover{border-left-color:#60a5fa}.sidebar-btn.child.active{border-left-color:#fff}.sidebar-icon{opacity:.85;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-label{text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-chevron{color:var(--sb-text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.collapsed .sidebar-label,.collapsed .sidebar-chevron,.collapsed .sidebar-role,.collapsed .sidebar-footer,.collapsed .sidebar-brand-name{display:none}.collapsed .sidebar-btn{justify-content:center;padding-right:0;padding-left:0!important}.collapsed .sidebar-icon{opacity:1}.collapsed .sidebar-subtree{display:none}.collapsed .sidebar-header{justify-content:center}.sidebar-footer{color:var(--sb-text-muted);border-top:1px solid var(--sb-border);white-space:nowrap;flex-shrink:0;padding:10px 14px;font-size:11px}