* { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; }
  #bg-content::-webkit-scrollbar { width: 11px; }
  #bg-content::-webkit-scrollbar-thumb { background: #D7DCE5; border-radius: 8px; border: 3px solid #fff; }
  #bg-sidebar::-webkit-scrollbar { width: 8px; }
  #bg-sidebar::-webkit-scrollbar-thumb { background: #E2E6EC; border-radius: 8px; }
  .logo-row .row-dl-icon { opacity: 0; transition: opacity .15s ease; }
  .logo-row:hover .row-dl-icon { opacity: 1; }
  .logo-row:hover { border-color: #D6DEEA; }
  .sx-btn .sx-arrow { transition: transform .2s ease; }
  .sx-btn:hover .sx-arrow { transform: rotate(-45deg); }
  .sx-btn-soft:hover { filter: brightness(1.05); }
  .copy-cell:hover { background: #F4F6FA; }
  .hexcard:hover .hexline { color:#CB4E0B; }