.side{overflow:hidden}
.sidebar-nav{
  overflow-x:hidden!important;overflow-y:auto;
  scrollbar-width:none;-ms-overflow-style:none;
}
.sidebar-nav::-webkit-scrollbar{display:none;width:0;height:0}
.sidebar-head{
  display:flex;align-items:center;padding:0 5px;margin-bottom:17px;flex:none;
}
.sidebar-head .sidebar-brand{margin:0;padding:0;min-width:0;flex:1}
.nav-logo{
  display:block;width:38px;height:38px;border-radius:11px;object-fit:cover;flex:none;
  box-shadow:0 8px 20px rgba(79,70,229,.2);
}
.nav-section-label{
  padding:10px 10px 4px;color:#a3acbc;font-size:8px;font-weight:750;
  letter-spacing:.14em;text-transform:uppercase;
}
.sidebar-nav .nav-group + .nav-group{margin-top:5px}

.v2-topbar{
  height:64px;padding:0 17px;background:rgba(255,255,255,.94);
  border-bottom:1px solid #e7ecf3;box-shadow:0 2px 12px rgba(16,24,40,.025);
}
.v2-nav-toggle{
  display:grid;place-items:center;width:34px;height:34px;border:1px solid #e5e9f0;
  border-radius:9px;background:#fff;color:#64748b;transition:all .16s;
}
.v2-nav-toggle:hover{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}
.v2-nav-toggle svg{width:17px;height:17px}
.v2-context{display:flex;align-items:center;gap:9px;min-width:0;margin-left:1px}
.v2-context-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#eff6ff,#f5f3ff);color:#4f46e5;flex:none}
.v2-context-icon svg{width:16px;height:16px}
.v2-context-copy{display:flex;flex-direction:column;min-width:0}
.v2-eyebrow{color:#98a2b3;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.v2-context-copy b{max-width:190px;color:#101828;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-top-actions{display:flex;align-items:center;gap:5px;margin-left:auto}
.v2-divider{width:1px;height:22px;background:#e9edf4;margin:0 3px}
.v2-topbar .pill{padding:5px 9px;background:#f6fef9}
.v2-topbar .tbtn{width:31px;height:31px;border:1px solid transparent}
.v2-topbar .tbtn:hover{border-color:#e5e9f0;background:#f8fafc}
.v2-topbar .btn.v2-doc-button.tutorial{
  display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 10px;
  border:1px solid #dbeafe;border-radius:9px;background:#eff6ff;color:#2563eb;
  font-size:10px;font-weight:650;box-shadow:none;
}
.v2-topbar .btn.v2-doc-button.tutorial:hover{
  border-color:#93c5fd;background:#dbeafe;color:#1d4ed8;
}
.v2-doc-button svg{width:14px;height:14px}
.v2-topbar .btn.v2-contact-button.contact{
  display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 10px;
  border:1px solid #d1fadf;border-radius:9px;background:#f6fef9;color:#067647;
  font-size:10px;font-weight:650;box-shadow:none;
}
.v2-topbar .btn.v2-contact-button.contact:hover{
  border-color:#a7f3d0;background:#ecfdf3;color:#05603a;
}
.v2-contact-button svg{width:14px;height:14px}
.contact-menu-wrap{position:relative;display:flex;align-items:center}
.contact-qr-menu{
  position:absolute;top:100%;right:0;z-index:120;width:214px;padding-top:8px;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.contact-menu-wrap:hover .contact-qr-menu,
.contact-menu-wrap:focus-within .contact-qr-menu,
.contact-menu-wrap.open .contact-qr-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.contact-qr-card{
  padding:10px 10px 11px;border:1px solid #e4e9f1;border-radius:13px;background:#fff;
  box-shadow:0 18px 48px rgba(15,23,42,.18);text-align:center;
}
.contact-qr-card::before{
  content:"";position:absolute;right:27px;top:2px;width:10px;height:10px;
  border-left:1px solid #e4e9f1;border-top:1px solid #e4e9f1;background:#fff;transform:rotate(45deg);
}
.contact-qr-title{display:block;margin-bottom:7px;color:#98a2b3;font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.contact-qr-card img{display:block;width:192px;height:192px;object-fit:contain;border-radius:9px;background:#fff}
.contact-qr-card b{display:block;margin-top:7px;color:#101828;font-size:11px}
.contact-qr-card small{display:block;margin-top:2px;color:#98a2b3;font-size:8.5px;line-height:1.5}
.v2-topbar .btn.renew{height:32px;padding:0 12px;border-radius:9px;background:linear-gradient(135deg,#2563eb,#4f46e5);font-size:10px}
.v2-profile-user{padding:3px 8px 3px 3px;border:1px solid transparent}
.v2-profile-user:hover{border-color:#e5e9f0;background:#f8fafc}
.v2-topbar .usermenu{top:calc(100% + 10px)}

@media(min-width:1024px){
  .shell{transition:grid-template-columns .22s ease}
  .side{transition:width .22s ease,padding .22s ease}
  html.nav-collapsed .shell{grid-template-columns:80px minmax(0,1fr)}
  html.nav-collapsed .side{width:80px;padding-left:10px;padding-right:10px}
  html.nav-collapsed .sidebar-head{justify-content:center;padding:0}
  html.nav-collapsed .sidebar-brand{flex:none;justify-content:center}
  html.nav-collapsed .sidebar-brand-text,
  html.nav-collapsed .nav-section-label,
  html.nav-collapsed .nav-item .label{display:none}
  html.nav-collapsed .sidebar-nav{overflow:visible;padding-right:0}
  html.nav-collapsed .nav-group{margin-bottom:8px}
  html.nav-collapsed .nav-group + .nav-group{margin-top:8px;padding-top:8px;border-top:1px solid #edf0f4}
  html.nav-collapsed .nav-item{justify-content:center;width:44px;height:42px;margin:4px auto;padding:0}
  html.nav-collapsed .nav-item.active{box-shadow:0 0 0 3px rgba(37,99,235,.045)}
  html.nav-collapsed .sidebar-footer{padding-top:8px}
  html.nav-collapsed .status-card{display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0 auto;border:0;background:#f8fafc;box-shadow:none}
  html.nav-collapsed .status-card .dot{position:static;transform:none}
  html.nav-collapsed .status-card .status-text,
  html.nav-collapsed .status-card .version,
  html.nav-collapsed .status-card .settings-btn{display:none}
  html.nav-collapsed .v2-nav-toggle svg{transform:rotate(180deg)}
}

@media(max-width:1023px){
  .v2-topbar{padding-left:11px;padding-right:11px}
  .v2-context-icon{display:none}
  .v2-top-actions .pill,.v2-top-actions .tbtn,.v2-top-actions .v2-divider,.v2-top-actions .vline{display:none}
  .v2-context-copy b{max-width:150px}
  .v2-topbar .btn.v2-doc-button.tutorial{display:inline-flex}
  .v2-topbar .btn.v2-contact-button.contact{display:inline-flex}
}

@media(max-width:640px){
  .v2-eyebrow{display:none}
  .v2-context-copy b{font-size:12px;max-width:120px}
  .v2-topbar .btn.renew{display:none}
  .v2-topbar .btn.v2-doc-button.tutorial{display:none}
  .v2-topbar .btn.v2-contact-button.contact{display:none}
}