@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Syne:wght@700;800&display=swap");
body.vb-app-body{margin:0!important;padding:0!important;background:hsl(220,25%,7%)!important;overflow-x:hidden}
body.vb-app-body #page,body.vb-app-body .site,body.vb-app-body header.site-header,body.vb-app-body footer.site-footer,body.vb-app-body .elementor-location-header,body.vb-app-body .elementor-location-footer{display:none!important}
.vb-app{--bg:hsl(220,25%,7%);--bg-card:hsl(220,25%,10%);--bg-sidebar:hsl(220,25%,8%);--border:hsl(220,20%,16%);--text:hsl(210,20%,90%);--text-muted:hsl(215,15%,50%);--text-sub:hsl(215,15%,38%);--cyan:hsl(170,80%,50%);--success:hsl(145,65%,52%);--warning:hsl(38,90%,55%);--danger:hsl(0,70%,55%);--gold:hsl(45,90%,55%);--sidebar-w:256px;--font-mono:"JetBrains Mono",monospace;display:flex;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:13px}
.vb-sidebar{width:var(--sidebar-w);min-height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow:hidden;z-index:50}
.vb-sidebar__logo{display:flex;align-items:center;gap:12px;padding:20px 16px;border-bottom:1px solid var(--border)}
.vb-sidebar__logo-icon{width:36px;height:36px;border-radius:8px;border:1px solid hsla(170,80%,50%,.3);background:hsla(170,80%,50%,.06);display:flex;align-items:center;justify-content:center;color:var(--cyan);animation:vb-spin 20s linear infinite;flex-shrink:0}
@keyframes vb-spin{to{transform:rotate(360deg)}}
.vb-sidebar__title{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text)}
.vb-sidebar__status{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:9px;color:var(--text-sub)}
.vb-sidebar__dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:vb-pulse 2s ease-in-out infinite;flex-shrink:0}
@keyframes vb-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.vb-sidebar__nav{flex:1;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.vb-nav-group{margin-bottom:2px}
.vb-nav-group__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:none;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:color .15s}
.vb-nav-group__toggle:hover{color:var(--text)}
.vb-nav-chevron{transition:transform .2s;flex-shrink:0}
.vb-nav-group__items{overflow:hidden;max-height:0;transition:max-height .25s ease}
.vb-nav-group__items.open{max-height:400px}
.vb-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:7px;color:var(--text-muted);text-decoration:none;font-size:12px;font-weight:500;transition:all .15s;margin-bottom:1px}
.vb-nav-item:hover{color:var(--text);background:hsla(220,20%,20%,.5);text-decoration:none}
.vb-nav-item.active{color:var(--cyan);background:hsla(170,80%,50%,.1);border:1px solid hsla(170,80%,50%,.2)}
.vb-nav-item svg{flex-shrink:0;opacity:.7}
.vb-nav-item.active svg{opacity:1}
.vb-nav-badge{margin-left:auto;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}
.vb-nav-badge--cyan{background:hsla(170,80%,50%,.15);color:var(--cyan)}
.vb-nav-badge--red{background:hsla(0,70%,55%,.15);color:hsl(0,70%,65%)}
.vb-nav-badge--gold{background:hsla(45,90%,55%,.15);color:var(--gold)}
.vb-nav-badge--gold-locked{background:hsla(45,30%,55%,.08);color:hsl(45,30%,60%);font-size:9px}
.vb-nav-item--locked{opacity:.55}
.vb-nav-item--locked:hover{opacity:.85;background:hsla(45,90%,55%,.06)!important}
.vb-nav-item--locked svg{opacity:.5}
.vb-nav-item--todays-pick:not(.vb-nav-item--locked) svg{color:var(--gold);opacity:1}
.vb-nav-item--todays-pick:not(.vb-nav-item--locked):hover{background:hsla(45,90%,55%,.08)}
.vb-sidebar__user{padding:12px;border-top:1px solid var(--border)}
.vb-sidebar__user-info{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:hsla(220,20%,14%,.5);margin-bottom:4px}
.vb-sidebar__avatar{width:28px;height:28px;border-radius:50%;background:hsla(170,80%,50%,.1);border:1px solid hsla(170,80%,50%,.2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--cyan);flex-shrink:0}
.vb-sidebar__user-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb-sidebar__user-email{font-size:10px;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb-sidebar__user-text{flex:1;min-width:0}
.vb-sidebar__logout{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:7px;color:var(--text-sub);font-size:12px;text-decoration:none;transition:all .15s;width:100%}
.vb-sidebar__logout:hover{color:var(--danger);background:hsla(0,70%,55%,.1);text-decoration:none}
.vb-main{flex:1;overflow-x:hidden;overflow-y:auto;min-height:100vh;background:var(--bg);background-image:linear-gradient(hsla(170,80%,50%,.025) 1px,transparent 1px),linear-gradient(90deg,hsla(170,80%,50%,.025) 1px,transparent 1px);background-size:40px 40px}
.vb-glow-top{position:fixed;top:0;left:50%;transform:translateX(-50%);width:400px;height:80px;background:hsla(170,80%,50%,.04);filter:blur(30px);pointer-events:none;z-index:0}
.vb-mobile-toggle{display:none;position:fixed;top:12px;left:12px;z-index:60;width:48px;height:48px;border-radius:10px;background:hsla(220,25%,10%,.98);border:1.5px solid var(--gold);color:var(--gold);cursor:pointer;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 4px 16px hsla(45,90%,55%,.28),0 1px 3px hsla(0,0%,0%,.4)}
.vb-mobile-toggle:hover{background:hsla(45,90%,55%,.10);box-shadow:0 6px 20px hsla(45,90%,55%,.42);transform:translateY(-1px)}
.vb-mobile-toggle:active{transform:translateY(0)}
.vb-mobile-toggle svg{stroke:var(--gold);stroke-width:2.5;width:24px;height:24px}
/* CLOSE MENU BAR — full-width strip at top of sidebar (visible on mobile only) */
.vb-mobile-close-bar{
  display:none;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:18px 20px;
  background:hsla(45,90%,55%,.12);
  border-bottom:2px solid var(--gold);
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  transition:background .15s;
}
.vb-mobile-close-bar:hover,
.vb-mobile-close-bar:active{
  background:hsla(45,90%,55%,.22);
}
.vb-overlay{display:none;position:fixed;inset:0;background:hsla(220,25%,3%,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:45}
.vb-overlay.active{display:block}
body.vb-menu-open{overflow:hidden!important;height:100vh!important}
@media(max-width:768px){
  .vb-mobile-toggle{display:flex}
  .vb-sidebar.open .vb-mobile-close-bar{display:flex!important}
  .vb-sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease;z-index:55;height:100vh;width:100vw;max-width:100vw;background:hsl(220,25%,7%)!important;box-shadow:none}
  .vb-sidebar.open{transform:translateX(0)}
  .vb-sidebar__logo{padding:18px 16px;display:flex;align-items:center;gap:12px}
  .vb-sidebar__nav{padding:16px}
  .vb-nav-item{padding:14px 14px;font-size:14px}
  .vb-nav-group__toggle{padding:12px 14px;font-size:11px}
  .vb-main{padding-top:72px}
  body.vb-menu-open .vb-mobile-toggle{display:none}
  body.vb-menu-open .vb-overlay{display:none}
}