html,
    body {
      max-width: 100%;
      overflow-x: hidden;
    }

    .dashboard {
      min-width: 0 !important;
      width: 100% !important;
      max-width: 100vw !important;
      padding: 6px !important;
      gap: 6px !important;
      
      grid-template-rows: 42px 86px auto 186px !important;
    }

    .titlebar {
      border-radius: 12px !important;
    }

    .kpis {
      gap: 6px !important;
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }

    .kpi {
      padding: 7px 8px !important;
      gap: 6px !important;
      border-radius: 12px !important;
    }

    .kpi .value {
      font-size: clamp(15px, 1.05vw, 18px) !important;
    }

    .kpi .label {
      font-size: clamp(8.5px, .66vw, 10px) !important;
    }

    .kpi .sub {
      font-size: clamp(8px, .60vw, 9px) !important;
    }

    .main {
      gap: 6px !important;
      grid-template-columns: minmax(0, 3.25fr) minmax(300px, .9fr) !important;
    }

    .right {
      gap: 6px !important;
    }

    .bottom {
      gap: 6px !important;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(260px, .64fr) !important;
    }

    .panel {
      border-radius: 12px !important;
    }

    .panel-head {
      height: 26px !important;
      min-height: 26px !important;
      font-size: clamp(10px, .75vw, 12px) !important;
    }

    .panel-body {
      padding: 6px !important;
      overflow: hidden !important;
    }

    .table-wrap {
      overflow: hidden !important;
      
      border-radius: 8px !important;
    }

    .table {
      table-layout: fixed !important;
      width: 100% !important;
    }

    .table col:nth-child(1) {
      width: 3% !important;
    }

    .table col:nth-child(2) {
      width: 10% !important;
    }

    .table col:nth-child(3) {
      width: 12% !important;
    }

    .table col:nth-child(4) {
      width: 12% !important;
    }

    .table col:nth-child(5) {
      width: 12% !important;
    }

    .table col:nth-child(6) {
      width: 12% !important;
    }

    .table col:nth-child(7) {
      width: 12% !important;
    }

    .table col:nth-child(8) {
      width: 9% !important;
    }

    .table col:nth-child(9) {
      width: 9% !important;
    }

    .table col:nth-child(10) {
      width: 9% !important;
    }

    .table th,
    .table td {
      font-size: clamp(9.8px, .76vw, 11.4px) !important;
      height: clamp(22px, 2.9vh, 34px) !important;
      line-height: 1.15 !important;
      padding: 3px 5px !important;
      white-space: normal !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .table th {
      font-size: clamp(8.4px, .68vw, 9.8px) !important;
      height: 23px !important;
    }

    .table td:nth-child(n+3):nth-child(-n+7),
    .table tfoot td:nth-child(n+3) {
      white-space: nowrap !important;
      font-variant-numeric: tabular-nums;
    }

    .table td:nth-child(2),
    .table th:nth-child(2) {
      white-space: normal !important;
    }

    .table tfoot td {
      font-size: clamp(10.5px, .82vw, 12.5px) !important;
      height: 30px !important;
    }

    .badge {
      font-size: clamp(7px, .58vw, 8.5px) !important;
      min-width: 62px !important;
    }

    .status-list {
      font-size: clamp(9.2px, .75vw, 11px) !important;
    }

    .rank-legend {
      font-size: clamp(7.8px, .62vw, 9px) !important;
    }

    .actions {
      right: 8px !important;
      bottom: 8px !important;
      gap: 6px !important;
    }

    .actions .btn {
      padding: 8px 10px !important;
      font-size: 11px !important;
    }

    @media(max-width:1250px) {
      .dashboard {
        grid-template-rows: 40px auto auto auto !important;
      }

      .kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }

      .main {
        grid-template-columns: 1fr !important;
      }

      .right {
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto !important;
      }

      .bottom {
        grid-template-columns: 1fr !important;
      }

    }

    @media(max-width:820px) {
      .kpis {
        grid-template-columns: 1fr 1fr !important;
      }

      .right {
        grid-template-columns: 1fr !important;
      }

      .actions {
        position: static !important;
        padding: 6px !important;
        justify-content: flex-start !important;
        background: #F2F3F5;
      }
    }