body {
        background-color: #f1f3f5;
        font-family: 'Inter', system-ui, sans-serif;
    }
    
    .required_field {
        color: #ffb300;
        font-size: 12px;
    }
    
    .usr-type-success {
        background-color: #1a5276;
        color: #fff;
    }
    
    .usr-type-danger {
        background-color: #00acc1;
        color: #fff;
    }
    
    .usr-status-success {
        background-color: #52be80;
        color: #fff;
    }
    
    .usr-status-danger {
        background-color: #ec7063;
        color: #fff;
    }
    
    .btn-password {
        background-color: #f9e79f;
        color: #d4ac0d;
        border: none;
    }
    
    .btn-password:hover {
        background-color: #f7dc6f;
        color: #d4ac0d;
        border: none;
    }
    
    .btn-edit {
        background-color: #e7f1ff;
        color: #0069d9;
        border: none;
    }
    
    .btn-edit:hover {
        background-color: #d0e7ff;
        color: #0069d9;
    }
    
    .btn-delete {
        background-color: #ffecec;
        color: #d63333;
        border: none;
    }
    
    .btn-delete:hover {
        background-color: #ffc8c8;
        color: #d63333;
    }
    
    .btn-add {
        background-color: #e7f1ff;
        color: #0069d9;
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        border: none;
        transition: background-color 0.2s ease;
    }
    
    .btn-add:hover {
        background-color: #d0e7ff;
        color: #0069d9;
    }
    
    .btn-corporate {
        background-color: #e7f1ff;
        color: #0069d9;
    }
    
    .btn-corporate:hover {
        background-color: #004494;
        color: #fff;
    }

    .btn-success {
        background-color: #157347 !important;
        color: #fff;
    }

    .btn-success:hover {
        background-color: #198754 !important;
        color: #fff;
    }
    
    .badge-percentage {
        background-color: #e2f0ff;
        color: #0056b3;
        font-weight: 500;
        font-size: 0.85rem;
        padding: 0.35rem 0.65rem;
        border-radius: 0.5rem;
    }
    
    .enterprise-card {
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
        padding: 2rem;
    }
    
    .enterprise-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }
    
    .enterprise-title {
        font-size: 1.5rem;
        font-weight: 600;
        color: #212529;
        margin: 0;
    }
    
    .table-enterprise {
        width: 100%;
        margin-bottom: 0;
        text-align: center;
    }
    
    .table-enterprise thead {
        background-color: #f8f9fa;
    }
    
    .table-enterprise th {
        font-size: 0.85rem;
        font-weight: 600;
        color: #495057;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        border-top: none;
        vertical-align: middle;
        text-align: center;
    }
    
    .table-enterprise td {
        font-size: 0.94rem;
        color: #343a40;
        vertical-align: middle;
        text-align: center;
    }
    
    .table-enterprise tbody tr:hover {
        background-color: #f1f3f5;
    }
    
    .badge-percentage {
        background-color: #e2f0ff;
        color: #0056b3;
        font-weight: 500;
        font-size: 0.85rem;
        padding: 0.35rem 0.65rem;
        border-radius: 0.5rem;
    }
    
    @media (max-width: 576px) {
        .enterprise-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.75rem;
        }
    }
    
    .page-item.active .page-link {
        z-index: 3;
        color: #0069d9;
        background-color: #e7f1ff;
        border-color: #007bff;
    }
    
    .embed-responsive-1by1 {
        max-height: 400px;
    }

  .custom-select-box {
    border: 1px solid #ced4da; /* gris claro */
    border-radius: 0.5rem;      /* bordes más suaves */
    box-shadow: 0 1px 2px rgba(0,0,0,0.05); /* sombra sutil */
    padding: 0.5rem;
    font-size: 1rem;
    background-color: #fff;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
  }

  .custom-select-box:focus {
    border-color: #5c9ded;
    box-shadow: 0 0 0 0.2rem rgba(92, 157, 237, 0.25);
    outline: none;
  }

  .result-search {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    font-size: 12px;
    z-index: 100;
    top:75px;
    min-height:fit-content;
    min-width: 96%;
  }

  .crossed-out {
    text-decoration:line-through #000 !important;
  }

  .statistics-payed {
    background-color:#D4EDDA !important;
    color:#155724 !important;
  }

  .statistics-no-payed {
    color:#ca1212 !important;
    font-weight: bold;
  }

  .statistics-no-apply {
    background-color: #cdcdcd !important;
    color: #8b8b8b !important;
  }

  .mt-10 {
    margin-top:75px !important;
  }