.elementor-4114 .elementor-element.elementor-element-9167aab{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:40px;--padding-bottom:96px;--padding-left:080px;--padding-right:80px;}.elementor-4114 .elementor-element.elementor-element-5b53b06{--display:flex;--min-height:24px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:0px;}.elementor-4114 .elementor-element.elementor-element-c97422d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:24px;color:#667085;}.elementor-4114 .elementor-element.elementor-element-e933d6f{padding:3px 0px 0px 0px;}.elementor-4114 .elementor-element.elementor-element-e933d6f.elementor-element{--align-self:center;}.elementor-4114 .elementor-element.elementor-element-e933d6f .elementor-icon-wrapper{text-align:center;}.elementor-4114 .elementor-element.elementor-element-e933d6f .elementor-icon{font-size:14px;}.elementor-4114 .elementor-element.elementor-element-e933d6f .elementor-icon svg{height:14px;}.elementor-4114 .elementor-element.elementor-element-2bad2e1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:24px;color:#101828;}.elementor-4114 .elementor-element.elementor-element-2b3235d{--display:flex;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4114 .elementor-element.elementor-element-20362b8{text-align:center;}.elementor-4114 .elementor-element.elementor-element-20362b8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#0B5896;}.elementor-4114 .elementor-element.elementor-element-2e68064{width:var( --container-widget-width, 1146px );max-width:1146px;--container-widget-width:1146px;--container-widget-flex-grow:0;text-align:center;}.elementor-4114 .elementor-element.elementor-element-2e68064 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:56px;font-weight:600;line-height:1.1em;letter-spacing:-0.04em;color:var( --e-global-color-9b1bf12 );}.elementor-4114 .elementor-element.elementor-element-247c3e5{width:var( --container-widget-width, 902px );max-width:902px;--container-widget-width:902px;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:27px;color:#667085;}.elementor-4114 .elementor-element.elementor-element-247c3e5 a{color:#667085;}.elementor-4114 .elementor-element.elementor-element-52a90b7{--display:flex;--min-height:80px;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-group > label, .elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-subgroup label{color:#667085;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-type-html{padding-bottom:0px;color:#667085;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-group .elementor-field{color:#667085;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-group .elementor-field, .elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#D0D5DD;border-radius:8px 8px 8px 8px;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#D0D5DD;border-radius:8px 8px 8px 8px;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-field-group .elementor-select-wrapper::before{color:#D0D5DD;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-button{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:24px;border-radius:8px 8px 8px 8px;padding:10px 12px 10px 12px;}.elementor-4114 .elementor-element.elementor-element-24adad8 .e-form__buttons__wrapper__button-next{background-color:#0B5896;color:#ffffff;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-button[type="submit"]{background-color:#0B5896;color:#ffffff;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4114 .elementor-element.elementor-element-24adad8 .e-form__buttons__wrapper__button-previous{background-color:#141c2c;color:#ffffff;}.elementor-4114 .elementor-element.elementor-element-24adad8 .e-form__buttons__wrapper__button-next:hover{background-color:#295274;color:#ffffff;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-button[type="submit"]:hover{background-color:#295274;color:#ffffff;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4114 .elementor-element.elementor-element-24adad8 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4114 .elementor-element.elementor-element-24adad8{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-4114 .elementor-element.elementor-element-0bcbc2f{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:20px;}.elementor-4114 .elementor-element.elementor-element-086c193{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:40px;--padding-left:64px;--padding-right:64px;}.elementor-4114 .elementor-element.elementor-element-086c193.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4114 .elementor-element.elementor-element-ec05c01{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4114 .elementor-element.elementor-element-ec2bdb6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:32px;color:#101828;}.elementor-4114 .elementor-element.elementor-element-6f7d563{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4114 .elementor-element.elementor-element-9c26ab7{--grid-columns:3;width:100%;max-width:100%;}.elementor-4114 .elementor-element.elementor-element-9c26ab7 > .elementor-widget-container{padding:32px 0px 0px 0px;}.elementor-4114 .elementor-element.elementor-element-9c26ab7 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-4114 .elementor-element.elementor-element-9c26ab7 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-4114 .elementor-element.elementor-element-9c26ab7 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4114 .elementor-element.elementor-element-9c26ab7 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4114 .elementor-element.elementor-element-9c26ab7 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-4114 .elementor-element.elementor-element-5b53b06{--width:1280px;}.elementor-4114 .elementor-element.elementor-element-2b3235d{--width:1280px;}.elementor-4114 .elementor-element.elementor-element-52a90b7{--width:495px;}.elementor-4114 .elementor-element.elementor-element-086c193{--width:100%;}.elementor-4114 .elementor-element.elementor-element-ec05c01{--width:1280px;}.elementor-4114 .elementor-element.elementor-element-6f7d563{--width:1216px;}}@media(max-width:1024px) and (min-width:768px){.elementor-4114 .elementor-element.elementor-element-52a90b7{--width:50%;}}@media(max-width:1024px){.elementor-4114 .elementor-element.elementor-element-24adad8{width:100%;max-width:100%;}.elementor-4114 .elementor-element.elementor-element-24adad8.elementor-element{--align-self:stretch;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-button span{justify-content:space-between;}.elementor-4114 .elementor-element.elementor-element-0bcbc2f{font-size:15px;line-height:24px;}.elementor-4114 .elementor-element.elementor-element-9c26ab7{--grid-columns:2;}}@media(max-width:767px){.elementor-4114 .elementor-element.elementor-element-24adad8.elementor-element{--align-self:center;}.elementor-4114 .elementor-element.elementor-element-24adad8 .elementor-button span{justify-content:center;}.elementor-4114 .elementor-element.elementor-element-0bcbc2f{font-size:12px;line-height:18px;}.elementor-4114 .elementor-element.elementor-element-9c26ab7{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-9c26ab7 *//* ==========================================================
   Post Archive Table Controls & Pagination
   Purpose: Complete styling for archive table controls and pagination
   Features:
     - Table controls (search, filters, sorting)
     - Enhanced pagination with responsive design
     - Mobile-first responsive approach
   ========================================================== */

