body {
    background-color: #F9FAFB;
    font-family: 'Inter', sans-serif;
    color: #101828;
}

.bg-white {
    background-color: #FFFFFF;
}

.text-gray-500 {
    color: #475467;
}

.text-gray-900 {
    color: #101828;
}

.btn-primary {
    background-color: #F04438;
    border-color: #F04438;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
}

.btn-primary:hover {
    background-color: #D92D20;
    border-color: #D92D20;
}

/* Form Controls - Cleaner, Smaller Look */
.form-control,
.form-select,
.input-group-text {
    font-size: 14px;
    padding: 10px 14px;
    border-color: #D0D5DD;
    border-radius: 8px;
    color: #101828;
}

.form-control:focus,
.form-select:focus {
    border-color: #F04438;
    box-shadow: 0 0 0 4px rgba(240, 68, 56, 0.1);
}

.form-label {
    font-size: 14px;
    margin-bottom: 6px;
}

.btn-outline-secondary,
a.btn-outline-secondary {
    color: #344054 !important;
    border-color: #D0D5DD !important;
    background-color: #FFFFFF;
    font-size: 14px;
    border-radius: 8px;
    padding: 10px 16px;
}

.btn-outline-secondary:hover,
a.btn-outline-secondary:hover {
    background-color: #F9FAFB;
    color: #344054 !important;
    border-color: #D0D5DD !important;
}

/* Pagination Custom Styles - Orange Active, Gray Disabled */
.pagination-btn,
a.pagination-btn {
    color: #F04438 !important;
    border-color: #D0D5DD !important;
    background-color: #FFFFFF !important;
    text-decoration: none !important;
}

.pagination-btn:hover,
a.pagination-btn:hover {
    color: #D92D20 !important;
    background-color: #F9FAFB !important;
    border-color: #D0D5DD !important;
}

.pagination-btn.disabled,
a.pagination-btn.disabled {
    color: #344054 !important;
    opacity: 0.6;
    pointer-events: none;
}

.table th {
    font-weight: 500;
    color: #667085;
    font-size: 12px;
    background-color: #F9FAFB;
    padding: 12px 24px;
}

.table th:first-child {
    border-top-left-radius: 8px;
}

.table th:last-child {
    border-top-right-radius: 8px;
}

.table td {
    vertical-align: middle;
    font-size: 14px;
    color: #475467;
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.page-header {
    margin-bottom: 32px;
}

.search-input {
    border-color: #D0D5DD;
    padding-left: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z' stroke='%23667085' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px center;
}

/* Pagination */
.pagination {
    margin-bottom: 0;
}

.page-link {
    color: #344054;
    border-color: #D0D5DD;
}

/* Modal */
.modal-content {
    border-radius: 12px;
    border: none;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
}

.upload-area {
    border: 1px dashed #EAECF0;
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    background-color: #FFFFFF;
}

/* Horizontal Rule override */
hr {
    background-color: transparent;
    border: 0;
    border-top: 1px solid #dee2e6;
    /* Input border color */
    opacity: 1;
}