:root{--sidebar-width:264px;--sidebar-collapsed:76px;--sb-bg:#070c1a;--sb-edge:rgba(255, 255, 255, 0.06);--sb-text:#94a3b8;--sb-text-strong:#f1f5f9;--sb-hover:rgba(255, 255, 255, 0.045);--sb-active-bg:linear-gradient(90deg, rgba(16, 185, 129, 0.20), rgba(16, 185, 129, 0.05));--sb-active-text:#ecfdf5;--sb-accent:#34d399;--sb-icon-bg:rgba(255, 255, 255, 0.04);--sb-icon-active:rgba(16, 185, 129, 0.22);--sb-label:#5b6b82;--sb-card:rgba(255, 255, 255, 0.035);--sb-card-border:rgba(255, 255, 255, 0.07)}[data-theme=light]{--sb-bg:#ffffff;--sb-edge:#e2e8f0;--sb-text:#475569;--sb-text-strong:#0f172a;--sb-hover:rgba(15, 23, 42, 0.045);--sb-active-bg:linear-gradient(90deg, rgba(16, 185, 129, 0.16), rgba(16, 185, 129, 0.04));--sb-active-text:#065f46;--sb-accent:#059669;--sb-icon-bg:rgba(15, 23, 42, 0.04);--sb-icon-active:rgba(16, 185, 129, 0.18);--sb-label:#64748b;--sb-card:#f8fafc;--sb-card-border:#e2e8f0}#sidebar{width:var(--sidebar-width);background:radial-gradient(120% 40% at 0 0,rgba(16,185,129,.1),transparent 60%),var(--sb-bg);color:var(--sb-text);border-right:1px solid var(--sb-edge);font-family:var(--font-body, 'Hanken Grotesk', sans-serif);transition:width .28s var(--ease-spring),transform .28s var(--ease-spring),visibility .28s}[data-theme=light] #sidebar{background:radial-gradient(120% 40% at 0 0,rgba(16,185,129,.07),transparent 60%),var(--sb-bg)}#sidebar .sidebar-header{padding:18px 16px 14px 20px;border-bottom:none;gap:6px}#sidebar .logo{gap:10px;font-family:var(--font-display, 'Familjen Grotesk', sans-serif);font-size:1.12rem;color:var(--sb-text-strong);min-width:0}#sidebar .logo-mark{width:28px;height:28px}#sidebar .logo-name{letter-spacing:-.03em}#sidebar .logo-name b{color:var(--sb-accent)}#sidebar .sidebar-header-actions{gap:4px;flex-shrink:0}#sidebar .version{font-family:var(--font-mono, 'Space Mono', monospace);font-size:.6rem;letter-spacing:.08em;padding:2px 7px;border-radius:999px;background:var(--sb-icon-bg);border:1px solid var(--sb-card-border);color:var(--sb-text)}#sidebar .sidebar-close-btn,#sidebar .sidebar-collapse-btn{width:30px;height:30px;border-radius:10px;border:1px solid var(--sb-card-border);background:var(--sb-icon-bg);color:var(--sb-text);font-size:1rem}#sidebar .sidebar-close-btn:hover,#sidebar .sidebar-collapse-btn:hover{color:var(--sb-accent);border-color:color-mix(in srgb,var(--sb-accent) 45%,transparent);background:color-mix(in srgb,var(--sb-accent) 10%,transparent)}#sidebar .sidebar-collapse-btn .ti{transition:transform .28s var(--ease-spring)}#sidebar.collapsed .sidebar-collapse-btn .ti{transform:rotate(180deg)}#sidebar .sb-user{display:flex;align-items:center;gap:12px;margin:0 14px 6px;padding:10px 12px;border-radius:16px;background:var(--sb-card);border:1px solid var(--sb-card-border);flex-shrink:0}#sidebar .sb-avatar{width:38px;height:38px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,#5eead4,#10b981);color:#03130d;font-family:var(--font-display, 'Familjen Grotesk', sans-serif);font-weight:700;font-size:.95rem;letter-spacing:-.02em;box-shadow:0 6px 18px rgba(16,185,129,.25)}#sidebar .user-info{display:flex;flex-direction:column;gap:1px;min-width:0}#sidebar .user-name{color:var(--sb-text-strong);font-size:.9rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sidebar .user-role{font-family:var(--font-mono, 'Space Mono', monospace);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-label)}#sidebar .user-comercio{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin-top:4px;padding:2px 8px 2px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--sb-accent) 35%,transparent);background:color-mix(in srgb,var(--sb-accent) 10%,transparent);color:var(--sb-accent);font-size:.72rem;font-weight:600;cursor:pointer;transition:background var(--duration-fast) ease}#sidebar .user-comercio:focus-visible,#sidebar .user-comercio:hover{background:color-mix(in srgb,var(--sb-accent) 18%,transparent);text-decoration:none;opacity:1;outline:0}#sidebar .user-comercio .ti{font-size:.85rem;flex-shrink:0}#sidebar .user-comercio .ti-selector{opacity:.7}#sidebar .user-comercio-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#sidebar .nav-menu{padding:4px 0 12px;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--sb-text) 35%,transparent) transparent}#sidebar .nav-menu::-webkit-scrollbar{width:6px}#sidebar .nav-menu::-webkit-scrollbar-track{background:0 0;margin:8px 0}#sidebar .nav-menu::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sb-text) 35%,transparent);border:none;border-radius:6px}#sidebar .nav-group-label{display:block;padding:16px 22px 6px;font-family:var(--font-mono, 'Space Mono', monospace);font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sb-label);white-space:nowrap;user-select:none}#sidebar .nav-group-label::before{content:'— ';color:var(--sb-accent)}#sidebar .nav-group:not(:has(> .nav-item:not(.hidden):not([style*="display: none"]):not([style*="display:none"]))){display:none}#sidebar .nav-item{position:relative;margin:2px 12px;padding:6px 10px;gap:12px;border-radius:12px;border-left:none;color:var(--sb-text);font-weight:500;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}#sidebar .nav-item:hover{padding-left:10px;background:var(--sb-hover);color:var(--sb-text-strong)}#sidebar .nav-icon{width:32px;height:32px;margin-right:0;border-radius:10px;background:0 0;font-size:1.12rem;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}#sidebar .nav-text{font-size:.9rem;letter-spacing:-.005em}#sidebar .nav-item:hover .nav-icon{background:var(--sb-icon-bg)}#sidebar .nav-item.active{padding-left:10px;background:var(--sb-active-bg);color:var(--sb-active-text);font-weight:600}#sidebar .nav-item.active .nav-icon{background:var(--sb-icon-active);color:var(--sb-accent)}#sidebar .nav-item.active::before{content:'';position:absolute;left:-12px;top:50%;width:4px;height:26px;transform:translateY(-50%);border-radius:0 4px 4px 0;background:var(--sb-accent);box-shadow:0 0 14px color-mix(in srgb,var(--sb-accent) 70%,transparent)}#sidebar .nav-item:focus-visible{outline:2px solid var(--sb-accent);outline-offset:1px}#sidebar .nav-arrow{font-size:.8rem;opacity:.45}#sidebar .nav-submenu{width:auto;background:0 0;margin:0 12px 0 33px;border-left:1px solid var(--sb-card-border)}#sidebar .nav-submenu.open{max-height:320px;margin-bottom:4px}#sidebar .nav-sub-item{position:relative;margin:1px 0 1px 8px;padding:7px 12px;border-left:none;border-radius:9px;font-size:.82rem;color:var(--sb-text)}#sidebar .nav-sub-item:hover{background:var(--sb-hover);color:var(--sb-text-strong)}#sidebar .nav-sub-item.active{background:0 0;color:var(--sb-accent);font-weight:600}#sidebar .nav-sub-item.active::before{content:'';position:absolute;left:-12px;top:50%;width:7px;height:7px;transform:translateY(-50%);border-radius:50%;background:var(--sb-accent);box-shadow:0 0 0 3px var(--sb-bg)}#sidebar .sidebar-footer{padding:10px 14px 14px;border-top:1px solid var(--sb-edge);display:flex;flex-direction:column;gap:8px}#sidebar .connection-status{margin:0;padding:9px 12px;border-radius:12px;background:var(--sb-card);border:1px solid var(--sb-card-border);font-size:.76rem}#sidebar .connection-status .conn-dot{box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 22%,transparent)}#sidebar .connection-status .conn-text{color:var(--sb-text)}#sidebar .btn-logout{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--sb-card-border);background:0 0;color:var(--sb-text);font-family:inherit;font-size:.85rem;font-weight:600}#sidebar .btn-logout .ti{font-size:1.05rem}#sidebar .btn-logout:hover{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}@media (min-width:769px){#sidebar.collapsed{width:var(--sidebar-collapsed)}#sidebar.collapsed .nav-menu{scrollbar-width:none}#sidebar.collapsed .nav-menu::-webkit-scrollbar{display:none}#sidebar.collapsed .sidebar-header{flex-direction:column;padding:16px 0 10px;gap:10px}#sidebar.collapsed .logo{display:flex}#sidebar.collapsed .logo-name,#sidebar.collapsed .version{display:none}#sidebar.collapsed .sb-user{justify-content:center;margin:0 auto 6px;padding:0;background:0 0;border:none}#sidebar.collapsed .user-info{display:none}#sidebar.collapsed .nav-group-label{padding:0;margin:10px auto 6px;width:22px;height:1px;overflow:hidden;font-size:0;background:var(--sb-card-border)}#sidebar.collapsed .nav-group:first-child .nav-group-label{display:none}#sidebar.collapsed .nav-item{justify-content:center;margin:3px 14px;padding:4px}#sidebar.collapsed .nav-item:hover{padding:4px}#sidebar.collapsed .nav-item.active{background:0 0}#sidebar.collapsed .nav-item.active .nav-icon{background:var(--sb-icon-active);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sb-accent) 40%,transparent)}#sidebar.collapsed .nav-item.active::before{left:-14px}#sidebar.collapsed .nav-icon{width:40px;height:40px;border-radius:12px}#sidebar.collapsed .nav-item:hover::after{left:calc(var(--sidebar-collapsed) - 6px);font-family:var(--font-body, sans-serif);border-radius:8px;background:var(--sb-bg);color:var(--sb-text-strong);border-color:var(--sb-card-border)}#sidebar.collapsed .sidebar-footer{padding:10px 0 14px;align-items:center}#sidebar.collapsed .connection-status{width:40px;height:32px;padding:0;justify-content:center}#sidebar.collapsed .btn-logout{display:flex;width:40px;height:40px;padding:0}#sidebar.collapsed .btn-logout span{display:none}}@media (max-width:768px){#sidebar{top:10px;left:10px;bottom:56px;width:min(300px,calc(100vw - 20px));border:1px solid var(--sb-card-border);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.45);transform:translateX(calc(-100% - 24px));visibility:hidden;overflow:hidden;z-index:200}#sidebar.open{transform:translateX(0);visibility:visible}#sidebar .sidebar-close-btn{display:flex}#sidebar .nav-item{padding:8px 10px}#sidebar .nav-sub-item{padding:10px 12px}}