/* ---------- Archive Controls Container ---------- */
.archive-controls {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 20px 0 !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* ---------- Search Control ---------- */
.archive-search {
    display: flex !important;
    align-items: center !important;
    background: #f9fafb !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    min-width: 240px !important;
    transition: all 0.3s ease !important;
}

.archive-search:focus-within {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

.archive-search input {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    flex: 1 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #374151 !important;
}

.archive-search input::placeholder {
    color: #9ca3af !important;
}

.archive-search .search-icon {
    color: #6b7280 !important;
    margin-right: 8px !important;
}

/* ---------- Filter Controls ---------- */
.archive-filters {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.filter-dropdown {
    position: relative !important;
    display: inline-block !important;
}

.filter-dropdown select {
    appearance: none !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 8px 32px 8px 12px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #374151 !important;
    cursor: pointer !important;
    min-width: 120px !important;
    transition: all 0.3s ease !important;
}

.filter-dropdown select:hover {
    border-color: #9ca3af !important;
}

.filter-dropdown select:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
    outline: none !important;
}

.filter-dropdown::after {
    content: "▼" !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 10px !important;
    color: #6b7280 !important;
    pointer-events: none !important;
}

/* ---------- Sort Controls ---------- */
.archive-sort {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.sort-button {
    background: #f3f4f6 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #374151 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.sort-button:hover {
    background: #e5e7eb !important;
    border-color: #9ca3af !important;
}

.sort-button.active {
    background: #2563eb !important;
    color: white !important;
    border-color: #2563eb !important;
}

.sort-button .arrow {
    font-size: 12px !important;
    transition: transform 0.3s ease !important;
}

.sort-button.desc .arrow {
    transform: rotate(180deg) !important;
}

/* ---------- Results Info ---------- */
.archive-results-info {
    color: #6b7280 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    margin-left: auto !important;
}

/* ---------- Table Wrapper ---------- */
.archive-table-wrapper {
    overflow-x: auto !important;
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    margin-bottom: 24px !important;
}

.archive-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: white !important;
}

.archive-table th,
.archive-table td {
    padding: 12px 16px !important;
    text-align: left !important;
    border-bottom: 1px solid #e5e7eb !important;
    font-family: 'Inter', sans-serif !important;
}

.archive-table th {
    background: #f9fafb !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #374151 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
}

.archive-table td {
    font-size: 14px !important;
    color: #6b7280 !important;
}

/* ---------- Enhanced Pagination (from your original) ---------- */
.elementor-pagination {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 20px 0 !important;
    margin-top: 30px !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

/* Previous button styling */
.elementor-pagination .page-numbers.prev {
    order: -1 !important;
    margin-right: auto !important;
    background: none !important;
    border: none !important;
    color: #475467 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 85px !important;
    height: 40px !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

.elementor-pagination .page-numbers.prev:hover {
    background: #f3f4f6 !important;
    color: #0B5896 !important;
}

/* Add arrow icon to Previous button */
.elementor-pagination .page-numbers.prev::before {
    content: "←" !important;
    font-size: 14px !important;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Next button styling */
.elementor-pagination .page-numbers.next {
    order: 1 !important;
    margin-left: auto !important;
    background: none !important;
    border: none !important;
    color: #475467 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 85px !important;
    height: 40px !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

.elementor-pagination .page-numbers.next:hover {
    background: #f3f4f6 !important;
    color: #0B5896 !important;
}

/* Add arrow icon to Next button */
.elementor-pagination .page-numbers.next::after {
    content: "→" !important;
    font-size: 14px !important;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Page numbers container */
.pagination-numbers {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    order: 0 !important;
}

/* Page numbers styling */
.elementor-pagination .page-numbers:not(.prev):not(.next) {
    margin: 0 !important;
    padding: 10px 14px !important;
    background: none !important;
    border: 1px solid transparent !important;
    color: #6b7280 !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    min-width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Current page styling */
.elementor-pagination .page-numbers.current {
    background: #2563eb !important;
    color: white !important;
    font-weight: 600 !important;
    border-color: #2563eb !important;
}

/* Hover states for page numbers */
.elementor-pagination .page-numbers:not(.current):not(.prev):not(.next):hover {
    background: #f3f4f6 !important;
    color: #0B5896 !important;
    border-color: #d1d5db !important;
}

/* Dots styling */
.elementor-pagination .dots {
    color: #9ca3af !important;
    margin: 0 4px !important;
    padding: 10px 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ---------- Mobile Responsive Design ---------- */

/* Tablet styles (768px and below) */
@media (max-width: 768px) {
    .archive-controls {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }
    
    .archive-search {
        min-width: 100% !important;
        order: 1 !important;
    }
    
    .archive-filters {
        order: 2 !important;
        justify-content: space-between !important;
    }
    
    .archive-results-info {
        order: 3 !important;
        margin-left: 0 !important;
        text-align: center !important;
    }
    
    .filter-dropdown select {
        min-width: 100px !important;
        font-size: 13px !important;
    }
    
    /* Pagination mobile adjustments */
    .elementor-pagination {
        justify-content: center !important;
        gap: 4px !important;
        padding: 16px 0 !important;
    }
    
    .elementor-pagination .page-numbers.prev,
    .elementor-pagination .page-numbers.next {
        font-size: 13px !important;
        min-width: 70px !important;
        height: 36px !important;
        padding: 8px 12px !important;
    }
    
    .elementor-pagination .page-numbers:not(.prev):not(.next) {
        font-size: 13px !important;
        padding: 8px 10px !important;
        min-width: 36px !important;
        height: 36px !important;
    }
    
    .pagination-numbers {
        gap: 2px !important;
    }
}

/* Mobile styles (480px and below) */
@media (max-width: 480px) {
    .archive-controls {
        padding: 16px 0 !important;
    }
    
    .archive-filters {
        flex-direction: column !important;
        gap: 8px !important;
        align-items: stretch !important;
    }
    
    .filter-dropdown,
    .sort-button {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .filter-dropdown select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: auto !important;
    }
    
    .archive-table-wrapper {
        margin: 0 -16px 16px -16px !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
        width: calc(100% + 32px) !important;
        max-width: calc(100% + 32px) !important;
    }
    
    .archive-table th,
    .archive-table td {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
    
    /* Stack pagination on very small screens */
    .elementor-pagination {
        flex-direction: column !important;
        gap: 12px !important;
        align-items: center !important;
    }
    
    .elementor-pagination .page-numbers.prev,
    .elementor-pagination .page-numbers.next {
        order: 0 !important;
        margin: 0 !important;
        width: auto !important;
        max-width: 200px !important;
    }
    
    .pagination-numbers {
        order: 1 !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        max-width: 100% !important;
    }
    
    /* Hide some page numbers on very small screens */
    .elementor-pagination .page-numbers:not(.prev):not(.next):not(.current) {
        display: none !important;
    }
    
    .elementor-pagination .page-numbers:not(.prev):not(.next):not(.current):nth-child(-n+2),
    .elementor-pagination .page-numbers:not(.prev):not(.next):not(.current):nth-last-child(-n+2) {
        display: flex !important;
    }
}

/* ---------- Loading States ---------- */
.archive-loading {
    opacity: 0.6 !important;
    pointer-events: none !important;
    position: relative !important;
}

.archive-loading::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 24px !important;
    height: 24px !important;
    border: 2px solid #e5e7eb !important;
    border-top: 2px solid #2563eb !important;
    border-radius: 50% !important;
    animation: spin 1s linear infinite !important;
    transform: translate(-50%, -50%) !important;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg) !important; }
    100% { transform: translate(-50%, -50%) rotate(360deg) !important; }
}

/* ---------- Dark Mode Support (Optional) ---------- */
@media (prefers-color-scheme: dark) {
    .archive-controls {
        border-bottom-color: #374151 !important;
    }
    
    .archive-search {
        background: #1f2937 !important;
        border-color: #374151 !important;
        color: #f3f4f6 !important;
    }
    
    .archive-search input {
        color: #f3f4f6 !important;
    }
    
    .archive-search input::placeholder {
        color: #9ca3af !important;
    }
    
    .filter-dropdown select {
        background: #1f2937 !important;
        border-color: #374151 !important;
        color: #f3f4f6 !important;
    }
    
    .sort-button {
        background: #1f2937 !important;
        border-color: #374151 !important;
        color: #f3f4f6 !important;
    }
    
    .sort-button:hover {
        background: #374151 !important;
    }
    
    .archive-table {
        background: #1f2937 !important;
    }
    
    .archive-table th {
        background: #111827 !important;
        color: #f3f4f6 !important;
    }
    
    .archive-table td {
        color: #d1d5db !important;
        border-bottom-color: #374151 !important;
    }
}/* End custom CSS */