/* TABS */
    .tabs {
      position: sticky;
      top: 64px;
      z-index: 90;
      display: flex;
      gap: 4px;
      padding: 12px 28px 0;
      background: rgba(1, 6, 15, .94);
      border-bottom: 1px solid rgba(26, 51, 86, .5);
      backdrop-filter: blur(16px);
      overflow-x: auto;
    }

    .tab {
      position: relative;
      padding: 10px 17px;
      border-radius: 10px 10px 0 0;
      border: 1px solid transparent;
      border-bottom: none;
      font-size: 12px;
      font-weight: 700;
      color: var(--mu);
      background: rgba(7, 15, 32, .5);
      cursor: pointer;
      user-select: none;
      margin-bottom: -1px;
      transition: all .18s;
      white-space: nowrap;
    }

    .tab:hover:not(.active) {
      color: var(--so);
      background: rgba(59, 130, 246, .06);
    }

    .tab.active {
      color: #93c5fd;
      font-weight: 800;
      background: linear-gradient(180deg, rgba(18, 38, 76, .85), rgba(7, 15, 32, .98));
      border-color: rgba(59, 130, 246, .58);
    }

    .tab.active::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 2px;
      border-radius: 2px 2px 0 0;
      background: linear-gradient(90deg, #3b82f6, #06b6d4);
    }

    .tbadge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 17px;
      height: 17px;
      padding: 0 5px;
      border-radius: 999px;
      background: rgba(59, 130, 246, .18);
      color: #60a5fa;
      font-size: 10px;
      font-weight: 800;
      margin-left: 5px;
    }