/* ИИ: порядок <link> — docs/css-cascade-order.md · ур.5 responsive: tablet. */
/* ═══════════════════════════════════════════════════════════════════════════════
 * TABLET-UNI — TABLET OVERRIDES (768px–1023px)
 * Консолидированные breakpoint-блоки и tablet-специфичные токены.
 * ═══════════════════════════════════════════════════════════════════════════════ */

@media (min-width: 768px) and (max-width: 1023px) {
    .teams-delivered-section-header,
    .teams-table-header
 {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
        text-align: left;
    }
    .teams-table-title,
    .teams-table-stats
 {
        width: auto;
        margin: 0;
    }
    .teams-table-stats
 {
        margin-left: auto;
        justify-content: flex-end;
    }
    :root
 {
        --input-font-size-md: 15px;
        --input-padding-y-md: 10px;
        --input-padding-x-md: 14px;
    }

    /* Таблицы: tablet ownership размеров */
    .table-container,
    .table-responsive,
    .container .table-responsive
 {
        width: 100%;
        margin: 12px 0;
        padding-left: 0;
        padding-right: 0;
    }
    .user-table, .orders-table, .admin-orders-table,
    .sys-data-comparison-table, .specialty-links-table
 {
        width: 100%;
    }
    .user-table td, .user-table th,
    .orders-table td, .orders-table th,
    .admin-orders-table td, .admin-orders-table th
 {
        padding: 8px 6px !important;
        font-size: 12px !important;
    }
    .user-table img
 {
        width: 34px !important;
        height: 34px !important;
    }
    .user-table .student-index-cell
 {
        width: 5% !important;
        min-width: 36px !important;
    }
    .user-table .student-status-cell, .user-table .student-payment-cell, .user-table .student-credentials-cell
 {
        width: 8% !important;
        min-width: 46px !important;
    }
    .apostille-documents-table a
 {
        width: 36px !important;
        height: 36px !important;
    }
    .apostille-documents-table a i
 {
        font-size: 15px !important;
    }
    .apostille-documents-table th, .apostille-documents-table td,
    .sys-data-comparison-table th, .sys-data-comparison-table td,
    .specialty-links-table th, .specialty-links-table td,
    .translation-statistics th, .translation-statistics td
 {
        padding: 12px 10px !important;
        font-size: 13px !important;
    }
    .admin-orders-table .document-type, .admin-orders-table .delivery-type
 {
        padding: 5px 10px !important;
        font-size: 12px !important;
    }
    .lesson th, .lesson td,
    .receipt-table th, .receipt-table td,
    .admin-schools-table th, .admin-schools-table td
 {
        padding: 10px 12px !important;
        font-size: 12px !important;
    }
    .translation-table th
 {
        width: 128px !important;
    }
    .admin-table-empty
 {
        padding: 28px 16px !important;
    }
    .admin-table-empty i
 {
        font-size: 1.6em !important;
    }
    .admin-schools-table .admin-action-icon
 {
        width: 30px !important;
        height: 30px !important;
        font-size: 14px !important;
    }
    .curator-list-table
 {
        min-width: 680px !important;
    }
    .curator-list-table th, .curator-list-table td
 {
        min-width: 72px !important;
        font-size: 11px !important;
    }
    .curator-list-table th:nth-child(1), .curator-list-table td:nth-child(1)
 {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
    }
    .curator-list-table th:nth-child(2), .curator-list-table td:nth-child(2)
 {
        width: 180px !important;
        min-width: 180px !important;
        max-width: 220px !important;
    }
    .curator-list-table th:nth-child(3), .curator-list-table td:nth-child(3),
    .curator-list-table th:nth-child(4), .curator-list-table td:nth-child(4)
 {
        width: 124px !important;
        min-width: 124px !important;
        max-width: 160px !important;
    }
    .curator-list-table th:nth-child(5), .curator-list-table td:nth-child(5),
    .curator-list-table th:nth-child(6), .curator-list-table td:nth-child(6),
    .curator-list-table th:nth-child(7), .curator-list-table td:nth-child(7)
 {
        width: 56px !important;
        min-width: 56px !important;
        max-width: 64px !important;
    }

/* ── Адаптив: только метрики ячеек и сетка __digits (корень .otp-panel — в desktop/tablet/mobile) ── */
    .admin-otp-panel input.otp-panel__digit-field
 {
        min-height: 50px;
        padding: 0;
        margin: 0;
    }
    

/* === source: tablet.css === *//**
 * ════════════════════════════════════════════════════════════════════════════════
 * 📁 СТИЛИ ДЛЯ ПЛАНШЕТА (768px - 1023px)
 * ════════════════════════════════════════════════════════════════════════════════
 * 
 * Этот файл содержит стили для планшетов:
 * - Средние размеры элементов
 * - Оптимизация для touch
 * - Адаптация layouts
 * 
 * ⚠️ ВАЖНО: @media (min-width: 768px) and (max-width: 1023px)
 */
    #head-icon-menu a i, .settings-navigation .head-icon-menu a i, .curator-panel-shortcuts .head-icon-menu a i, #head-icon-menu .menu-link i, .settings-navigation .head-icon-menu .menu-link i, .curator-panel-shortcuts .head-icon-menu .menu-link i
 {
        width: 22px;
        height: 22px;
        min-width: 22px;
    }
    #head-icon-menu .menu-badge, .settings-navigation .head-icon-menu .menu-badge, .curator-panel-shortcuts .head-icon-menu .menu-badge
 {
        min-width: 24px;
        height: 24px;
    }
    
    .custom-modal
 {
        width: 100%;
        min-height: 100%;
        min-height: 100dvh;
        padding: var(--space-4);
    }
    .custom-modal.active, .custom-modal.is-visible
 {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 100% !important;
        min-height: 100dvh !important;
    }
    .settings-navigation ul
 {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: var(--space-2);
        width: 100%;
    }
    .settings-navigation li
 {
        min-width: 0;
    }
    .settings-navigation a
 {
        width: 100%;
    }
    .settings-navigation.main-navigation
 {
        margin: 0;
        padding: 0;
    }
    .settings-navigation.main-navigation ul
 {
        margin: 0;
        padding: 0;
    }
    .settings-navigation.main-navigation li
 {
        width: 100%;
        max-width: none;
        flex: none;
        min-width: 0;
    }
    .admin-site-settings-back
 {
        margin: var(--space-3) 0 var(--space-4);
    }
    .admin-site-settings-back a
 {
        font-size: var(--text-sm);
    }
    
    .footer-logout
 {
        text-align: right;
    }
    .footer-logout form
 {
        display: inline-block;
        width: auto;
        max-width: none;
        margin: 0;
    }
    .footer-logout button.btn.btn-danger.footer-logout-btn, .footer-logout .btn.footer-logout-btn
 {
        width: auto;
        max-width: none;
    }
    .custom-close
 {
        font-size: var(--text-xl);
        top: var(--space-5);
        right: var(--space-5);
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }
    :root
 {
        --text-xs: 0.703125rem;
        --text-sm: 0.8203125rem;
        --text-base: 0.9375rem;
        --text-lg: 1.0546875rem;
        --text-xl: 1.171875rem;
        --text-2xl: 1.40625rem;
        --text-3xl: 1.7578125rem;
        --text-4xl: 2.109375rem;
        --btn-radius-sm: var(--radius-sm);
        --btn-radius-md: var(--radius-md);
        --btn-radius-lg: var(--radius-full);
        --filter-radius-sm: var(--radius-sm);
        --filter-radius-md: var(--radius-md);
        --filter-radius-lg: var(--radius-full);
        --form-radius-sm: var(--radius-sm);
        --form-radius-md: var(--radius-md);
        --form-radius-lg: var(--radius-lg);
        --form-control-padding-y: calc(var(--space-sm) + 2px);
        --form-control-padding-x: calc(var(--space-3) + 2px);
        --form-control-font-size: var(--text-sm);
        --form-control-line-height: 1.5;
        --form-control-min-height: 44px;
        --form-control-margin-bottom: 0;
        --form-textarea-min-height: 100px;
        --form-label-font-size: var(--text-sm);
        --form-label-margin-bottom: var(--space-2);
        --form-group-label-margin-bottom: var(--space-2);
        --form-group-margin-bottom: var(--space-4);
        --form-row-gap: var(--space-4);
        --form-actions-gap: var(--space-md);
        --form-help-font-size: calc(var(--text-base) * 0.75);
        --form-error-font-size: calc(var(--text-base) * 0.75);
        --form-hint-font-size: var(--text-xs);
        --form-fieldset-padding: var(--space-5);
        --form-fieldset-radius: var(--form-radius-md);
        --form-legend-padding-x: var(--space-2);
        --form-inline-gap: var(--space-2);
        --form-checkbox-size: 20px;
        --form-textarea-map-min-height: 72px;
        --btn-icon-gap-sm: var(--space-2);
        --btn-icon-gap-md: var(--space-2);
        --btn-icon-gap-lg: var(--space-3);
        --btn-gap: var(--btn-icon-gap-md);
        --btn-min-height: 44px;
        --btn-padding-y: calc(var(--space-sm) + 2px);
        --btn-padding-x: var(--space-5);
        --btn-font-size: var(--text-sm);
        --btn-line-height: 1.5;
        --btn-sm-min-height: calc(var(--space-8) + var(--space-1));
        --btn-sm-padding-y: calc(var(--space-2) + var(--space-1));
        --btn-sm-padding-x: var(--space-3);
        --btn-sm-font-size: var(--text-sm);
        --btn-sm-line-height: 1.4;
        --btn-lg-min-height: calc(var(--space-10) + var(--space-1));
        --btn-lg-padding-y: var(--space-3);
        --btn-lg-padding-x: var(--space-6);
        --btn-lg-font-size: var(--text-lg);
        --btn-lg-line-height: 1.5;
        --btn-icon-size-sm: var(--btn-sm-font-size);
        --btn-icon-size-md: var(--btn-font-size);
        --btn-icon-size-lg: var(--btn-lg-font-size);
        --btn-icon-size: var(--btn-icon-size-md);
        --btn-sm-icon-size: var(--btn-icon-size-sm);
        --btn-tbl-min-height: calc(var(--space-10) + var(--space-1));
        --btn-tbl-padding-y: calc(var(--space-md) - 2px);
        --btn-tbl-padding-x: var(--space-lg);
        --btn-tbl-font-size: clamp(0.75rem, 2vw, 0.875rem);
        --btn-tbl-icon-size: calc(var(--text-base) * 0.875);
        --action-btn-size: 30px;
        --action-btn-icon-size: calc(var(--text-base) * 0.875);
        --file-upload-trigger-min-width: 44px;
        --file-upload-state-inset: 6px;
        --file-upload-state-size: 1.45rem;
        --file-upload-state-font: 0.9rem;
        --file-upload-state-icon-box: 1.2rem;
        --form-input-inline-max-w: 128px;
        --form-input-inline-min-w: 92px;
        --form-input-inline-pad-y: 0.25rem;
        --form-input-inline-pad-x: 0.5rem;
        --form-input-inline-fs: calc(var(--text-base) * 0.875);
        --receipt-missing-fs: calc(var(--text-base) * 0.875);
        --receipt-missing-icons-gap: 0.2rem;
        --receipt-sms-label-fs: calc(var(--text-base) * 0.875);
        --select-file-pad-y: var(--space-2);
        --select-file-pad-x: var(--space-3);
        --select-file-gap: var(--space-2);
        --select-file-icon-fs: var(--text-base);
        --select-file-text-fs: var(--text-sm);
        --select-file-name-max-w: 140px;
        --btn-close-pad-y: var(--space-1);
        --btn-close-pad-x: var(--space-2);
        --btn-icon-pad-y: var(--space-2);
        --btn-icon-pad-x: var(--space-3);
        --btn-icon-fs: var(--btn-icon-size-md);
        --btn-icon-gap: var(--btn-icon-gap-md);
        --btn-icon-i-fs: var(--btn-icon-size-md);
        --btn-restore-pad-y: calc(var(--space-3) - 1px);
        --btn-restore-pad-x: calc(var(--space-5) + var(--space-2) - 2px);
        --btn-restore-fs: var(--text-base);
        --btn-copy-pad-y: calc((var(--space-1) + var(--space-2)) / 2);
        --btn-copy-pad-x: calc(var(--space-3) - 1px);
        --btn-copy-fs: 0.85em;
        --btn-copy-gap: calc(1.25 * var(--space-1));
        --btn-small-pad-y: calc(var(--space-2) - 1px);
        --btn-small-pad-x: calc(var(--space-3) + var(--space-2) - 2px);
        --btn-small-fs: calc((var(--text-xs) + var(--text-sm)) / 2);
        --btn-save-pad-y: calc(var(--space-3) - 1px);
        --btn-save-pad-x: calc(var(--space-5) + var(--space-2) - 2px);
        --btn-save-fs: var(--text-base);
        --btn-save-margin-top: calc(var(--space-5) - var(--space-1));
        --btn-outline-border-w: 2px;
        --btn-submit-pad-y: calc(var(--space-3) - 1px);
        --btn-submit-pad-x: var(--space-6);
        --btn-submit-fs: var(--text-base);
    }
    button, .btn
 {
        min-height: var(--btn-min-height);
        padding: var(--btn-padding-y) var(--btn-padding-x);
        font-size: var(--btn-font-size);
        line-height: var(--btn-line-height);
    }
    
    .tbl td .btn, .tbl th .btn, .tbl td button, .tbl th button, .tbl td a.btn, .tbl th a.btn
 {
        min-height: var(--btn-tbl-min-height);
        padding: var(--btn-tbl-padding-y) var(--btn-tbl-padding-x);
        font-size: var(--btn-tbl-font-size);
        line-height: 1.5;
        height: auto;
        vertical-align: middle;
        white-space: nowrap;
        flex-shrink: 1;
        min-width: 0;
    }
    
    .tbl td .btn i, .tbl th .btn i, .tbl td button i, .tbl th button i, .tbl td a.btn i, .tbl th a.btn i, .tbl td .btn .fas, .tbl th .btn .fas, .tbl td button .fas, .tbl th button .fas, .tbl td a.btn .fas, .tbl th a.btn .fas
 {
        font-size: var(--btn-tbl-icon-size);
        line-height: 1;
        height: auto;
        width: auto;
    }
    .btn i, .btn .fas, .btn .far, .btn .fal, .btn .fab, .btn .fa, button i, button .fas, button .far, button .fal, button .fab, button .fa
 {
        font-size: var(--btn-icon-size);
    }
    .btn-sm, button.btn-sm
 {
        min-height: var(--btn-sm-min-height);
        padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);
        font-size: var(--btn-sm-font-size);
        line-height: var(--btn-sm-line-height);
    }
    .btn-sm i, .btn-sm .fas, .btn-sm .far, .btn-sm .fal, .btn-sm .fab, .btn-sm .fa, button.btn-sm i
 {
        font-size: var(--btn-sm-icon-size);
    }
    .btn-lg, button.btn-lg
 {
        min-height: var(--btn-lg-min-height);
        padding: var(--btn-lg-padding-y) var(--btn-lg-padding-x);
        font-size: var(--btn-lg-font-size);
        line-height: var(--btn-lg-line-height);
    }
    
    .otp-panel.admin-otp-panel
 {
        max-width: min(42rem, 100%);
        padding: var(--space-4);
    }
    a.action-btn, button.action-btn
 {
        width: var(--action-btn-size);
        height: var(--action-btn-size);
        min-width: var(--action-btn-size);
        min-height: var(--action-btn-size);
    }
    .mail-actions
 {
        gap: var(--space-3);
        margin-top: var(--space-3);
        padding-top: var(--space-3);
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 8px;
        column-gap: 8px;
    }
    .mail-action-btn
 {
        gap: var(--space-2);
        padding: 8px 12px;
        font-size: 12px;
        flex: 1 1 0;
        min-width: 100px;
        justify-content: center;
    }
    .mail-filters
 {
        gap: var(--space-3);
        margin-bottom: var(--space-5);
        flex-direction: row;
        flex-wrap: wrap;
    }
    .mail-filter-btn
 {
        padding: var(--space-2) var(--space-4);
        font-size: var(--text-sm);
    }
    .uni-control-primary, .uni-control-secondary
 {
        min-height: calc(var(--space-10) + var(--space-1));
        padding: calc(var(--space-md) - 2px) var(--space-6);
        font-size: calc(var(--text-base) * 0.875);
        line-height: 1.5;
    }
    .uni-control-success, .uni-control-danger, .uni-control-warning, .uni-control-info
 {
        min-height: calc(var(--space-10) + var(--space-1));
        padding: calc(var(--space-md) - 2px) var(--space-lg);
        font-size: calc(var(--text-base) * 0.875);
        line-height: 1.5;
    }
    .uni-control-primary i, .uni-control-primary .fas, .uni-control-primary .far, .uni-control-primary .fal, .uni-control-primary .fab, .uni-control-primary .fa, .uni-control-secondary i, .uni-control-secondary .fas, .uni-control-secondary .far, .uni-control-secondary .fal, .uni-control-secondary .fab, .uni-control-secondary .fa, .uni-control-success i, .uni-control-success .fas, .uni-control-success .far, .uni-control-success .fal, .uni-control-success .fab, .uni-control-success .fa, .uni-control-danger i, .uni-control-danger .fas, .uni-control-danger .far, .uni-control-danger .fal, .uni-control-danger .fab, .uni-control-danger .fa, .uni-control-warning i, .uni-control-warning .fas, .uni-control-warning .far, .uni-control-warning .fal, .uni-control-warning .fab, .uni-control-warning .fa, .uni-control-info i, .uni-control-info .fas, .uni-control-info .far, .uni-control-info .fal, .uni-control-info .fab, .uni-control-info .fa
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .container
 {
        max-width: 1200px;
        padding: var(--space-4);
    }
    .settings-grid-form
 {
        grid-template-columns: 1fr 1fr;
    }
    .settings-grid-form > :last-child
 {
        grid-column: 1 / -1;
    }
    .google-setting-item
 {
        grid-template-columns: minmax(160px, 1fr) minmax(220px, 2fr) auto auto;
    }
    .config-grid
 {
        grid-template-columns: 1fr;
    }
    .stats-section
 {
        grid-template-columns: repeat(auto-fit, minmax(calc(var(--space-12) + var(--space-10)), 1fr));
        gap: var(--space-3);
    }
    .card-grid
 {
        grid-template-columns: repeat(auto-fill, minmax(calc(var(--space-16) + var(--space-12) + var(--space-6)), 1fr));
        gap: var(--space-3);
    }
    header
 {
        padding: var(--space-6) var(--space-5);
    }
    header h1
 {
        font-size: var(--text-3xl);
    }
    #head-icon-menu, .settings-navigation .head-icon-menu, .curator-panel-shortcuts .head-icon-menu
 {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: var(--space-2);
        align-items: start;
    }
    #head-icon-menu a, .settings-navigation .head-icon-menu a, .curator-panel-shortcuts .head-icon-menu a, #head-icon-menu .menu-link, .settings-navigation .head-icon-menu .menu-link, .curator-panel-shortcuts .head-icon-menu .menu-link
 {
        padding: var(--space-3) var(--space-4);
        font-size: var(--text-sm);
    }
    
    .tbl
 {
        width: 100%;
        max-width: calc(100vw - var(--space-6) * 2);
        table-layout: fixed;
    }
    .tbl tbody tr
 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .tbl tbody td
 {
        padding-top: var(--space-2);
        padding-bottom: var(--space-2);
    }
    
    .tbl th.tbl__col--id, .tbl td.tbl__col--id, .tbl .tbl__col--id, .tbl__col--id
 {
        width: 45px !important;
        min-width: 45px !important;
        max-width: 55px !important;
    }
    
    .table-container > table:not(.exam-students-table):not(.deferred-actions-table) col.tbl__col--id
 {
        width: 45px;
    }
    .table-container > table:not(.exam-students-table):not(.deferred-actions-table) th.tbl__col--id, .table-container > table:not(.exam-students-table):not(.deferred-actions-table) td.tbl__col--id
 {
        width: 45px;
    }
    
    .table-container > .tbl th.tbl__col--id, .table-container > .tbl td.tbl__col--id
 {
        width: 45px;
        min-width: 45px;
        max-width: 55px;
    }
    
    .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table) col.col-action-1, .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table) col.col-action-2, .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table) col.col-action-3, .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table) col.col-action-4
 {
        width: 50px;
    }
    .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table):not(.curator-list-table):not(.curator-notifications-table):not(.sms-function-map-table):not(.cost-edit-table):not(.cost-view-table):not(.documents-apply-table):not(.translation-management-table) th:nth-child(5), .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table):not(.curator-list-table):not(.curator-notifications-table):not(.sms-function-map-table):not(.cost-edit-table):not(.cost-view-table):not(.documents-apply-table):not(.translation-management-table) th:nth-child(6), .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table):not(.curator-list-table):not(.curator-notifications-table):not(.sms-function-map-table):not(.cost-edit-table):not(.cost-view-table):not(.documents-apply-table):not(.translation-management-table) td:nth-child(5), .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table):not(.curator-list-table):not(.curator-notifications-table):not(.sms-function-map-table):not(.cost-edit-table):not(.cost-view-table):not(.documents-apply-table):not(.translation-management-table) td:nth-child(6)
 {
        width: 50px;
    }
    .tbl__col--checkbox
 {
        width: 1%;
        min-width: 35px;
        max-width: 45px;
    }
    .tbl:not(.students-list-table) th:nth-child(2), .tbl:not(.students-list-table) td:nth-child(2), .tbl:not(.students-list-table) tbody tr td:nth-child(2)
 {
        width: clamp(40%, calc(43% - var(--space-2)), 46%);
        min-width: 200px;
        text-align: left;
    }
    .tbl:has(.tbl__col--checkbox) th:nth-child(2), .tbl:has(.tbl__col--checkbox) td:nth-child(2), .tbl:has(.tbl__col--checkbox) tbody tr td:nth-child(2)
 {
        width: calc(94% - var(--space-2)) !important;
        min-width: 180px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: break-word;
    }
    
    .tbl td.tbl__col--select
 {
        width: calc(72% - var(--space-2)) !important;
        min-width: 220px !important;
        max-width: 350px !important;
        text-align: left;
        white-space: nowrap;
        overflow: visible;
        text-overflow: clip;
        word-wrap: normal;
        word-break: normal;
    }
    .tbl tbody tr:has(td.tbl__col--select) th, .tbl tbody tr:has(td.tbl__col--select) th:first-child
 {
        width: calc(28% - var(--space-2));
        min-width: 130px;
        max-width: 180px;
    }
    .tbl td.tbl__col--select select, .tbl td.tbl__col--select .form-input
 {
        width: 100%;
        min-width: 180px;
        max-width: 100%;
        box-sizing: border-box;
    }
    #university-list-table th:nth-child(1), #university-list-table td:nth-child(1)
 {
        width: clamp(45%, calc(50% - var(--space-2)), 55%);
        min-width: 250px;
        text-align: left;
    }
    .tbl tbody tr:has(td:nth-child(2) input:not(select)) th, .tbl tbody tr:has(td:nth-child(2) input:not(select)) th:first-child
 {
        width: calc(24% - var(--space-2));
        min-width: 130px;
        max-width: 180px;
    }
    .tbl tbody tr:has(td:nth-child(2) input:not(select)) td:nth-child(2)
 {
        width: calc(76% - var(--space-2)) !important;
        min-width: 250px;
        text-align: left;
    }
    .tbl thead:has(th:nth-child(3):last-child) th:nth-child(1), .tbl thead:has(th:nth-child(3):last-child) ~ tbody td:nth-child(1), .tbl:has(thead th:nth-child(3):last-child) th:nth-child(1), .tbl:has(thead th:nth-child(3):last-child) td:nth-child(1)
 {
        width: calc(38% - var(--space-2));
        min-width: 180px;
        text-align: left;
    }
    .tbl thead:has(th:nth-child(3):last-child) th:nth-child(2), .tbl thead:has(th:nth-child(3):last-child) ~ tbody td:nth-child(2), .tbl:has(thead th:nth-child(3):last-child) th:nth-child(2), .tbl:has(thead th:nth-child(3):last-child) td:nth-child(2)
 {
        width: calc(36% - var(--space-2));
        min-width: 160px;
        text-align: left;
    }
    .tbl thead:has(th:nth-child(3):last-child) th:nth-child(3), .tbl thead:has(th:nth-child(3):last-child) ~ tbody td:nth-child(3), .tbl:has(thead th:nth-child(3):last-child) th:nth-child(3), .tbl:has(thead th:nth-child(3):last-child) td:nth-child(3)
 {
        width: calc(26% - var(--space-2));
        min-width: 110px;
        text-align: left;
    }
    
    .tbl:has(#student_list) tbody#student_list
 {
        display: block;
        max-height: 190px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .tbl:has(#student_list) thead, .tbl:has(#student_list) thead tr, .tbl:has(#student_list) thead th
 {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    .tbl:has(#student_list) tbody#student_list tr
 {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    .tbl__col--actions
 {
        width: clamp(12%, calc(13% - var(--space-2)), 15%);
        min-width: 75px;
        max-width: 110px;
        white-space: nowrap;
    }
    .tbl:has(td.tbl__col--actions:nth-child(2)) td:first-child, .tbl:has(td.tbl__col--actions:nth-child(2)) th:first-child
 {
        width: calc(87% - var(--space-2));
        min-width: 180px;
    }
    .tbl:has(td.tbl__col--actions:nth-child(2)) td.tbl__col--actions
 {
        width: calc(13% - var(--space-2)) !important;
        min-width: 70px !important;
        max-width: 90px !important;
    }
    .tbl__col--actions a, .tbl__col--actions button
 {
        margin: 0 var(--space-1);
    }
    .tbl:not(.cost-view-table) th:nth-child(3):not(.tbl__col--actions), .tbl:not(.cost-view-table) td:nth-child(3):not(.tbl__col--actions), .tbl:not(.cost-view-table) tbody tr td:nth-child(3):not(.tbl__col--actions), .tbl:not(.cost-view-table) th:nth-child(4):not(.tbl__col--actions), .tbl:not(.cost-view-table) td:nth-child(4):not(.tbl__col--actions), .tbl:not(.cost-view-table) th:nth-child(5):not(.tbl__col--actions), .tbl:not(.cost-view-table) td:nth-child(5):not(.tbl__col--actions)
 {
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: break-word;
    }
    .tbl:not(.students-list-table) tbody tr td:nth-child(3).tbl__col--actions, .tbl:not(.students-list-table) tbody tr td:nth-child(4).tbl__col--actions, .tbl:not(.students-list-table) tbody tr td:nth-child(5).tbl__col--actions
 {
        width: clamp(11%, calc(12% - var(--space-2)), 13%);
        min-width: 60px;
        max-width: 80px;
        text-align: center;
    }
    .tbl:not(.cost-view-table) tbody tr td:nth-child(4):not(.tbl__col--actions), .tbl:not(.cost-view-table) tbody tr td:nth-child(5):not(.tbl__col--actions)
 {
        text-align: left;
    }
    .tbl__col--date
 {
        width: clamp(100px, calc(15% - var(--space-2)), 120px);
        min-width: 100px;
        max-width: 120px;
    }
    .tbl img, .tbl .fas, .tbl .far, .tbl .fal, .tbl .fab, .tbl .fa, .tbl i, .tbl .status-icon
 {
        width: 26px;
        height: 26px;
        max-width: 26px;
        max-height: 26px;
        object-fit: contain;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .tbl .fas, .tbl .far, .tbl .fal, .tbl .fab, .tbl .fa, .tbl i, .tbl .status-icon
 {
        font-size: 26px;
        line-height: 26px;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .tbl a
 {
        margin-top: 0;
        margin-bottom: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    table
 {
        font-size: var(--text-sm);
    }
    th, td
 {
        padding: 10px 12px;
    }
    .modal-content
 {
        width: 90%;
        max-width: 90%;
        padding: var(--space-lg);
    }
    .card
 {
        padding: 0;
    }
    .filter-header
 {
        cursor: pointer;
        user-select: none;
        transition: background-color 0.2s ease;
    }
    .filter-header:hover
 {
        background-color: var(--bg-hover);
    }
    .filter-header .filter-icon
 {
        margin-left: var(--space-2);
        transition: transform 0.3s ease;
    }
    .filter-header[aria-expanded="true"] .filter-icon
 {
        transform: rotate(180deg);
    }
    .filter-toggle
 {
        display: flex !important;
        cursor: pointer;
    }
    #filter-form-container
 {
        max-height: 0;
        opacity: 0;
        transform: translateY(-10px);
        padding: 0 var(--space-lg) !important;
        overflow: hidden;
        transition: all 0.3s ease;
    }
    #filter-form-container.filters-open
 {
        max-height: 1000px;
        opacity: 1;
        transform: translateY(0);
        padding: var(--space-lg) !important;
        overflow: visible;
    }
    .card-header
 {
        padding: var(--space-4) var(--space-5);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: var(--space-3);
    }
    .card-body
 {
        padding: var(--space-5);
    }
    .filter-form select
 {
        padding: 10px 14px;
        padding-right: var(--space-10);
        font-size: var(--text-sm);
        line-height: 1.5;
        min-height: 44px;
    }
    .filter-form .form-group
 {
        margin-bottom: var(--space-4);
    }
    .card-body .tbl
 {
        margin: 0;
    }
    .card-body .students-list-table
 {
        min-width: 700px;
        font-size: var(--text-sm);
        --sl-action-pad-x: 8px;
        --sl-action-pad-y: 10px;
        --sl-action-btn: 38px;
        --sl-action-icon: var(--text-sm);
    }
    .card-body .students-list-table th
 {
        padding: 10px 12px;
        font-size: var(--text-xs);
    }
    .card-body .students-list-table th.tbl__col--id, .card-body .students-list-table td.tbl__col--id
 {
        width: 60px;
        min-width: 60px;
        text-align: left;
    }
    .card-body .students-list-table th.col-fullname, .card-body .students-list-table td.col-fullname
 {
        width: auto;
    }
    .card-body .students-list-table td.col-fullname
 {
        padding: 10px 12px;
        font-size: var(--text-sm);
    }
    .grid-2
 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-3
 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-4
 {
        grid-template-columns: repeat(2, 1fr);
    }
    .filter-form .filter-row-3
 {
        grid-template-columns: repeat(3, 1fr);
    }
    .flex
 {
        gap: var(--space-2);
    }
    .flex-between
 {
        gap: var(--space-2);
    }
    .flex-center
 {
        gap: var(--space-2);
    }
    .footer-lang-table
 {
        max-width: 600px;
        margin: 0 auto;
    }
    .footer-lang-cell
 {
        width: 25%;
    }
    .footer-lang-btn
 {
        width: 50px;
        height: 50px;
    }
    .footer-lang-switcher
 {
        padding: var(--space-6);
    }
    .footer-lang-switcher .footer-lang-btn
 {
        width: 70px;
        height: 70px;
    }
    .footer-lang-switcher .footer-lang-btn img
 {
        width: 40px;
        height: 40px;
    }
    .footer-lang-switcher .footer-lang-btn.active::after
 {
        width: 16px;
        height: 16px;
    }
    .footer-lang-switcher .footer-lang-btn.loading::after
 {
        width: 14px;
        height: 14px;
    }
    .footer-lang-container
 {
        gap: var(--space-4);
    }
    
    
    .student-box-admin-actions
 {
        width: 100%;
        gap: var(--space-3);
        padding: var(--space-6) 0;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: auto;
    }
    
    .student-box-admin-actions .action-icon
 {
        width: 70px;
        height: 70px;
        min-width: 70px;
    }
    .student-box-admin-actions .action-icon img, .student-box-admin-actions .action-icon i
 {
        width: 35px;
        height: 35px;
    }
    .student-box-admin-actions .action-icon i
 {
        font-size: var(--text-2xl);
    }
    .avatar-img
 {
        width: 110px;
        height: 110px;
        border-width: 4px;
    }
    .student-profile-header-container
 {
        flex-direction: row;
        align-items: flex-start;
        gap: var(--space-lg);
    }
    .student-info-wrapper
 {
        order: 1;
        flex: 1;
    }
    .student-box-admin-info
 {
        width: 100%;
        padding: var(--space-6) var(--space-6);
    }
    .student-box-title
 {
        font-size: var(--text-2xl);
        margin-bottom: var(--space-5);
    }
    .student-box-admin-info p
 {
        font-size: var(--text-base);
        margin: var(--space-3) 0;
    }
    .student-avatar-in-box
 {
        top: var(--space-lg);
        right: var(--space-xl);
    }
    .student-avatar-in-box .avatar-img
 {
        width: 140px;
        height: 140px;
        border-width: 5px;
    }
    .admin-student-status
 {
        top: 170px;
        right: var(--space-xl);
        min-width: 110px;
        height: 40px;
        padding: 0 var(--space-6);
        font-size: var(--text-base);
        line-height: 40px;
        transform: none;
    }
    .user-table
 {
        font-size: var(--text-base);
    }
    .user-table th
 {
        font-size: calc(var(--text-base) * 1.0625);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table td
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    table.user-table.user-table--profile:not(.documents-table) th, table.user-table.user-table--profile:not(.documents-table) td
 {
        padding: var(--space-2) var(--space-lg);
    }
    .user-table td:first-child
 {
        min-width: 150px;
    }
    
    .user-table.documents-table
 {
        table-layout: fixed;
    }
    .user-table.documents-table th:nth-child(1), .user-table.documents-table td:nth-child(1)
 {
        width: 35%;
        min-width: 150px;
    }
    .user-table.documents-table th:nth-child(2), .user-table.documents-table td:nth-child(2)
 {
        width: 35%;
        min-width: 130px;
        text-align: center;
    }
    .user-table.documents-table th:nth-child(3), .user-table.documents-table td:nth-child(3), .user-table.documents-table th:nth-child(4), .user-table.documents-table td:nth-child(4)
 {
        width: 15%;
        min-width: 60px;
        text-align: center;
    }
    .user-table#online-users-table, .user-table#offline-users-table
 {
        table-layout: fixed;
    }
    .user-table#online-users-table th:nth-child(1), .user-table#online-users-table td:nth-child(1), .user-table#offline-users-table th:nth-child(1), .user-table#offline-users-table td:nth-child(1)
 {
        width: 35%;
        min-width: 140px;
    }
    .user-table#online-users-table th:nth-child(2), .user-table#online-users-table td:nth-child(2), .user-table#offline-users-table th:nth-child(2), .user-table#offline-users-table td:nth-child(2)
 {
        width: 18%;
        min-width: 85px;
    }
    .user-table#online-users-table th:nth-child(3), .user-table#online-users-table td:nth-child(3), .user-table#offline-users-table th:nth-child(3), .user-table#offline-users-table td:nth-child(3)
 {
        width: 23.5%;
        min-width: 110px;
    }
    .user-table#online-users-table th:nth-child(4), .user-table#online-users-table td:nth-child(4), .user-table#offline-users-table th:nth-child(4), .user-table#offline-users-table td:nth-child(4)
 {
        width: 23.5%;
        min-width: 110px;
    }
    
    .user-table#hero-team-table
 {
        min-width: 620px;
    }
    .user-table#hero-team-table th.tbl__col--id, .user-table#hero-team-table td.tbl__col--id
 {
        width: 4.3%;
        min-width: 43px;
        max-width: 63px;
    }
    .user-table#hero-team-table th:nth-child(2), .user-table#hero-team-table td:nth-child(2), .user-table#hero-team-table th:nth-child(3), .user-table#hero-team-table td:nth-child(3), .user-table#hero-team-table th:nth-child(4), .user-table#hero-team-table td:nth-child(4)
 {
        width: 29.9%;
        min-width: 149px;
    }
    .user-table#hero-team-table th:nth-child(5), .user-table#hero-team-table td:nth-child(5)
 {
        width: 6%;
        min-width: 50px;
        max-width: 70px;
    }
    .user-table#hero-team-table th:nth-child(6), .user-table#hero-team-table td:nth-child(6), .user-table#hero-team-table th:nth-child(7), .user-table#hero-team-table td:nth-child(7)
 {
        width: 10%;
        min-width: 48px;
    }
    .user-table#attendance-table
 {
        min-width: 480px;
        font-size: var(--text-base);
    }
    .user-table#attendance-table th
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#attendance-table td
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#attendance-table th:nth-child(1), .user-table#attendance-table td:nth-child(1)
 {
        width: 40%;
        min-width: 130px;
    }
    .user-table#attendance-table th:nth-child(2), .user-table#attendance-table td:nth-child(2)
 {
        width: 25%;
        min-width: 100px;
    }
    .user-table#attendance-table th:nth-child(3), .user-table#attendance-table td:nth-child(3)
 {
        width: 20%;
        min-width: 85px;
    }
    .user-table#attendance-table th:nth-child(4), .user-table#attendance-table td:nth-child(4)
 {
        width: 15%;
        min-width: 75px;
    }
    .status-present, .status-late, .status-absent
 {
        font-size: var(--text-sm);
    }
    .user-table#csrf-pages-table
 {
        min-width: 480px;
        font-size: var(--text-base);
    }
    .user-table#csrf-pages-table th
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#csrf-pages-table td
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#csrf-pages-table th:nth-child(1), .user-table#csrf-pages-table td:nth-child(1)
 {
        width: 50%;
        min-width: 140px;
    }
    .user-table#csrf-pages-table th:nth-child(2), .user-table#csrf-pages-table td:nth-child(2)
 {
        width: 25%;
        min-width: 95px;
    }
    .user-table#csrf-pages-table th:nth-child(3), .user-table#csrf-pages-table td:nth-child(3)
 {
        width: 25%;
        min-width: 80px;
    }
    .user-table#csrf-ips-table
 {
        min-width: 500px;
        font-size: var(--text-sm);
    }
    .user-table#csrf-ips-table th
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#csrf-ips-table td
 {
        font-size: var(--text-sm);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#csrf-ips-table th:nth-child(1), .user-table#csrf-ips-table td:nth-child(1)
 {
        width: 35%;
        min-width: 130px;
    }
    .user-table#csrf-ips-table th:nth-child(2), .user-table#csrf-ips-table td:nth-child(2)
 {
        width: 20%;
        min-width: 85px;
    }
    .user-table#csrf-ips-table th:nth-child(3), .user-table#csrf-ips-table td:nth-child(3)
 {
        width: 20%;
        min-width: 85px;
    }
    .user-table#csrf-ips-table th:nth-child(4), .user-table#csrf-ips-table td:nth-child(4)
 {
        width: 25%;
        min-width: 90px;
    }
    .user-table#csrf-time-table
 {
        min-width: 480px;
        font-size: var(--text-base);
    }
    .user-table#csrf-time-table th
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#csrf-time-table td
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#csrf-time-table th:nth-child(1), .user-table#csrf-time-table td:nth-child(1)
 {
        width: 20%;
        min-width: 70px;
    }
    .user-table#csrf-time-table th:nth-child(2), .user-table#csrf-time-table td:nth-child(2)
 {
        width: 20%;
        min-width: 95px;
    }
    .user-table#csrf-time-table th:nth-child(3), .user-table#csrf-time-table td:nth-child(3)
 {
        width: 60%;
        min-width: 180px;
    }
    .user-table#csrf-reports-table
 {
        min-width: 650px;
        font-size: var(--text-sm);
    }
    .user-table#csrf-reports-table th
 {
        font-size: var(--text-sm);
        padding: var(--space-3) var(--space-md);
    }
    .user-table#csrf-reports-table td
 {
        font-size: var(--text-sm);
        padding: var(--space-3) var(--space-md);
    }
    .user-table#csrf-reports-table th:nth-child(1), .user-table#csrf-reports-table td:nth-child(1)
 {
        width: 20%;
        min-width: 115px;
    }
    .user-table#csrf-reports-table th:nth-child(2), .user-table#csrf-reports-table td:nth-child(2)
 {
        width: 25%;
        min-width: 125px;
    }
    .user-table#csrf-reports-table th:nth-child(3), .user-table#csrf-reports-table td:nth-child(3)
 {
        width: 12%;
        min-width: 65px;
    }
    .user-table#csrf-reports-table th:nth-child(4), .user-table#csrf-reports-table td:nth-child(4)
 {
        width: 15%;
        min-width: 75px;
    }
    .user-table#csrf-reports-table th:nth-child(5), .user-table#csrf-reports-table td:nth-child(5)
 {
        width: 13%;
        min-width: 70px;
    }
    .user-table#csrf-reports-table th:nth-child(6), .user-table#csrf-reports-table td:nth-child(6)
 {
        width: 15%;
        min-width: 95px;
    }
    .user-table#csrf-reports-table .btn
 {
        padding: var(--space-3) var(--space-md);
        font-size: var(--text-sm);
    }
    .user-table#csrf-debug-table
 {
        min-width: 500px;
        font-size: var(--text-sm);
    }
    .user-table#csrf-debug-table th
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#csrf-debug-table td
 {
        font-size: var(--text-sm);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#csrf-debug-table th:nth-child(1), .user-table#csrf-debug-table td:nth-child(1)
 {
        width: 40%;
        min-width: 145px;
    }
    .user-table#csrf-debug-table th:nth-child(2), .user-table#csrf-debug-table td:nth-child(2)
 {
        width: 15%;
        min-width: 75px;
    }
    .user-table#csrf-debug-table th:nth-child(3), .user-table#csrf-debug-table td:nth-child(3)
 {
        width: 30%;
        min-width: 115px;
    }
    .user-table#csrf-debug-table th:nth-child(4), .user-table#csrf-debug-table td:nth-child(4)
 {
        width: 15%;
        min-width: 65px;
    }
    #main-results-section .table-wrapper, #excluded-section .table-wrapper
 {
        margin: var(--space-4) 0;
        border-radius: var(--radius-md);
    }
    #main-results-section .user-table, #excluded-section .user-table
 {
        min-width: 600px;
        font-size: var(--text-base);
    }
    #main-results-section .user-table th, #excluded-section .user-table th
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    #main-results-section .user-table td, #excluded-section .user-table td
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    #main-results-section .user-table th:nth-child(1), #main-results-section .user-table td:nth-child(1), #excluded-section .user-table th:nth-child(1), #excluded-section .user-table td:nth-child(1)
 {
        width: 7%;
        min-width: 50px;
    }
    #main-results-section .user-table th:nth-child(2), #main-results-section .user-table td:nth-child(2), #excluded-section .user-table th:nth-child(2), #excluded-section .user-table td:nth-child(2)
 {
        width: 36%;
        min-width: 150px;
    }
    #main-results-section .user-table th:nth-child(3), #main-results-section .user-table td:nth-child(3), #excluded-section .user-table th:nth-child(3), #excluded-section .user-table td:nth-child(3)
 {
        width: 20%;
        min-width: 120px;
    }
    #main-results-section .user-table th:nth-child(4), #main-results-section .user-table td:nth-child(4), #excluded-section .user-table th:nth-child(4), #excluded-section .user-table td:nth-child(4)
 {
        width: 20%;
        min-width: 130px;
    }
    #main-results-section .user-table th:nth-child(5), #main-results-section .user-table td:nth-child(5), #excluded-section .user-table th:nth-child(5), #excluded-section .user-table td:nth-child(5)
 {
        width: 17%;
        min-width: 110px;
    }
    .user-table#student-list-table
 {
        min-width: 600px;
        font-size: var(--text-base);
    }
    .user-table#student-list-table th
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#student-list-table td
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#student-list-table th.tbl__col--id, .user-table#student-list-table td.tbl__col--id
 {
        width: 8%;
        min-width: 50px;
    }
    .user-table#student-list-table th:nth-child(2), .user-table#student-list-table td:nth-child(2)
 {
        width: 35%;
        min-width: 140px;
    }
    .user-table#student-list-table th:nth-child(3), .user-table#student-list-table td:nth-child(3)
 {
        width: 22%;
        min-width: 100px;
    }
    .user-table#student-list-table th:nth-child(4), .user-table#student-list-table td:nth-child(4)
 {
        width: 22%;
        min-width: 100px;
    }
    .user-table#student-list-table th:nth-child(5), .user-table#student-list-table td:nth-child(5)
 {
        width: 13%;
        min-width: 100px;
    }
    .user-table#student-list-table tr.status-new td, .user-table#student-list-table tr.status-studying td, .user-table#student-list-table tr.status-vacation td, .user-table#student-list-table tr.status-finished td, .user-table#student-list-table tr.status-dropped td, .user-table#student-list-table tr.status-waiting td
 {
        font-size: var(--text-sm);
    }
    .user-table#students-verified-table, .user-table#students-pending-table
 {
        min-width: 500px;
        font-size: var(--text-base);
    }
    .user-table#students-verified-table th, .user-table#students-pending-table th
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#students-verified-table td, .user-table#students-pending-table td
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    .user-table#students-verified-table th:nth-child(1), .user-table#students-verified-table td:nth-child(1), .user-table#students-pending-table th:nth-child(1), .user-table#students-pending-table td:nth-child(1)
 {
        width: 35%;
        min-width: 140px;
    }
    .user-table#students-verified-table th:nth-child(2), .user-table#students-verified-table td:nth-child(2), .user-table#students-pending-table th:nth-child(2), .user-table#students-pending-table td:nth-child(2)
 {
        width: 35%;
        min-width: 140px;
    }
    .user-table#students-verified-table th:nth-child(3), .user-table#students-verified-table td:nth-child(3), .user-table#students-pending-table th:nth-child(3), .user-table#students-pending-table td:nth-child(3)
 {
        width: 30%;
        min-width: 190px;
    }
    .user-table#students-verified-table .btn, .user-table#students-pending-table .btn
 {
        padding: var(--space-3) var(--space-md);
        font-size: var(--text-sm);
    }
    .table-desktop
 {
        display: block !important;
    }
    .table-mobile
 {
        display: none !important;
    }
    table#student-cost-table
 {
        display: table !important;
        table-layout: fixed;
        width: 100%;
        min-width: 1040px;
        font-size: var(--text-sm);
    }
    table#student-cost-table thead
 {
        display: table-header-group !important;
    }
    table#student-cost-table tbody
 {
        display: table-row-group !important;
    }
    table#student-cost-table tbody tr
 {
        display: table-row !important;
    }
    table#student-cost-table tbody td
 {
        display: table-cell !important;
    }
    table#student-cost-table th
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    table#student-cost-table td
 {
        font-size: var(--text-sm);
        padding: var(--space-md) var(--space-lg);
    }
    table#student-cost-table tbody td.tbl__col--update, table#student-cost-table tbody td.tbl__col--action
 {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
        box-sizing: border-box;
    }
    table#student-cost-table th:nth-child(1), table#student-cost-table td:nth-child(1)
 {
        width: 5%;
        min-width: 36px;
        max-width: 44px;
    }
    table#student-cost-table th:nth-child(2), table#student-cost-table td:nth-child(2)
 {
        width: 16%;
        min-width: 108px;
    }
    table#student-cost-table th:nth-child(3), table#student-cost-table td:nth-child(3)
 {
        width: 18%;
        min-width: 116px;
    }
    table#student-cost-table th:nth-child(4), table#student-cost-table td:nth-child(4)
 {
        width: 14%;
        min-width: 96px;
    }
    table#student-cost-table th:nth-child(5), table#student-cost-table td:nth-child(5)
 {
        width: 14%;
        min-width: 96px;
    }
    table#student-cost-table thead th:nth-child(6).tbl__col--actions-group
 {
        width: auto;
        min-width: 330px;
    }
    
    table#student-cost-table tbody td:nth-child(6)
 {
        width: 5%;
        min-width: 44px;
    }
    table#student-cost-table tbody td:nth-child(7)
 {
        width: 5.5%;
        min-width: 4.75rem;
    }
    table#student-cost-table tbody td:nth-child(8), table#student-cost-table tbody td:nth-child(9), table#student-cost-table tbody td:nth-child(10), table#student-cost-table tbody td:nth-child(11), table#student-cost-table tbody td:nth-child(12)
 {
        width: 3.5%;
        min-width: 3.5rem;
    }
    
    .table-container > .cost-edit-table col.col-cet-semester
 {
        width: 2.5rem !important;
        min-width: 1.875rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-amount
 {
        width: 10% !important;
    }
    .table-container > .cost-edit-table col.col-cet-paid
 {
        width: 13% !important;
    }
    .table-container > .cost-edit-table col.col-cet-date
 {
        width: 11% !important;
    }
    .table-container > .cost-edit-table col.col-cet-date-student
 {
        width: 11% !important;
    }
    .table-container > .cost-edit-table col.col-cet-update
 {
        width: 4.5rem !important;
        min-width: 3rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-actions
 {
        width: auto;
    }
    .table-container > .cost-edit-table col.col-cet-action-choose
 {
        width: 4.75rem !important;
        min-width: 4rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-action-upload
 {
        width: 3.5rem !important;
        min-width: 3rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-action-sms
 {
        width: 3.5rem !important;
        min-width: 3rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-action-create
 {
        width: 3.5rem !important;
        min-width: 3rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-action-view, .table-container > .cost-edit-table col.col-cet-action-delete
 {
        width: 3.5rem !important;
        min-width: 3rem !important;
    }
    .table-container > table.cost-edit-table.tbl td.tbl__col--update .btn.btn-sm
 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: var(--btn-icon-gap-sm);
        width: auto;
        min-width: 0;
        min-height: var(--btn-sm-min-height);
        padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);
        font-size: var(--btn-sm-font-size);
        line-height: var(--btn-sm-line-height);
        box-sizing: border-box;
    }
    .table-container > table.cost-edit-table.tbl td.tbl__col--update .btn.btn-sm i
 {
        font-size: var(--btn-icon-size-sm);
        line-height: 1;
    }
    .table-container > table.cost-edit-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action .btn.btn-sm
 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: var(--btn-icon-gap-sm);
        width: auto;
        min-width: 0;
        min-height: var(--btn-sm-min-height);
        padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);
        font-size: var(--btn-sm-font-size);
        line-height: var(--btn-sm-line-height);
        box-sizing: border-box;
    }
    .table-container > table.cost-edit-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action .btn.btn-sm i
 {
        font-size: var(--btn-icon-size-sm);
        line-height: 1;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-upload-submit .btn.btn-sm, .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-create .action-form--create-cell .btn.btn-sm, .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-view .btn.btn-sm, .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-delete .btn.btn-sm, .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-delete .cost-edit-action-placeholder.btn
 {
        width: var(--btn-sm-min-height);
        min-width: var(--btn-sm-min-height);
        max-width: 100%;
        box-sizing: border-box;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-sms .receipt-sms-label.btn
 {
        width: var(--btn-sm-min-height);
        min-width: var(--btn-sm-min-height);
        max-width: 100%;
        box-sizing: border-box;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-view button.receipt-missing-indicator.btn
 {
        width: auto;
        min-width: var(--btn-sm-min-height);
        max-width: 100%;
        box-sizing: border-box;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) tbody td.tbl__col--action .action-form--delete-cell, .table-container > table#student-cost-table:not(.cost-edit-table--mobile) tbody td.tbl__col--action .action-form--view
 {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) tbody td.tbl__col--action-delete .btn.btn-sm, .table-container > table#student-cost-table:not(.cost-edit-table--mobile) tbody td.tbl__col--action-view .btn.btn-sm
 {
        box-sizing: border-box;
        max-width: 100%;
        font-size: var(--btn-sm-font-size);
        line-height: var(--btn-sm-line-height);
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) button.receipt-missing-indicator .receipt-missing-indicator__icons
 {
        display: inline-flex;
        align-items: center;
        gap: var(--space-1);
        font-size: var(--btn-icon-size-sm);
        color: var(--text-muted);
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) button.receipt-missing-indicator .receipt-missing-indicator__icons .fa-times-circle
 {
        font-size: 0.88em;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) td.tbl__col--action-choose .file-upload-control
 {
        --file-upload-trigger-min-width: 0;
        --file-upload-state-inset: 2px;
        --file-upload-state-size: 1rem;
        --file-upload-state-font: 0.55rem;
        --file-upload-state-icon-box: 0.85rem;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) td.tbl__col--action-choose .file-upload-control .file-input__trigger
 {
        min-width: var(--btn-sm-min-height);
        max-width: 100%;
        box-sizing: border-box;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) td.tbl__col--action-choose .file-upload-control .file-input__state
 {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    }
    table#student-cost-view-table
 {
        min-width: 800px;
        font-size: var(--text-sm);
    }
    table#student-cost-view-table th
 {
        font-size: var(--text-base);
        padding: var(--space-md) var(--space-lg);
    }
    table#student-cost-view-table td
 {
        font-size: var(--text-sm);
        padding: var(--space-md) var(--space-lg);
    }
    table#student-cost-view-table th:nth-child(1), table#student-cost-view-table td:nth-child(1)
 {
        width: 4%;
        min-width: 40px;
        max-width: 48px;
    }
    table#student-cost-view-table th:nth-child(2), table#student-cost-view-table td:nth-child(2)
 {
        width: 12%;
        min-width: 108px;
    }
    table#student-cost-view-table th:nth-child(3), table#student-cost-view-table td:nth-child(3)
 {
        width: 15%;
        min-width: 125px;
    }
    table#student-cost-view-table th:nth-child(4), table#student-cost-view-table td:nth-child(4)
 {
        width: 15%;
        min-width: 125px;
    }
    table#student-cost-view-table th:nth-child(5), table#student-cost-view-table td:nth-child(5)
 {
        width: 15%;
        min-width: 110px;
    }
    table#student-cost-view-table th:nth-child(6), table#student-cost-view-table td:nth-child(6)
 {
        width: 15%;
        min-width: 125px;
    }
    table#student-cost-view-table th:nth-child(7), table#student-cost-view-table td:nth-child(7)
 {
        width: 23%;
        min-width: 168px;
    }
    .semesters-container
 {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-lg);
    }
    .semester-fields
 {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-md);
    }
    .semester-block
 {
        padding: var(--space-lg);
    }
    .semester-header
 {
        flex-direction: row;
        align-items: center;
        gap: var(--space-md);
    }
    .semester-title
 {
        font-size: var(--text-lg);
    }
    .academic-year
 {
        align-self: center;
        font-size: var(--text-base);
    }
    .semester-card
 {
        background: var(--bg-primary);
        border: 1px solid var(--border-light);
        border-radius: var(--radius-lg);
        padding: var(--space-lg);
        margin-bottom: var(--space-lg);
        box-shadow: var(--shadow-sm);
    }
    .semester-card:last-child
 {
        margin-bottom: 0;
    }
    .semester-card-header
 {
        margin-bottom: var(--space-lg);
        padding-bottom: var(--space-md);
        border-bottom: 2px solid var(--primary);
    }
    .semester-card-header h3
 {
        margin: 0;
        font-size: var(--text-lg);
        font-weight: 600;
        color: var(--primary);
        display: flex;
        align-items: center;
        gap: var(--space-2);
    }
    .semester-card-header h3 i
 {
        font-size: var(--text-base);
    }
    .semester-card-body
 {
        display: flex;
        flex-direction: column;
        gap: var(--space-lg);
    }
    .semester-field
 {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--space-md);
    }
    .semester-label
 {
        font-weight: 600;
        font-size: var(--text-sm);
        color: var(--text-primary);
        display: flex;
        align-items: center;
        gap: var(--space-2);
        min-width: 150px;
    }
    .semester-label i
 {
        font-size: var(--text-sm);
        color: var(--primary);
    }
    .semester-value
 {
        font-size: var(--text-sm);
        color: var(--text-base);
    }
    .semester-input
 {
        width: 100%;
        max-width: 250px;
        padding: var(--space-3);
        border: 1px solid var(--border-light);
        border-radius: var(--radius-md);
        font-size: var(--text-sm);
        background: var(--bg-primary);
        color: var(--text-base);
        transition: all var(--transition-base);
    }
    .semester-input:focus
 {
        outline: none;
        border-color: var(--primary);
        box-shadow: 0 0 0 3px var(--primary-light);
    }
    .semester-input:disabled
 {
        background: var(--bg-light);
        color: var(--text-light);
        cursor: not-allowed;
    }
    .form-actions
 {
        display: flex;
        flex-direction: row;
        gap: var(--space-md);
        flex-wrap: wrap;
    }
    .form-actions .btn
 {
        width: auto;
        flex: 0 1 auto;
    }
    .receipt-form
 {
        margin-top: var(--space-md);
    }
    .receipt-form .form-group
 {
        margin-bottom: var(--space-md);
    }
    .receipt-actions
 {
        display: flex;
        gap: var(--space-md);
        margin-top: var(--space-md);
        flex-wrap: wrap;
    }
    .receipt-actions form
 {
        flex: 0 1 auto;
    }
    .badge-count
 {
        min-width: 24px;
        height: 24px;
        padding: 0 7px;
        font-size: var(--text-xs);
        line-height: 24px;
        border-radius: 12px;
        top: -9px;
        right: -9px;
    }
    .badge-count.badge-sm
 {
        min-width: 20px;
        height: 20px;
        padding: 0 6px;
        font-size: var(--text-xs);
        line-height: 20px;
        border-radius: 10px;
        top: -7px;
        right: -7px;
    }
    .badge-count.badge-lg
 {
        min-width: 28px;
        height: 28px;
        padding: 0 9px;
        font-size: var(--text-sm);
        line-height: 28px;
        border-radius: 14px;
        top: -11px;
        right: -11px;
    }
    .tbl#university-list-table th, .tbl#university-list-table td
 {
        padding: var(--space-md) var(--space-lg);
        font-size: var(--text-base);
    }
    .university-name
 {
        flex: 1;
        min-width: 0;
    }
    .university-name .btn
 {
        font-size: var(--text-base);
    }
    .university-actions
 {
        flex-wrap: nowrap;
        gap: var(--space-2);
    }
    .user-table .action-icon, .user-table#hero-team-table .action-icon
 {
        width: 28px !important;
        height: 28px !important;
        font-size: var(--text-sm) !important;
        background: none !important;
        box-shadow: none !important;
        border: none !important;
        min-width: 28px !important;
    }
    .user-table .action-icon i, .user-table#hero-team-table .action-icon i
 {
        width: 14px !important;
        height: 14px !important;
        font-size: var(--text-sm) !important;
    }
    .stats-grid
 {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-md);
    }
    .user-table .copy-target i
 {
        font-size: var(--text-sm);
    }
    .user-table .copy-all-btn
 {
        font-size: var(--text-sm);
    }
    .user-table.documents-table
 {
        font-size: var(--text-base);
    }
    .user-table.documents-table th
 {
        font-size: var(--text-lg);
    }
    .user-table.documents-table td
 {
        font-size: var(--text-base);
    }
    .user-table.documents-table th:nth-child(1), .user-table.documents-table td:nth-child(1)
 {
        width: 30%;
        min-width: 130px;
    }
    .user-table.documents-table th:nth-child(2), .user-table.documents-table td:nth-child(2)
 {
        width: 20%;
        min-width: 100px;
    }
    .user-table.documents-table th:nth-child(3), .user-table.documents-table td:nth-child(3), .user-table.documents-table th:nth-child(4), .user-table.documents-table td:nth-child(4), .user-table.documents-table th:nth-child(5), .user-table.documents-table td:nth-child(5), .user-table.documents-table th:nth-child(6), .user-table.documents-table td:nth-child(6)
 {
        width: 12.5%;
        min-width: 45px;
        padding: var(--space-2) var(--space-3);
    }
    .user-table.documents-table .action-btn, .user-table.documents-table button.action-btn, .user-table.documents-table form .action-btn
 {
        width: 38px;
        height: 38px;
    }
    .user-table.documents-table .action-btn i, .user-table.documents-table button.action-btn i, .user-table.documents-table form .action-btn i
 {
        font-size: var(--text-lg);
    }
    .user-table.documents-table .status-badge
 {
        font-size: var(--text-xs) !important;
        padding: 5px 10px;
        line-height: 1.2 !important;
    }
    .user-table.documents-table .status-badge i
 {
        font-size: var(--text-sm);
        display: inline-block;
    }
    .admin-nostrification-section .btn-primary i, .admin-nostrification-section .btn-secondary i
 {
        font-size: var(--text-base);
    }
    .admin-info-text i
 {
        font-size: var(--text-base);
    }
    .admin-info-text--small i
 {
        font-size: var(--text-sm);
    }
    .main-navigation ul
 {
        justify-content: flex-start;
    }
    .main-navigation li
 {
        flex: 0 0 calc((100% - 2 * var(--space-2)) / 3);
        width: calc((100% - 2 * var(--space-2)) / 3);
        max-width: calc((100% - 2 * var(--space-2)) / 3);
    }
    .main-navigation li a
 {
        font-size: var(--text-sm);
        padding: var(--space-3);
    }
    .main-navigation li a i
 {
        font-size: 1.125rem;
    }
    .main-navigation li a span
 {
        font-size: var(--text-sm);
        flex: 0 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .custom-modal-content .head-icon-menu
 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .custom-modal-content
 {
        flex: 0 1 auto;
        align-self: center;
        margin: auto;
        max-height: 90vh;
        transform: translateY(-20px);
        width: 70%;
        min-width: 300px;
        max-width: 400px;
        padding: var(--space-6);
    }
    .custom-modal-content .main-navigation
 {
        width: 100%;
        padding: 0;
        margin: var(--space-4) 0 0;
    }
    .custom-modal-content h3
 {
        font-size: var(--text-xl);
        margin-bottom: var(--space-4);
    }
    .modal-icon
 {
        font-size: 2.25rem;
    }
    

    .university-modal-dialog
 {
        width: 65%;
        min-width: 350px;
        max-width: 500px;
        padding: var(--space-6);
    }
    .university-modal-title
 {
        font-size: var(--text-2xl);
    }
    .university-modal-icon
 {
        font-size: 2.5rem;
    }
    .university-modal-close
 {
        font-size: var(--text-lg);
        top: var(--space-5);
        right: var(--space-5);
    }
    

    

     

     .table-responsive
 {
        margin: var(--space-5) 0;
    }
    .user-table .student-index-cell
 {
        width: 4%;
        min-width: 32px;
        padding: var(--space-2) var(--space-sm);
        font-size: var(--text-sm);
    }
    .user-table .student-name-cell
 {
        width: 69%;
        padding: var(--space-2) var(--space-4);
        min-width: 180px;
        font-size: var(--text-sm);
    }
    .user-table .student-status-cell
 {
        width: 9%;
        min-width: 42px;
        padding: var(--space-2) var(--space-sm);
    }
    .user-table .student-payment-cell
 {
        width: 9%;
        min-width: 42px;
        padding: var(--space-2) var(--space-sm);
    }
    .user-table .student-credentials-cell
 {
        width: 9%;
        min-width: 42px;
        padding: var(--space-2) var(--space-sm);
    }
    
    .gender-icon
 {
        width: 28px;
        height: 28px;
    }
    .payment-icon, .login-pass-icon
 {
        width: 28px;
        height: 28px;
    }
    .status-icon
 {
        font-size: var(--text-xl);
    }
    h3 + .table-responsive
 {
        margin-top: var(--space-md);
    }
    .payment-link, .login-pass-link
 {
        padding: var(--space-2);
        min-width: 44px;
        min-height: 44px;
    }
    .student-actions-mobile
 {
        display: none;
    }
    .student-status-mobile
 {
        display: none;
    }
    .payment-link-mobile, .login-pass-link-mobile
 {
        display: none;
    }
    .uni-table
 {
        font-size: calc(var(--text-base) * 0.875);
        min-width: calc(var(--text-sm) * 50);
    }
    .uni-table-header th
 {
        padding: calc(var(--space-md) - 2px) calc(var(--space-2) + 2px);
        font-size: calc(var(--text-base) * 0.875);
    }
    .uni-table td
 {
        padding: calc(var(--space-md) - 2px) var(--space-1);
        font-size: calc(var(--text-base) * 0.875);
    }
    .uni-table th:nth-child(1), .uni-table td:nth-child(1)
 { min-width: calc(var(--text-sm) * 15);
        max-width: calc(var(--text-sm) * 28);
        width: 24%;
    }
    .uni-table th:nth-child(2), .uni-table td:nth-child(2)
 { min-width: calc(var(--text-sm) * 8);
        width: 9%;
    }
    .uni-table th:nth-child(3), .uni-table td:nth-child(3)
 { min-width: calc(var(--text-sm) * 4);
        width: 7%;
    }
    .uni-table th:nth-child(4), .uni-table td:nth-child(4)
 { min-width: calc(var(--text-sm) * 12);
        max-width: calc(var(--text-sm) * 25);
        width: 19%;
    }
    .uni-table th:nth-child(5), .uni-table td:nth-child(5)
 { min-width: calc(var(--text-sm) * 8);
        width: 11%;
    }
    .uni-table th:nth-child(6), .uni-table td:nth-child(6)
 { min-width: calc(var(--text-sm) * 6);
        width: 9%;
    }
    .uni-table th:nth-child(7), .uni-table td:nth-child(7)
 { min-width: calc(var(--space-10) * 2);
        width: 14%;
    }
    .uni-table:has(th:nth-child(9)) th:nth-child(1), .uni-table:has(th:nth-child(9)) td:nth-child(1)
 { min-width: var(--space-10);
        width: 3%;
    }
    .uni-table:has(th:nth-child(9)) th:nth-child(2), .uni-table:has(th:nth-child(9)) td:nth-child(2)
 { min-width: calc(var(--text-sm) * 14);
        max-width: calc(var(--text-sm) * 25);
        width: 21%;
    }
    .uni-table:has(th:nth-child(9)) th:nth-child(3), .uni-table:has(th:nth-child(9)) td:nth-child(3)
 { min-width: calc(var(--text-sm) * 8);
        width: 9%;
    }
    .uni-table:has(th:nth-child(9)) th:nth-child(4), .uni-table:has(th:nth-child(9)) td:nth-child(4)
 { min-width: calc(var(--text-sm) * 7);
        width: 7%;
    }
    .uni-table:has(th:nth-child(9)) th:nth-child(5), .uni-table:has(th:nth-child(9)) td:nth-child(5)
 { min-width: calc(var(--text-sm) * 4);
        width: 5%;
    }
    .uni-table:has(th:nth-child(9)) th:nth-child(6), .uni-table:has(th:nth-child(9)) td:nth-child(6)
 { min-width: calc(var(--text-sm) * 10);
        max-width: calc(var(--text-sm) * 20);
        width: 17%;
    }
    .uni-table:has(th:nth-child(9)) th:nth-child(7), .uni-table:has(th:nth-child(9)) td:nth-child(7)
 { min-width: calc(var(--text-sm) * 2.5);
        width: 4%;
    }
    .uni-table:has(th:nth-child(9)) th:nth-child(8), .uni-table:has(th:nth-child(9)) td:nth-child(8)
 { min-width: calc(var(--text-sm) * 5);
        width: 7%;
    }
    .uni-table:has(th:nth-child(9)) th:nth-child(9), .uni-table:has(th:nth-child(9)) td:nth-child(9)
 { min-width: calc(var(--text-sm) * 6);
        width: 9%;
    }
    .user-table .student-status-cell > .status-icon, .user-table .student-payment-cell > .payment-link:not(.payment-link-mobile), .user-table .student-credentials-cell > .login-pass-link:not(.login-pass-link-mobile)
 {
        display: inline-flex;
    }
    .credentials-modal__dialog
 {
        width: min(450px, 90%);
        padding: var(--space-6);
    }
    .credentials-modal__close
 {
        width: 38px;
        height: 38px;
    }
    .credentials-modal__copy-btn
 {
        width: 40px;
        height: 40px;
    }
    .status-icon
 {
        font-size: var(--text-lg);
    }
    .student-item
 {
        gap: var(--main-space-md, 12px);
        padding: var(--main-space-sm);
        margin: var(--main-space-xs) 0;
        font-size: calc(var(--text-base) * 0.875);
        min-height: 44px;
        align-items: center;
    }
    .exam-student-item
 {
        padding: var(--space-md) var(--space-5);
        margin: 0;
    }
    .exam-student-item-spacing
 {
        width: var(--space-10);
    }
    .exam-student-text
 {
        font-size: calc(var(--text-base) * 0.8125);
    }
    .exam-student-warning
 {
        font-size: calc(var(--text-base) * 0.8125);
    }
    .exam-student-text-dark
 {
        font-size: calc(var(--text-base) * 0.8125);
    }
    
    .exam-student-list
 {
        max-height: 427px;
    }
    .exam-student-list::-webkit-scrollbar
 {
        width: 8px;
    }
    .exam-student-list::-webkit-scrollbar-track
 {
        background: var(--bg-secondary);
        border-radius: var(--radius-sm);
    }
    .exam-student-list::-webkit-scrollbar-thumb
 {
        background: var(--text-muted);
        border-radius: var(--radius-sm);
    }
    .exam-student-list::-webkit-scrollbar-thumb:hover
 {
        background: var(--text-medium);
    }
    .exam-select-all-label
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .student-search-input
 {
        font-size: calc(var(--text-base) * 0.875);
        padding: calc(var(--space-md) - 2px) var(--space-5);
        padding-right: calc(var(--space-10) + var(--space-1));
    }
    .student-search-filters
 {
        padding: calc(var(--space-md) - 2px) var(--space-5);
    }
    .student-search-filter-group
 {
        min-width: 200px;
    }
    .student-search-filter-label
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .student-search-filter-select
 {
        font-size: calc(var(--text-base) * 0.875);
        padding: calc(var(--space-md) - 2px) var(--space-5);
        padding-right: calc(var(--space-5) + var(--space-6) + var(--space-sm));
    }
    .student-search-results-header
 {
        padding: calc(var(--space-md) - 2px) var(--space-5);
    }
    .student-search-results-count
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .student-search-results-total
 {
        font-size: calc(var(--text-base) * 0.8125);
    }
    
    .student-search-results-list
 {
        height: calc(
            (calc(var(--space-md) - 2px) + calc(var(--text-base) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-base) * 0.875) * 1.5 + calc(var(--space-md) - 2px)) * 4 + (calc(var(--space-md) - 2px) + calc(var(--text-base) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-base) * 0.875) * 1.5 + var(--space-xs)) + 4px );
        min-height: calc(
            (calc(var(--space-md) - 2px) + calc(var(--text-base) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-base) * 0.875) * 1.5 + calc(var(--space-md) - 2px)) * 4 +
            (calc(var(--space-md) - 2px) + calc(var(--text-base) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-base) * 0.875) * 1.5 + var(--space-xs)) +
            4px
        );
        max-height: calc(
            (calc(var(--space-md) - 2px) + calc(var(--text-base) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-base) * 0.875) * 1.5 + calc(var(--space-md) - 2px)) * 4 +
            (calc(var(--space-md) - 2px) + calc(var(--text-base) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-base) * 0.875) * 1.5 + var(--space-xs)) +
            4px
        );
        padding-right: calc(var(--space-10) + var(--space-3));
    }
    .student-search-results-header
 {
        height: calc(calc(var(--space-md) - 2px) + calc(var(--text-base) * 0.875) * 1.5 + calc(var(--space-md) - 2px));
        min-height: calc(calc(var(--space-md) - 2px) + calc(var(--text-base) * 0.875) * 1.5 + calc(var(--space-md) - 2px));
        max-height: calc(calc(var(--space-md) - 2px) + calc(var(--text-base) * 0.875) * 1.5 + calc(var(--space-md) - 2px));
    }
    .student-search-item
 {
        padding: calc(var(--space-md) - 2px) var(--space-5);
    }
    .student-search-item-name
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .student-search-item-details-row
 {
        font-size: calc(var(--text-base) * 0.875);
        gap: var(--space-sm);
    }
    .student-search-item-university, .student-search-item-level, .student-search-item-specialty
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .student-search-scroll-btn
 {
        width: calc(var(--space-10) + var(--space-1));
        height: calc(var(--space-10) + var(--space-1));
        min-width: calc(var(--space-10) + var(--space-1));
        min-height: calc(var(--space-10) + var(--space-1));
        font-size: calc(var(--text-base) * 0.875);
    }
    .student-search-scroll-btn i
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .student-search-scroll-buttons
 {
        right: var(--space-md);
        gap: var(--space-sm);
    }
    .student-search-checkbox
 {
        width: calc(var(--space-4) + var(--space-1));
        height: calc(var(--space-4) + var(--space-1));
        min-width: calc(var(--space-4) + var(--space-1));
        min-height: calc(var(--space-4) + var(--space-1));
    }
    .student-search-item-checkbox
 {
        width: calc(var(--space-4) + var(--space-1));
        height: calc(var(--space-4) + var(--space-1));
        min-width: calc(var(--space-4) + var(--space-1));
        min-height: calc(var(--space-4) + var(--space-1));
    }
    .student-search-checkbox-text
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .table-container .exam-students-table
 {
        width: 100%;
    }
    
    
    .table-container .exam-students-table col.col-checkbox
 { width: 3%;
        min-width: 40px;
    }
    .table-container .exam-students-table col.col-full-name
 { width: 25%;
        min-width: 250px;
    }
    .table-container .exam-students-table col.col-university
 { width: 12%;
        min-width: 100px;
    }
    .table-container .exam-students-table col.col-degree
 { width: 8%;
        min-width: 80px;
    }
    .table-container .exam-students-table col.col-specialty
 { width: 25%;
        min-width: 200px;
    }
    .table-container .exam-students-table col.col-exam
 { width: 15%;
        min-width: 150px;
    }
    .table-container .exam-students-table col.col-action-1
 { width: 12%;
        min-width: 80px;
    }
    #exam_students_table th:nth-child(1), #exam_students_table td:nth-child(1)
 {
        padding: var(--space-3) var(--space-1);
    }
    #exam_students_table th:nth-child(2), #exam_students_table td:nth-child(2)
 {
        padding: var(--space-3) var(--space-3);
    }
    #exam_students_table th:nth-child(3), #exam_students_table td:nth-child(3), #exam_students_table th:nth-child(5), #exam_students_table td:nth-child(5), #exam_students_table th:nth-child(6), #exam_students_table td:nth-child(6)
 {
        padding: var(--space-3) var(--space-2);
    }
    #exam_students_table th:nth-child(4), #exam_students_table td:nth-child(4)
 {
        padding: var(--space-3) var(--space-1);
    }
    #exam_students_table .btn-danger
 {
        min-width: calc(var(--space-10) + var(--space-1));
        width: calc(var(--space-10) + var(--space-1));
        height: calc(var(--space-10) + var(--space-1));
    }
    .deferred-actions-table col.col-phone
 {
        width: clamp(calc(var(--space-16) * 1.5), 25%, calc(var(--space-16) * 2.5));
    }
    .deferred-actions-table col.col-time
 {
        width: clamp(calc(var(--space-16) * 2), 35%, calc(var(--space-16) * 3));
    }
    .deferred-actions-table col.col-action-1, .deferred-actions-table col.col-action-2
 {
        width: clamp(calc(var(--space-12) * 1), 20%, calc(var(--space-16) * 1.5));
    }
    .table-container > table.sms-queue-table:not(.deferred-actions-table) col.col-phone
 {
        width: clamp(calc(var(--space-16) * 1.5), 20%, calc(var(--space-16) * 2));
    }
    .table-container > table.sms-queue-table:not(.deferred-actions-table) col.col-docs
 {
        width: clamp(calc(var(--space-16) * 1.5), 28%, calc(var(--space-16) * 3.5));
    }
    .table-container > table.sms-queue-table:not(.deferred-actions-table) col.col-date
 {
        width: clamp(calc(var(--space-16) * 2), 22%, calc(var(--space-16) * 3));
    }
    .table-container > table.sms-queue-table:not(.deferred-actions-table) col.col-retries
 {
        width: clamp(calc(var(--space-10) * 1.2), 10%, calc(var(--space-16) * 1.2));
    }
    .table-container > table.sms-queue-table:not(.deferred-actions-table) col.col-status
 {
        width: clamp(calc(var(--space-16) * 1.2), 15%, calc(var(--space-16) * 2));
    }
    .table-container > table.delayed-emails-table:not(.deferred-actions-table) col.col-name
 {
        width: clamp(calc(var(--space-16) * 2.5), 38%, calc(var(--space-16) * 4.5));
    }
    .table-container > table.delayed-emails-table:not(.deferred-actions-table) col.col-university
 {
        width: clamp(calc(var(--space-16) * 1.5), 32%, calc(var(--space-16) * 3));
    }
    .table-container > table.delayed-emails-table:not(.deferred-actions-table) col.col-time
 {
        width: clamp(calc(var(--space-16) * 2), 25%, calc(var(--space-16) * 3));
    }
    .deferred-actions-table, .sms-queue-table, .delayed-emails-table
 {
        font-size: var(--text-sm);
    }
    .deferred-actions-table td, .sms-queue-table td, .delayed-emails-table td
 {
        padding: var(--space-2) var(--space-3) !important;
    }
    .deferred-actions-table .btn
 {
        padding: calc(var(--space-md) - 2px) var(--space-3) !important;
        font-size: var(--text-xs) !important;
        min-width: auto !important;
    }
    .admin-hero-add-form
 {
        padding: var(--space-5) 0;
    }
    .addMoreFiles
 {
        padding: var(--space-2) var(--space-4);
        font-size: var(--text-sm);
        min-height: calc(var(--space-8) + var(--space-1));
    }
    .admin-curators-container
 {        grid-template-columns: repeat(auto-fill, minmax(calc((100% - (var(--space-3) * 4)) / 5), 1fr));
        gap: var(--space-3);
    }
    .admin-curator-option label
 {
        padding: var(--space-1) var(--space-2);
        font-size: var(--text-xs);
    }
    .copy-target
 {
        padding: 0;
        gap: var(--space-1);
        font-size: inherit;
    }
    .copy-content
 {
        font-size: inherit;
    }
    .user-table.table-2cols th
 {
        width: clamp(28%, calc(30% - var(--space-2)), 32%);
    }
    .user-table.table-2cols td
 {
        width: clamp(68%, calc(70% - var(--space-2)), 72%);
    }
    .user-table.table-5cols th:nth-child(1), .user-table.table-5cols td:nth-child(1)
 {
        width: clamp(30%, calc(33% - var(--space-2)), 38%);
    }
    .user-table.table-5cols th:nth-child(2), .user-table.table-5cols td:nth-child(2)
 {
        width: clamp(4%, calc(6% - var(--space-1)), 8%);
    }
    .user-table.table-5cols th:nth-child(3), .user-table.table-5cols td:nth-child(3)
 {
        width: clamp(22%, calc(24% - var(--space-2)), 28%);
    }
    .user-table.table-5cols th:nth-child(4), .user-table.table-5cols td:nth-child(4)
 {
        width: clamp(13%, calc(15% - var(--space-2)), 17%);
    }
    .user-table.table-5cols th:nth-child(5), .user-table.table-5cols td:nth-child(5)
 {
        width: clamp(17%, calc(19% - var(--space-2)), 22%);
    }
    .user-table.table-4cols th:nth-child(1), .user-table.table-4cols td:nth-child(1)
 {
        width: clamp(35%, calc(38% - var(--space-2)), 42%);
    }
    .user-table.table-4cols th:nth-child(2), .user-table.table-4cols td:nth-child(2)
 {
        width: clamp(4%, calc(6% - var(--space-1)), 8%);
    }
    .user-table.table-4cols th:nth-child(3), .user-table.table-4cols td:nth-child(3)
 {
        width: clamp(27%, calc(29% - var(--space-2)), 32%);
    }
    .user-table.table-4cols th:nth-child(4), .user-table.table-4cols td:nth-child(4)
 {
        width: clamp(22%, calc(24% - var(--space-2)), 27%);
    }
    .user-table.table-7cols th:nth-child(1), .user-table.table-7cols td:nth-child(1)
 {
        width: clamp(9%, calc(11% - var(--space-1)), 13%);
    }
    .user-table.table-7cols th:nth-child(2), .user-table.table-7cols td:nth-child(2)
 {
        width: clamp(11%, calc(13% - var(--space-1)), 15%);
    }
    .user-table.table-7cols th:nth-child(3), .user-table.table-7cols td:nth-child(3)
 {
        width: clamp(17%, calc(19% - var(--space-2)), 21%);
    }
    .user-table.table-7cols th:nth-child(4), .user-table.table-7cols td:nth-child(4)
 {
        width: clamp(11%, calc(13% - var(--space-1)), 15%);
    }
    .user-table.table-7cols th:nth-child(5), .user-table.table-7cols td:nth-child(5)
 {
        width: clamp(15%, calc(17% - var(--space-2)), 19%);
    }
    .user-table.table-7cols th:nth-child(6), .user-table.table-7cols td:nth-child(6)
 {
        width: clamp(15%, calc(17% - var(--space-2)), 19%);
    }
    .user-table.table-7cols th:nth-child(7), .user-table.table-7cols td:nth-child(7)
 {
        width: clamp(9%, calc(11% - var(--space-1)), 13%);
    }
    .user-table.table-3cols th:nth-child(1), .user-table.table-3cols td:nth-child(1)
 {
        width: clamp(55%, calc(58% - var(--space-2)), 62%);
    }
    .user-table.table-3cols th:nth-child(2), .user-table.table-3cols td:nth-child(2)
 {
        width: clamp(18%, calc(20% - var(--space-2)), 22%);
    }
    .user-table.table-3cols th:nth-child(3), .user-table.table-3cols td:nth-child(3)
 {
        width: clamp(18%, calc(20% - var(--space-2)), 22%);
    }
    .user-table.table-4cols-params th:nth-child(1), .user-table.table-4cols-params td:nth-child(1)
 {
        width: clamp(23%, calc(25% - var(--space-2)), 27%);
    }
    .user-table.table-4cols-params th:nth-child(2), .user-table.table-4cols-params td:nth-child(2)
 {
        width: clamp(27%, calc(29% - var(--space-2)), 32%);
    }
    .user-table.table-4cols-params th:nth-child(3), .user-table.table-4cols-params td:nth-child(3)
 {
        width: clamp(18%, calc(20% - var(--space-2)), 22%);
    }
    .user-table.table-4cols-params th:nth-child(4), .user-table.table-4cols-params td:nth-child(4)
 {
        width: clamp(23%, calc(25% - var(--space-2)), 27%);
    }
    .user-table.table-header-actions th
 {
        width: clamp(65%, calc(68% - var(--space-2)), 72%);
    }
    .user-table.table-header-actions td
 {
        width: clamp(28%, calc(30% - var(--space-2)), 32%);
    }
    .user-table.table-info-block td
 {
        padding: var(--space-2);
        font-size: calc(var(--text-base) * 0.9375);
    }
    .user-table.table-student-list th.tbl__col--id, .user-table.table-student-list td.tbl__col--id
 {
        width: clamp(8%, calc(10% - var(--space-1)), 12%);
    }
    .user-table.table-student-list th:nth-child(2), .user-table.table-student-list td:nth-child(2)
 {
        width: clamp(88%, calc(90% - var(--space-1)), 92%);
    }
    .user-table.table-header-actions td
 {
        width: clamp(48%, calc(50% - var(--space-2)), 52%);
        text-align: center;
    }
    .margin-top-5
 {
        margin-top: 4px;
    }
    .margin-top-10
 {
        margin-top: 8px;
    }
    .margin-top-15
 {
        margin-top: 12px;
    }
    .margin-bottom-20
 {
        margin-bottom: 18px;
    }
    .margin-left-15
 {
        margin-left: 12px;
    }
    .gap-10
 {
        gap: 9px;
    }
    .gap-15
 {
        gap: 12px;
    }
    .font-size-18
 {
        font-size: 17px;
    }
    .font-size-24
 {
        font-size: 22px;
    }
    .width-50
 {
        width: 45px;
    }
    .exam-item
 {
        padding: var(--space-4);
        margin-bottom: var(--space-4);
    }
    .exam-item input[type="checkbox"]
 {
        width: calc(var(--space-5) + var(--space-1));
        height: calc(var(--space-5) + var(--space-1));
        margin-right: var(--space-4);
    }
    .exam-name
 {
        font-size: var(--text-base);
        margin-bottom: var(--space-2);
    }
    .exam-details
 {
        font-size: var(--text-sm);
    }
    .exam-limit-info-success, .exam-limit-info-warning
 {
        padding: var(--space-4);
    }
    .modal-content-large
 {
        max-width: 85%;
        padding: var(--space-5);
    }
    .nav-icon
 {
        width: calc(var(--space-10) * 1);
        height: calc(var(--space-10) * 1);
    }
    .navigation-actions
 {
        gap: var(--space-3);
    }
    .form-row
 {
        display: flex;
        flex-direction: row;
        gap: var(--space-4);
    }
    .signature-image
 {
        width: 220px;
        max-height: 110px;
    }
    .translation-selection-block
 {
        padding: 9px 13px;
        gap: 11px;
    }
    .translation-checkbox
 {
        width: 21px;
        height: 21px;
    }
    .translation-label
 {
        font-size: 14px;
    }
    .translation-quantity
 {
        width: 70px;
        padding: 6px 11px;
        font-size: 14px;
    }
    .translation-block
 {
        padding: 9px;
        margin: 16px 0;
    }
    .translation-session-message
 {
        padding: 16px 22px;
        font-size: var(--text-base);
    }
    .translation-statistics
 {
        padding: 28px;
    }
    .translation-statistics h4
 {
        font-size: 1.4em;
        margin-bottom: 22px;
    }
    .translation-statistics h5
 {
        font-size: 1.1em;
    }
    .translation-complete-badge, .translation-partial-badge
 {
        padding: 4px 11px;
        font-size: 0.85em;
    }
    .translation-section-title, .translation-section-title-success, .translation-section-title-danger
 {
        font-size: 1.1em;
    }
    .translation-success-box, .translation-danger-box, .translation-partial-box
 {
        padding: 16px;
    }
    .exam-limit-info-success, .exam-limit-info-warning
 {
        padding: var(--space-md);
    }
    .invitation-block
 {
        padding: var(--space-4);
    }
    .invitation-buttons-container
 {
        gap: var(--space-3);
        flex-wrap: nowrap !important;
        align-items: center;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .invitation-buttons-container > .invitation-form-inline, .invitation-buttons-container > a.btn, .invitation-buttons-container .invitation-form-inline
 {
        flex: 0 0 auto !important;
        min-width: fit-content !important;
        width: auto !important;
        max-width: none !important;
        display: inline-flex !important;
        align-items: center;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
    }
    .invitation-buttons-container .invitation-form-inline .btn, .invitation-buttons-container > a.btn
 {
        width: auto !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
    }
    .student-actions-container
 {
        display: flex;
        gap: var(--space-3);
        flex-wrap: wrap;
    }
    .alert
 {
        padding: var(--space-sm);
        font-size: var(--text-sm);
    }
    .btn-block
 {
        width: 100%;
        padding: var(--space-5) var(--space-md);
        font-size: var(--text-sm);
        justify-content: center;
    }
    .btn-secondary
 {
        padding: var(--space-md) var(--space-lg);
        font-size: 14px;
        width: auto;
        display: inline-flex;
    }
    .card-title
 {
        font-size: 1.1rem;
    }
    .credentials-modal
 {
        padding: var(--space-5);
    }
    .credentials-modal__title
 {
        font-size: var(--text-lg);
        padding-right: var(--space-8);
    }
    .credentials-modal__value
 {
        font-size: var(--text-sm);
        padding: var(--space-5);
        word-break: break-all;
    }
    .custom-close
 {
        font-size: var(--text-lg);
        top: var(--space-5);
        right: var(--space-5);
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }
    .exam-separator
 {
        margin: 0 var(--space-1);
    }
    .footer-copy-toast
 {
        bottom: var(--space-5);
        right: var(--space-5);
        left: auto;
        min-width: 180px;
        width: max-content;
        max-width: calc(100vw - (2 * var(--space-5)));
    }
    .footer-copyright
 {
        font-size: var(--text-xs);
        padding: var(--space-5) 0;
    }
    .footer-lang-title
 {
        font-size: var(--text-sm);
        margin-bottom: var(--space-5);
    }
    .grid
 {
        display: grid;
        gap: var(--space-4);
    }
    .modal-content
 {
        max-width: 550px;
    }
    .admin-apostille-modal-content
 {
        width: 90%;
        max-width: 550px;
    }
    .modal-content-large
 {
        max-width: 750px;
    }
    .menu-badge
 { min-width: 22px;
        height: 22px;
        padding: 0 6px;
        font-size: var(--text-xs);
        line-height: 22px;
        border-radius: 11px;
        top: -8px;
        right: -3px;
        z-index: 20;
    }
    .menu-link
 {
        padding: var(--space-5) var(--space-5);
        font-size: var(--text-sm);
        min-height: 52px;
    }
    #head-icon-menu.menu-open
 {
        max-height: 5000px !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        margin-bottom: var(--space-5) !important;
        padding: 0 !important;
        display: grid !important;
    }
    .admin-head-navigation .menu-toggle
 {
        display: none !important;
    }
    .message-content-cell
 {
        padding-top: var(--space-5) !important;
    }
    .message-content-row
 {
        margin-top: calc(var(--space-5) * -1) !important;
        border-top: 2px solid var(--primary) !important;
    }
    .modal
 {
        padding: var(--space-md);
    }
    .modal-footer
 {
        flex-direction: column;
        gap: var(--space-sm);
    }
    .modal-header
 {
        margin-bottom: var(--space-md);
        padding-bottom: var(--space-sm);
    }
    .modal-title
 {
        font-size: 1.25rem;
    }
    .nav-list
 {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-md);
    }
    
    #search-filters-container.search-filters-collapsed .search-filters-additional
 {
        display: none !important;
    }
    
    #search-filters-container.search-filters-expanded .search-filters-additional
 {
        display: block !important;
    }
    .search-filters-toggle-container
 {
        margin-bottom: var(--space-md);
    }
    .stat-card
 {
        padding: var(--space-md) var(--space-5);
    }
    .stat-item
 {
        padding: var(--space-5);
    }
    .stat-label
 {
        font-size: 0.8em;
    }
    .stat-number
 {
        font-size: 1.8em;
    }
    .student-avatar-block
 {
        order: 2;
        flex-shrink: 0;
        justify-content: flex-end;
    }
    .table-2cols
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-3cols
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-4cols
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-4cols-params
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-5cols
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-7cols
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-header-actions
 {
        display: block;
    }
    .table-info-block
 {
        display: block;
    }
    .table-student-list
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .uni-table-container
 {
        margin: 0 calc(var(--space-5) * -1);
        border-radius: 0;
    }
    .university-nav-item
 {
        max-width: 237px;
    }
    .university-nav-link
 {
        width: 100%;
        max-width: 100%;
        font-size: var(--text-sm);
        padding: var(--space-4) var(--space-5);
    }
    .university-nav-link-icon
 {
        font-size: 18px;
    }
    .university-nav-link-text
 {
        font-size: var(--text-sm);
    }
    .university-nav-list
 {
        grid-template-columns: repeat(4, minmax(200px, 1fr));
        gap: var(--space-5);
        justify-content: start;
    }
    
    .table-action-btn
 {
        width: 30px;
        height: 30px;
    }
    
    .modal-close
 {
        width: 26px;
        height: 26px;
    }
    
    .action-icon
 {
        width: 56px;
        height: 56px;
        min-width: 56px;
    }
    
    .action-icon img, .action-icon i
 {
        width: 28px;
        height: 28px;
    }
    
    .user-table .action-icon, .user-table#hero-team-table .action-icon
 {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
    }
    .user-table .action-icon i, .user-table#hero-team-table .action-icon i
 {
        width: 12px !important;
        height: 12px !important;
    }
    
    .badge-count
 {
        min-width: 24px;
        height: 24px;
    }
    
    .badge-count.badge-sm
 {
        min-width: 18px;
        height: 18px;
    }
    
    .badge-count.badge-lg
 {
        min-width: 28px;
        height: 28px;
    }
    
    .status-badge
 {
        min-width: 70px;
        height: 28px;
    }
    
    .user-table#csrf-pages-table
 {
        min-width: 275px;
    }
    .user-table#csrf-pages-table th:nth-child(1), .user-table#csrf-pages-table td:nth-child(1)
 {
        min-width: 130px;
    }
    .user-table#csrf-pages-table th:nth-child(2), .user-table#csrf-pages-table td:nth-child(2)
 {
        min-width: 87px;
    }
    .user-table#csrf-pages-table th:nth-child(3), .user-table#csrf-pages-table td:nth-child(3)
 {
        min-width: 70px;
    }
    
    .user-table#csrf-ips-table
 {
        min-width: 350px;
    }
    .user-table#csrf-ips-table th:nth-child(1), .user-table#csrf-ips-table td:nth-child(1)
 {
        min-width: 105px;
    }
    .user-table#csrf-ips-table th:nth-child(2), .user-table#csrf-ips-table td:nth-child(2), .user-table#csrf-ips-table th:nth-child(3), .user-table#csrf-ips-table td:nth-child(3)
 {
        min-width: 70px;
    }
    .user-table#csrf-ips-table th:nth-child(4), .user-table#csrf-ips-table td:nth-child(4)
 {
        min-width: 79px;
    }
    
    .user-table#csrf-time-table
 {
        min-width: 275px;
    }
    .user-table#csrf-time-table th:nth-child(1), .user-table#csrf-time-table td:nth-child(1)
 {
        min-width: 60px;
    }
    .user-table#csrf-time-table th:nth-child(2), .user-table#csrf-time-table td:nth-child(2)
 {
        min-width: 69px;
    }
    .user-table#csrf-time-table th:nth-child(3), .user-table#csrf-time-table td:nth-child(3)
 {
        min-width: 129px;
    }
    
    .user-table#csrf-reports-table
 {
        min-width: 520px;
    }
    .user-table#csrf-reports-table th:nth-child(1), .user-table#csrf-reports-table td:nth-child(1)
 {
        min-width: 104px;
    }
    .user-table#csrf-reports-table th:nth-child(2), .user-table#csrf-reports-table td:nth-child(2)
 {
        min-width: 113px;
    }
    .user-table#csrf-reports-table th:nth-child(3), .user-table#csrf-reports-table td:nth-child(3)
 {
        min-width: 61px;
    }
    .user-table#csrf-reports-table th:nth-child(4), .user-table#csrf-reports-table td:nth-child(4)
 {
        min-width: 70px;
    }
    .user-table#csrf-reports-table th:nth-child(5), .user-table#csrf-reports-table td:nth-child(5)
 {
        min-width: 65px;
    }
    .user-table#csrf-reports-table th:nth-child(6), .user-table#csrf-reports-table td:nth-child(6)
 {
        min-width: 87px;
    }
    
    .user-table#csrf-debug-table
 {
        min-width: 350px;
    }
    .user-table#csrf-debug-table th:nth-child(1), .user-table#csrf-debug-table td:nth-child(1)
 {
        min-width: 132px;
    }
    .user-table#csrf-debug-table th:nth-child(2), .user-table#csrf-debug-table td:nth-child(2)
 {
        min-width: 70px;
    }
    .user-table#csrf-debug-table th:nth-child(3), .user-table#csrf-debug-table td:nth-child(3)
 {
        min-width: 106px;
    }
    .user-table#csrf-debug-table th:nth-child(4), .user-table#csrf-debug-table td:nth-child(4)
 {
        min-width: 62px;
    }
    
    .user-table#students-verified-table, .user-table#students-pending-table
 {
        min-width: 350px;
    }
    .user-table#students-verified-table th:nth-child(1), .user-table#students-verified-table td:nth-child(1), .user-table#students-pending-table th:nth-child(1), .user-table#students-pending-table td:nth-child(1), .user-table#students-verified-table th:nth-child(2), .user-table#students-verified-table td:nth-child(2), .user-table#students-pending-table th:nth-child(2), .user-table#students-pending-table td:nth-child(2)
 {
        min-width: 132px;
    }
    .user-table#students-verified-table th:nth-child(3), .user-table#students-verified-table td:nth-child(3), .user-table#students-pending-table th:nth-child(3), .user-table#students-pending-table td:nth-child(3)
 {
        min-width: 176px;
    }
    
    table#student-cost-table
 {
        min-width: 680px;
    }
    table#student-cost-table th.tbl__col--id, table#student-cost-table td.tbl__col--id
 {
        min-width: 35px;
        max-width: 44px;
    }
    table#student-cost-table th:nth-child(2), table#student-cost-table td:nth-child(2)
 {
        min-width: 96px;
    }
    table#student-cost-table th:nth-child(3), table#student-cost-table td:nth-child(3)
 {
        min-width: 100px;
    }
    table#student-cost-table th:nth-child(5), table#student-cost-table td:nth-child(5)
 {
        min-width: 88px;
    }
    table#student-cost-table th:nth-child(4), table#student-cost-table td:nth-child(4)
 {
        min-width: 84px;
    }
    table#student-cost-table thead th:nth-child(6).tbl__col--actions-group
 {
        min-width: 300px;
    }
    table#student-cost-table tbody td:nth-child(6)
 {
        min-width: 40px;
    }
    table#student-cost-table tbody td:nth-child(7)
 {
        min-width: 4.75rem;
    }
    table#student-cost-table tbody td:nth-child(8), table#student-cost-table tbody td:nth-child(9), table#student-cost-table tbody td:nth-child(10), table#student-cost-table tbody td:nth-child(11), table#student-cost-table tbody td:nth-child(12)
 {
        min-width: 3.5rem;
    }
    
    table#student-cost-view-table
 {
        min-width: 600px;
    }
    table#student-cost-view-table th.tbl__col--id, table#student-cost-view-table td.tbl__col--id
 {
        min-width: 36px;
        max-width: 44px;
    }
    table#student-cost-view-table th:nth-child(2), table#student-cost-view-table td:nth-child(2)
 {
        min-width: 88px;
    }
    table#student-cost-view-table th:nth-child(3), table#student-cost-view-table td:nth-child(3), table#student-cost-view-table th:nth-child(4), table#student-cost-view-table td:nth-child(4), table#student-cost-view-table th:nth-child(6), table#student-cost-view-table td:nth-child(6)
 {
        min-width: 104px;
    }
    table#student-cost-view-table th:nth-child(5), table#student-cost-view-table td:nth-child(5)
 {
        min-width: 87px;
    }
    table#student-cost-view-table th:nth-child(7), table#student-cost-view-table td:nth-child(7)
 {
        min-width: 131px;
    }
    
    .invitation-buttons-container
 {
        flex-wrap: wrap;
    }
    .invitation-buttons-container .invitation-form-inline
 {
        display: inline-flex !important;
    }
    .invitation-buttons-container .invitation-form-inline button, .invitation-buttons-container .invitation-form-inline .btn, .invitation-buttons-container > a.btn
 {
        display: inline-flex !important;
        width: auto !important;
        max-width: none !important;
    }
    
    .status-actions-table
 {
        width: 100%;
    }
    .status-actions-table tr
 {
        display: flex;
        gap: var(--space-2);
    }
    .status-actions-table td
 {
        width: 25%;
        flex: 1;
    }
    .status-actions-table .btn, .status-actions-table button
 {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center;
        text-align: center;
    }
    

/* ═══════════════════════════════════════════════════════════════════════════════
 * РАЗМЕРЫ КОЛОНОК ДЛЯ .tbl--smart-cells НА ПЛАНШЕТЕ
 * ═══════════════════════════════════════════════════════════════════════════════ */
    .tbl--smart-cells colgroup col:nth-child(1)
 {
        width: 35%;
    }
    .tbl--smart-cells colgroup col:nth-child(2)
 {
        width: 15%;
    }
    .tbl--smart-cells colgroup col:nth-child(3)
 {
        width: 50%;
    }
    .tbl--smart-cells td .d-flex
 {
        flex-direction: column;
    }
    .tbl--smart-cells td .d-flex .btn, .tbl--smart-cells td .d-flex button
 {
        width: 100%;
        min-width: auto;
    }
    

    

    .stats-container
 {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: var(--space-3);
        width: 100%;
    }
    .stat-widget
 {
        padding: var(--space-3);
    }
    .stat-value
 {
        font-size: var(--text-xl);
    }
    .stat-icon
 {
        width: 36px;
        height: 36px;
        font-size: var(--text-base);
    }
    .stat-label
 {
        font-size: 0.8rem;
    }
    

    .mail-nav-item
 {
        flex: 0 1 auto;
        max-width: 180px;
    }
    .mail-stat-item
 {
        font-size: 13px;
    }
    
    .mail-item.sent-message, .mail-item.received-message
 {
        border-left-width: 3px;
    }
    .mail-type-indicator
 {
        padding: 4px 7px;
        font-size: 10px;
    }
    

/* ═══════════════════════════════════════════════════════════════════════════════
 * Site settings mail — размеры (планшет 768–1023px, admin/site_settings_mail.php)
 * ═══════════════════════════════════════════════════════════════════════════════ */
    #mail-settings.site-settings-mail
 {
        max-width: calc(100% - var(--space-8));
        margin: var(--space-8) auto;
        padding: var(--space-6);
        border-radius: var(--radius-lg);
    }
    #mail-settings.site-settings-mail.settings-box--wide
 {
        max-width: calc(100% - var(--space-6));
    }
    #mail-settings.site-settings-mail h2
 {
        margin-bottom: var(--space-5);
    }
    #mail-settings.site-settings-mail label
 {
        margin-top: var(--space-4);
    }
    #mail-settings.site-settings-mail input[type="text"], #mail-settings.site-settings-mail input[type="email"], #mail-settings.site-settings-mail input[type="url"], #mail-settings.site-settings-mail input[type="number"], #mail-settings.site-settings-mail select, #mail-settings.site-settings-mail textarea
 {
        padding: var(--space-3);
        margin-top: var(--space-2);
    }
    #mail-settings.site-settings-mail .mail-relationship-hint
 {
        font-size: var(--text-sm);
        margin: var(--space-4) 0 var(--space-5);
        padding: var(--space-3) var(--space-4);
    }
    #mail-settings.site-settings-mail .mail-settings-tabs
 {
        gap: var(--space-2);
        margin-bottom: var(--space-5);
        padding-bottom: var(--space-2);
    }
    #mail-settings.site-settings-mail .mail-settings-tab
 {
        padding: var(--space-3) var(--space-4);
        font-size: var(--text-sm);
    }
    #mail-settings.site-settings-mail .mail-settings-tab.is-active
 {
        margin-bottom: -1px;
    }
    #mail-settings.site-settings-mail .mail-config-subtabs
 {
        gap: var(--space-2);
        margin: var(--space-4) 0 var(--space-3);
    }
    #mail-settings.site-settings-mail .mail-config-subtab
 {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-sm);
    }
    #mail-settings.site-settings-mail .mail-hosting-hint
 {
        font-size: var(--text-sm);
        margin: 0 0 var(--space-4);
        padding: var(--space-3);
    }
    #mail-settings.site-settings-mail .mail-table
 {
        margin: var(--space-3) 0;
        font-size: var(--text-sm);
    }
    #mail-settings.site-settings-mail .mail-table th, #mail-settings.site-settings-mail .mail-table td
 {
        padding: var(--space-2) var(--space-3);
    }
    #mail-settings.site-settings-mail .mail-form-grid input[type="text"], #mail-settings.site-settings-mail .mail-form-grid input[type="email"], #mail-settings.site-settings-mail .mail-form-grid input[type="password"]
 {
        max-width: 100%;
    }
    #mail-settings.site-settings-mail h3
 {
        margin-top: var(--space-5);
        font-size: var(--text-lg);
    }
    #mail-settings.site-settings-mail h4
 {
        margin-top: var(--space-4);
        font-size: var(--text-base);
    }
    #mail-settings.site-settings-mail button
 {
        margin-top: var(--space-5);
        padding: var(--space-3) var(--space-5);
        font-size: var(--text-base);
        margin-right: var(--space-3);
        border-radius: var(--radius-md);
    }
    #mail-settings.site-settings-mail .verify-device-box
 {
        max-width: 400px;
        width: 90%;
        margin: var(--space-10) auto;
        padding: var(--space-5);
        border-radius: var(--radius-xl);
    }
    #mail-settings.site-settings-mail .verify-device-box .form-group
 {
        margin-bottom: var(--space-4);
        gap: var(--space-2);
    }
    #mail-settings.site-settings-mail .verification-input
 {
        width: 48px;
        height: 56px;
        font-size: var(--text-2xl);
    }
    #mail-settings.site-settings-mail .verify-device-box button
 {
        padding: var(--space-3) var(--space-6);
        font-size: var(--text-base);
        margin-top: var(--space-3);
        gap: var(--space-3);
    }
    #mail-settings.site-settings-mail .info-message
 {
        margin-bottom: var(--space-4);
    }
    
    .mail-settings-table col.mail-col-param
 { width: 38%; }
    .mail-settings-table col.mail-col-value
 { width: 42%; }
    .mail-settings-table col.mail-col-actions
 { width: 20%; }
    .mail-table--extra
 {
        font-size: var(--text-sm);
    }
    .mail-modal-content
 {
        width: 80%;
        max-width: 520px;
    }
    

/* view_logs.php — размеры (из view-logs.css) */
    .view-logs-page .log-subtitle
 {
        text-align: center;
        color: #6c757d;
        font-size: 14px;
        margin: -10px 0 20px 0;
    }
    .view-logs-page .log-view-switcher
 {
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .view-logs-page .log-switch-btn
 {
        background: #f9f9f9;
        color: #555;
        padding: 10px 20px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s ease;
        border: 2px solid #e0e0e0;
    }
    .view-logs-page .log-switch-btn:hover
 {
        background: #e0e0e0;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .view-logs-page .log-section
 {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .view-logs-page .log-section-title
 {
        color: #2792ae;
        margin: 0 0 15px 0;
        font-size: 16px;
        font-weight: 600;
    }
    .view-logs-page .log-section-subtitle
 {
        color: #495057;
        margin: 0 0 12px 0;
        font-size: 14px;
        font-weight: 600;
    }
    .view-logs-page .log-search-section
 {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .view-logs-page .log-search-form
 {
        display: flex;
        gap: 10px;
        margin-bottom: 15px;
        flex-wrap: wrap;
    }
    .view-logs-page .log-search-input
 {
        flex: 1;
        min-width: 200px;
        padding: 10px 15px;
        border: 2px solid #2792ae;
        border-radius: 8px;
        font-size: 14px;
        color: #495057;
    }
    .view-logs-page .log-search-input:focus
 {
        outline: none;
        border-color: #66BB6A;
        box-shadow: 0 0 0 3px rgba(102, 187, 106, 0.1);
    }
    .view-logs-page .log-search-btn
 {
        background: linear-gradient(135deg, #2792ae 0%, #3ba3c7 100%);
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    .view-logs-page .log-search-btn:hover
 {
        background: linear-gradient(135deg, #1a6d8a 0%, #2792ae 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(39, 146, 174, 0.3);
    }
    .view-logs-page .log-limit-buttons
 {
        display: flex;
        gap: 8px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .view-logs-page .log-limit-btn
 {
        background: var(--bg-surface);
        color: #495057;
        padding: 6px 12px;
        border-radius: 6px;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
        border: 2px solid #e9ecef;
        transition: all 0.3s ease;
        min-width: 50px;
        text-align: center;
    }
    .view-logs-page .stats-card
 {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    }
    .view-logs-page .stats-grid
 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 15px;
    }
    .view-logs-page .stats-card .stat-item
 {
        text-align: center;
        background: rgba(255, 255, 255, 0.14);
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 8px;
        padding: 12px 10px;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        position: relative;
        overflow: hidden;
    }
    .view-logs-page .stats-card .stat-item:hover
 {
        transform: none;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        background: rgba(255, 255, 255, 0.22);
    }
    .view-logs-page .stats-card .stat-item h4
 {
        margin: 0 0 5px 0;
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
    .view-logs-page .stats-card .stat-item small
 {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.88);
        opacity: 1;
        font-weight: 500;
    }
    .view-logs-page .log-display-section
 {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
    }
    .view-logs-page .log-display-title
 {
        color: #2792ae;
        margin: 0 0 15px 0;
        font-size: 16px;
        font-weight: 600;
    }
    .view-logs-page .log-entry
 {
        background: var(--bg-surface);
        border-left: 4px solid #2792ae;
        padding: 12px;
        margin-bottom: 12px;
        border-radius: 6px;
        font-family: "Courier New", monospace;
        font-size: 13px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }
    .view-logs-page .log-entry.legacy-log
 {
        border-left-color: #6c757d;
        background: #f1f3f5;
        font-size: 12px;
        padding: 8px 12px;
    }
    .view-logs-page .log-entry.legacy-warning
 {
        border-left-color: #ffc107;
        background: #fff8e1;
        font-size: 12px;
        padding: 8px 12px;
    }
    .view-logs-page .log-entry.legacy-error
 {
        border-left-color: #dc3545;
        background: #fff5f5;
        font-size: 12px;
        padding: 8px 12px;
    }
    .view-logs-page .log-entry-header
 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 15px;
        flex-wrap: wrap;
    }
    .view-logs-page .log-entry-message
 {
        flex: 1;
        min-width: 200px;
    }
    .view-logs-page .log-entry-message strong
 {
        color: #212529;
        font-size: 14px;
    }
    .view-logs-page .log-timestamp
 {
        color: #6c757d;
        font-size: 12px;
    }
    .view-logs-page .request-id
 {
        background: #e3f2fd;
        padding: 2px 8px;
        border-radius: 4px;
        font-family: monospace;
        font-size: 11px;
        color: #0066cc;
    }
    .view-logs-page .log-entry-badges
 {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
    }
    .view-logs-page .log-badge
 {
        padding: 4px 10px;
        border-radius: 12px;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .view-logs-page .log-details
 {
        margin-top: 10px;
    }
    .view-logs-page .log-details-summary
 {
        color: #2792ae;
        cursor: pointer;
        font-weight: 600;
        font-size: 13px;
        user-select: none;
    }
    .view-logs-page .log-details-content
 {
        background: #f5f5f5;
        padding: 10px;
        border-radius: 5px;
        margin-top: 10px;
        max-height: 400px;
        overflow-y: auto;
        font-size: 12px;
        line-height: 1.5;
    }
    .view-logs-page .cache-card
 {
        background: #ffffff;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        margin-bottom: 15px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }
    .view-logs-page .cache-card-header
 {
        background: var(--bg-surface);
        padding: 12px 15px;
        border-bottom: 1px solid #e9ecef;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    .view-logs-page .cache-card-header strong
 {
        color: #212529;
        font-size: 14px;
    }
    .view-logs-page .cache-card-header small
 {
        color: #6c757d;
        font-size: 12px;
    }
    .view-logs-page .cache-card-body
 {
        padding: 15px;
    }
    .view-logs-page .log-actions-card
 {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .view-logs-page .log-actions-title
 {
        color: #2792ae;
        margin: 0 0 15px 0;
        font-size: 16px;
        font-weight: 600;
    }
    .view-logs-page .log-action-buttons
 {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .view-logs-page .log-action-btn
 {
        padding: 10px 16px;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }
    .view-logs-page .log-action-btn:hover
 {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    .view-logs-page .log-info-card
 {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .view-logs-page .log-info-title
 {
        color: #2792ae;
        margin: 0 0 15px 0;
        font-size: 16px;
        font-weight: 600;
    }
    .view-logs-page .log-info-table tr
 {
        border-bottom: 1px solid #e9ecef;
    }
    .view-logs-page .log-info-table th
 {
        text-align: left;
        padding: 10px;
        font-weight: 600;
        color: #495057;
        width: 40%;
        /* Перенос длинных названий */
        word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-word;
        white-space: normal;
        max-width: 760px;
    }
    .view-logs-page .log-info-table td
 {
        padding: 10px;
        color: #212529;
    }
    .view-logs-page .log-info-table code
 {
        background: var(--bg-surface);
        padding: 2px 6px;
        border-radius: 3px;
        font-family: "Courier New", monospace;
        font-size: 12px;
        color: #e83e8c;
    }
    .view-logs-page .alert
 {
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .view-logs-page .alert-warning
 {
        background: #fff3cd;
        border-left: 4px solid #ffc107;
        color: #856404;
    }
    .view-logs-page .alert-info
 {
        background: #d1ecf1;
        border-left: 4px solid #17a2b8;
        color: #0c5460;
    }
    .view-logs-page .integration-quick-info
 {
        display: inline-block;
        font-size: 13px;
        color: #555;
        margin-top: 5px;
        padding: 5px 0;
    }
    .view-logs-page .integration-quick-info code
 {
        background: #f0f0f0;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 12px;
        color: #d63384;
    }
    .view-logs-page .user-info
 {
        font-size: 12px;
        color: #6c757d;
    }
    .view-logs-page .source-uri
 {
        font-size: 11px;
        color: #adb5bd;
        font-family: "Courier New", monospace;
    }
    .view-logs-page .log-entry.info .log-details, .view-logs-page .log-entry.warning .log-details, .view-logs-page .log-entry.error .log-details
 {
        margin-top: 8px;
    }
    .view-logs-page .log-copy-btn-container
 {
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 100;
    }
    .view-logs-page .log-copy-btn
 {
        background: var(--color-primary);
        border: none;
        border-radius: 6px;
        padding: 0;
        cursor: pointer;
        font-size: 18px;
        transition: all 0.2s;
        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
        color: white;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }
    .view-logs-page .log-copy-btn:hover
 {
        background: #0056b3;
        transform: scale(1.08);
        box-shadow: 0 3px 8px rgba(0,0,0,0.2);
    }
    .view-logs-page .log-entry-content-wrapper
 {
        padding-right: 50px;
        min-height: 40px;
    }
    

/* =============================================================================
 * Migrated from common.css (strict) — scripts/migrate_common_strict.py
 * ============================================================================= */
    .container
 {
        margin: var(--space-6) auto; box-shadow: var(--shadow-lg);
    }
    .filter-row
 {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }
    .log-category-buttons, .log-subcategory-buttons
 {
        gap: 8px;
    }
    .log-category-btn, .log-subcategory-btn
 {
        padding: 8px 16px;
        font-size: 13px;
        line-height: 1.4;
    }
    .filter-form select
 {
        width: 100%; line-height: 1.5; background-position: right var(--space-3) center; background-size: 12px; border: 2px solid var(--border); box-shadow: var(--shadow-xs);
    }
    .filter-form select:hover
 {
        box-shadow: var(--shadow-sm); transform: translateY(-1px);
    }
    .filter-form select:focus
 {
        outline: none; box-shadow: 0 0 0 4px rgba(39, 146, 174, 0.1), var(--shadow-md); transform: translateY(-2px);
    }
    .filter-form select:active
 {
        transform: translateY(0);
    }
    .filter-form select option
 {
        padding: var(--space-2);
    }
    .table-container
 {
        width: 100% !important; max-width: 100% !important; box-shadow: var(--shadow-md);
    }
    .card-body .table-container
 {
        width: 100% !important; max-width: 100% !important;
    }
    .deferred-actions-table
 {
        width: 100% !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-phone
 {
        width: auto !important; min-width: 0 !important; max-width: none !important;
    }
    table .text-muted
 {
        padding: var(--space-6) !important;
    }
    .admin-apostille-form-group
 {
        margin-bottom: var(--space-5);
    }
    .admin-apostille-form-group label
 {
        margin-bottom: var(--space-2);
    }
    .admin-apostille-form-group input, .admin-apostille-form-group select, .admin-apostille-form-group textarea, .admin-apostille-form-group .input, .admin-apostille-form-group .select, .admin-apostille-form-group .textarea
 {
        width: 100%; padding: var(--space-3) var(--space-4); border: 1px solid var(--border);
    }
    .admin-apostille-form-group input:focus, .admin-apostille-form-group select:focus, .admin-apostille-form-group textarea:focus, .admin-apostille-form-group .input:focus, .admin-apostille-form-group .select:focus, .admin-apostille-form-group .textarea:focus
 {
        outline: none; box-shadow: 0 0 0 3px rgba(39, 146, 174, 0.1);
    }
    .admin-apostille-form-group textarea, .admin-apostille-form-group .textarea
 {
        min-height: calc(var(--space-10) * 2);
    }
    .exam-item
 {
        border: 1px solid var(--border);
    }
    .exam-item label
 {
        margin: 0;
    }
    .exam-limit-info-success
 {
        border-left: calc(var(--space-1) * 4) solid var(--success); padding: var(--space-md);
    }
    .exam-limit-info-warning
 {
        border-left: calc(var(--space-1) * 4) solid var(--warning); padding: var(--space-md);
    }
    .modal-content-large
 {
        width: 90%;
    }
    .nav-icon
 {
        object-fit: contain;
    }
    .invitation-block
 {
        border: 2px solid var(--primary); margin-top: var(--space-4); margin-bottom: var(--space-4);
    }
    .invitation-block h4
 {
        margin-top: 0; margin-bottom: var(--space-4);
    }
    .invitation-buttons-container
 {
        min-width: 0;
    }
    .invitation-warning
 {
        padding: var(--space-3); border: 1px solid var(--warning);
    }
    .student-actions-container form
 {
        margin: 0;
    }
    .status-actions-table td
 {
        padding: 0;
    }
    .status-actions-table form
 {
        margin: 0;
    }
    .navigation-actions
 {
        margin-top: var(--space-4); margin-bottom: var(--space-4);
    }
    .student-search-container
 {
        margin-bottom: var(--space-3);
    }
    .search-results
 {
        top: 100%; left: 0; right: 0; border: 1px solid var(--border); box-shadow: var(--shadow-lg); max-height: calc(var(--space-16) * 3); margin-top: var(--space-1);
    }
    .search-results .search-result-item
 {
        padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border-light);
    }
    .search-results .search-result-item:last-child
 {
        border-bottom: none;
    }
    .selected-student-info
 {
        margin-top: var(--space-4); padding: var(--space-4); border: 1px solid var(--border);
    }
    .selected-students-header
 {
        margin-bottom: var(--space-3);
    }
    .selected-students-list
 {
        gap: var(--space-2);
    }
    .selected-student-item
 {
        padding: var(--space-2) var(--space-3); border: 1px solid var(--border);
    }
    .no-selected-students
 {
        padding: var(--space-4);
    }
    .deferred-actions-table
 {
        width: 100%;
    }
    .deferred-actions-table td, .deferred-actions-table th
 {
        padding: var(--space-2);
    }
    .deferred-actions-table td.message-phone
 {
        width: auto !important; min-width: 0 !important; max-width: none !important;
    }
    .deferred-actions-table
 {
        box-shadow: var(--shadow-sm); margin: 0; padding: 0;
    }
    .deferred-actions-table::before, .deferred-actions-table::after
 {
        width: 0; height: 0;
    }
    .deferred-actions-table colgroup::before, .deferred-actions-table colgroup::after, .deferred-actions-table col::before, .deferred-actions-table col::after
 {
        width: 0; height: 0;
    }
    .deferred-actions-table col.col-phone
 {
        min-width: calc(var(--space-16) * 2);
    }
    .deferred-actions-table col.col-time
 {
        min-width: calc(var(--space-16) * 2.5);
    }
    .deferred-actions-table col.col-action-1, .deferred-actions-table col.col-action-2
 {
        min-width: calc(var(--space-12) * 1.2);
    }
    .deferred-actions-table thead::before, .deferred-actions-table thead::after, .deferred-actions-table thead tr::before, .deferred-actions-table thead tr::after
 {
        width: 0; height: 0;
    }
    .deferred-actions-table thead th
 {
        padding: var(--space-3) var(--space-4); border-bottom: calc(var(--space-1) * 2) solid rgba(255, 255, 255, 0.2);
    }
    .deferred-actions-table thead th::before, .deferred-actions-table thead th::after
 {
        width: 0; height: 0;
    }
    .deferred-actions-table thead th:nth-child(1)
 {
        margin-left: 0; padding-left: var(--space-4);
    }
    .deferred-actions-table tbody::before, .deferred-actions-table tbody::after
 {
        width: 0; height: 0;
    }
    .deferred-actions-table tbody tr.message-main-row
 {
        border-bottom: 1px solid var(--border);
    }
    .deferred-actions-table tbody tr.message-main-row::before
 {
        left: 0; top: 0; bottom: 0; width: calc(var(--space-1) * 3);
    }
    .deferred-actions-table tbody tr.message-main-row td
 {
        padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border-light);
    }
    .deferred-actions-table tbody tr.message-main-row td::before, .deferred-actions-table tbody tr.message-main-row td::after
 {
        width: 0; height: 0; padding: 0; margin: 0;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-phone
 {
        margin-left: 0; padding-left: var(--space-4);
    }
    .deferred-actions-table tbody tr.message-main-row td.message-phone::before, .deferred-actions-table tbody tr.message-main-row td.message-phone::after
 {
        width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-actions form
 {
        margin: 0;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-actions .btn
 {
        width: 100%; max-width: 100%;
    }
    .deferred-actions-table tbody tr.message-content-row
 {
        border-bottom: calc(var(--space-3) * 2) solid var(--border-light);
    }
    .deferred-actions-table tbody tr.message-content-row td, .deferred-actions-table tbody tr.message-content-row td[colspan="4"], .deferred-actions-table tbody tr.message-content-row td.message-content-cell
 {
        padding: var(--space-4) var(--space-5); border-top: 1px solid var(--border-light); width: 100%;
    }
    .deferred-actions-table tbody tr.message-content-row .message-content-text
 {
        width: 100%;
    }
    .deferred-actions-table thead
 {
        margin: 0 !important; padding: 0 !important;
    }
    .deferred-actions-table thead::before, .deferred-actions-table thead::after
 {
        width: 0 !important; height: 0 !important;
    }
    .deferred-actions-table thead tr
 {
        margin: 0 !important; padding: 0 !important;
    }
    .deferred-actions-table thead tr::before, .deferred-actions-table thead tr::after
 {
        width: 0 !important; height: 0 !important;
    }
    .deferred-actions-table thead th
 {
        padding: var(--space-3) var(--space-4); border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }
    .deferred-actions-table colgroup::before, .deferred-actions-table colgroup::after, .deferred-actions-table col::before, .deferred-actions-table col::after
 {
        width: 0 !important; height: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row
 {
        border-bottom: 1px solid var(--border) !important; margin: 0 !important; padding: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row::before
 {
        left: 0; top: 0; bottom: 0; width: 3px;
    }
    .deferred-actions-table tbody tr.message-main-row td
 {
        padding: var(--space-3) var(--space-4) !important; border-bottom: 1px solid var(--border-light) !important; margin: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row td::before, .deferred-actions-table tbody tr.message-main-row td::after
 {
        width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-phone
 {
        margin-left: 0 !important; padding-left: var(--space-4) !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-phone::before, .deferred-actions-table tbody tr.message-main-row td.message-phone::after
 {
        width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-time
 {
        margin: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-actions, .deferred-actions-table tbody tr.message-main-row td[colspan="2"]
 {
        padding: var(--space-3) var(--space-4) !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-actions .d-flex
 {
        gap: var(--space-2);
    }
    .deferred-actions-table tbody tr.message-main-row td.message-actions form
 {
        margin: 0;
    }
    .deferred-actions-table tbody tr.message-content-row
 {
        border-bottom: calc(var(--space-3) * 2) solid var(--border-light) !important;
    }
    .deferred-actions-table tbody tr.message-content-row:hover
 {
        box-shadow: none !important;
    }
    .deferred-actions-table tbody tr.message-content-row td
 {
        border-top: 1px solid var(--border-light) !important; border-bottom: none !important; border-left: none !important; border-right: none !important; padding: var(--space-4) var(--space-5) !important;
    }
    .deferred-actions-table tbody tr.message-content-row td[colspan="4"], .deferred-actions-table tbody tr.message-content-row td.message-content-cell
 {
        padding: var(--space-4) var(--space-5) !important; border-top: 1px solid var(--border-light) !important; border-bottom: none !important; width: 100% !important; max-width: 100% !important;
    }
    .deferred-actions-table tbody tr.message-content-row .message-content-text
 {
        max-width: 100% !important; width: 100% !important;
    }
    .stats-section
 {
        margin-bottom: var(--space-6);
    }
    .stat-item
 {
        box-shadow: var(--shadow-sm); border: 1px solid var(--border); gap: var(--space-2);
    }
    .stat-item::before
 {
        top: 0; left: 0; right: 0; height: 4px;
    }
    .stat-item:hover
 {
        box-shadow: var(--shadow-md); transform: translateY(-2px);
    }
    .alert
 {
        margin-bottom: var(--space-md); border-left: 4px solid;
    }
    .info-box
 {
        border-left: 4px solid var(--primary); padding: var(--space-md) var(--space-lg); margin: var(--space-6) 0; box-shadow: var(--shadow-sm);
    }
    .info-box:hover
 {
        box-shadow: var(--shadow-md);
    }
    .info-box p
 {
        margin: 0;
    }
    .admin-alert
 {
        padding: var(--space-md) var(--space-lg); margin-bottom: var(--space-5); gap: var(--space-3); border-left: 4px solid;
    }
    .admin-hero-add-form
 {
        box-shadow: none;
    }
    .admin-curators-container
 {
        margin-top: var(--space-3); padding: var(--space-2) 0;
    }
    .admin-curator-option
 {
        margin: 0;
    }
    .admin-curator-option input[type="radio"]
 {
        width: 0; height: 0; margin: 0;
    }
    .admin-curator-option label
 {
        border: calc(var(--space-1) / 2) solid var(--border); box-shadow: var(--shadow-xs); min-height: calc(var(--space-6) + var(--space-1));
    }
    .admin-curator-option label:hover
 {
        box-shadow: var(--shadow-sm); transform: translateY(calc(var(--space-1) / -2));
    }
    .admin-curator-option input[type="radio"]:checked + label
 {
        box-shadow: var(--shadow-md); transform: translateY(calc(var(--space-1) / -2)) scale(1.02);
    }
    .admin-curator-option input[type="radio"]:focus-visible + label
 {
        outline: calc(var(--space-1) / 2) solid rgba(59, 130, 246, 0.3); outline-offset: var(--space-1);
    }
    .admin-curator-option input[type="radio"]:active + label
 {
        transform: translateY(0) scale(0.98);
    }
    .admin-nostrification-section
 {
        gap: var(--space-4);
    }
    .admin-info-text
 {
        margin: var(--space-2) 0; gap: var(--space-2);
    }
    .admin-info-text i
 {
        margin-top: var(--space-1);
    }
    .user-table.documents-table .form-inline
 {
        margin: 0; padding: 0;
    }
    .user-table.documents-table .form-inline button
 {
        margin: 0; padding: 0; border: none;
    }
    .admin-actions-buttons
 {
        gap: var(--space-2); margin-top: var(--space-4);
    }
    .admin-actions-buttons form
 {
        margin: 0; padding: 0;
    }
    .admin-info-section
 {
        margin-top: var(--space-4); padding: var(--space-4); border-left: 4px solid var(--primary);
    }
    .admin-info-section h4
 {
        margin-bottom: var(--space-3);
    }
    .admin-info-section .admin-info-text
 {
        margin: var(--space-2) 0;
    }
    .card::before
 {
        top: 0; left: -100%; width: 100%; height: 2px;
    }
    .card:hover::before
 {
        left: 0;
    }
    .card-header::before
 {
        left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 60%;
    }
    .online-indicator
 {
        width: 8px; height: 8px; box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    }
    .skeleton
 {
        background-size: 200% 100%;
    }
    .tooltip::before
 {
        bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-8px); padding: var(--space-2) var(--space-3); box-shadow: var(--shadow-lg);
    }
    .tooltip::after
 {
        bottom: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent;
    }
    .tooltip:hover::before, .tooltip:hover::after
 {
        transform: translateX(-50%) translateY(-4px);
    }
    .student-actions-container
 {
        margin: var(--space-lg) 0;
    }
    .navigation-actions
 {
        margin: var(--space-lg) 0; padding: var(--space-md);
    }
    .translation-statistics
 {
        margin: var(--space-6) 0; border: 1px solid var(--border);
    }
    .translation-section
 {
        margin: var(--space-6) 0;
    }
    .translation-section-title
 {
        margin-bottom: var(--space-4); gap: var(--space-2);
    }
    .translation-section-title-success
 {
        margin-bottom: var(--space-4); gap: var(--space-2);
    }
    .translation-section-title-danger
 {
        margin-bottom: var(--space-4); gap: var(--space-2);
    }
    .translation-complete-badge
 {
        gap: var(--space-1); padding: var(--space-1) var(--space-3);
    }
    .translation-partial-badge
 {
        gap: var(--space-1); padding: var(--space-1) var(--space-3);
    }
    .translation-success-box, .translation-danger-box, .translation-partial-box
 {
        border-left: 4px solid;
    }
    .translation-session-message
 {
        margin-bottom: var(--space-4); gap: var(--space-2);
    }
    .translation-message-success
 {
        border-left: 4px solid var(--success);
    }
    .translation-message-error
 {
        border-left: 4px solid var(--danger);
    }
    .translation-message-info
 {
        border-left: 4px solid var(--info);
    }
    .modal-loading
 {
        padding: var(--space-6);
    }
    .text-error
 {
        padding: var(--space-4);
    }
    .exam-limit-info-success, .exam-limit-info-warning
 {
        margin-bottom: var(--space-4); border-left: 4px solid;
    }
    .badge
 {
        gap: var(--space-1); padding: var(--space-1) var(--space-3);
    }
    .badge-count
 {
        border: 2px solid var(--bg-primary); box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(16, 185, 129, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count:hover
 {
        transform: scale(1.1); box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(16, 185, 129, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-online, .badge-count.badge-success
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(16, 185, 129, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-online:hover, .badge-count.badge-success:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(16, 185, 129, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-danger, .badge-count.badge-urgent
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(239, 68, 68, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-danger:hover, .badge-count.badge-urgent:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(239, 68, 68, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-warning
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(245, 158, 11, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-warning:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(245, 158, 11, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-info, .badge-count.badge-primary
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(59, 130, 246, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-info:hover, .badge-count.badge-primary:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(59, 130, 246, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-purple, .badge-count.badge-special
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(139, 92, 246, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-purple:hover, .badge-count.badge-special:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(139, 92, 246, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-secondary, .badge-count.badge-neutral
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(107, 114, 128, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-secondary:hover, .badge-count.badge-neutral:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(107, 114, 128, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-no-hover:hover
 {
        transform: none; box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(16, 185, 129, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .student-box-admin-info
 {
        border-left: 5px solid var(--primary); box-shadow: var(--shadow-md); margin-bottom: var(--space-6);
    }
    .student-box-admin-info:hover
 {
        box-shadow: var(--shadow-lg);
    }
    .student-box-title
 {
        margin: 0 0 var(--space-4) 0;
    }
    .admin-student-status
 {
        border: 2px solid var(--bg-primary); box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.15),
        0 4px 12px rgba(39, 146, 174, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    }
    .admin-student-status:hover
 {
        transform: scale(1.08); box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.2),
        0 6px 16px rgba(39, 146, 174, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    }
    .admin-student-status:active
 {
        transform: scale(1.02); box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.15),
        0 4px 12px rgba(39, 146, 174, 0.3),
        inset 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .student-box-admin-actions
 {
        max-width: 100%; min-width: 0; margin: 0;
    }
    .container .student-box-admin-actions, .student-box-admin-info + .student-box-admin-actions, .student-box-admin-actions
 {
        width: 100%; max-width: 100%; min-width: 0;
    }
    .student-box-admin-actions::-webkit-scrollbar
 {
        height: 6px;
    }
    .action-icon
 {
        border: 2px solid var(--border); box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.1),
        0 2px 4px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -1px 0 rgba(0, 0, 0, 0.05);
    }
    .action-icon::before
 {
        top: -50%; left: -50%; width: 200%; height: 200%;
    }
    .action-icon img, .action-icon i
 {
        object-fit: contain;
    }
    .action-icon:hover
 {
        transform: translateY(-4px) scale(1.05); box-shadow: 
        0 8px 16px rgba(0, 0, 0, 0.15),
        0 4px 8px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(0, 0, 0, 0.08),
        0 0 0 3px rgba(39, 146, 174, 0.1);
    }
    .action-icon:hover img, .action-icon:hover i
 {
        transform: scale(1.1);
    }
    .action-icon:active
 {
        transform: translateY(-2px) scale(1.02); box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.12),
        0 2px 4px rgba(0, 0, 0, 0.08),
        inset 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .action-icon:focus-visible
 {
        outline: 3px solid var(--primary); outline-offset: 2px;
    }
    .avatar-img
 {
        object-fit: cover; border: solid var(--bg-primary); box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.15),
        0 8px 16px rgba(39, 146, 174, 0.2),
        inset 0 2px 4px rgba(255, 255, 255, 0.3),
        inset 0 -2px 4px rgba(0, 0, 0, 0.1);
    }
    .avatar-img:hover
 {
        transform: scale(1.05); box-shadow: 
        0 6px 12px rgba(0, 0, 0, 0.2),
        0 12px 24px rgba(39, 146, 174, 0.3),
        inset 0 2px 4px rgba(255, 255, 255, 0.4),
        inset 0 -2px 4px rgba(0, 0, 0, 0.15);
    }
    .student-profile-header-container
 {
        margin-bottom: var(--space-lg);
    }
    .student-info-wrapper
 {
        width: 100%;
    }
    .user-table
 {
        width: 100%; margin: var(--space-lg) 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    .user-table[style*="table-layout: fixed"], .user-table.fixed-layout
 {
        box-shadow: var(--shadow-sm);
    }
    .user-table#online-users-table, .user-table#offline-users-table
 {
        width: 100%;
    }
    .table-wrapper
 {
        width: 100%; margin: var(--space-lg) 0;
    }
    .table-wrapper .user-table
 {
        margin: 0;
    }
    .page-container
 {
        width: 100%; max-width: 100%;
    }
    .stats-grid
 {
        margin: var(--space-xl) 0; padding: 0;
    }
    .stat-card
 {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .stat-card::before
 {
        top: 0; left: 0; right: 0; bottom: 0;
    }
    .stat-card:hover
 {
        transform: translateY(-2px) scale(1.02); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
    .stat-number
 {
        margin-bottom: var(--space-2);
    }
    .page-navigation
 {
        margin: var(--space-xl) 0;
    }
    .nav-list
 {
        padding: 0; margin: 0;
    }
    .nav-list li
 {
        margin: 0;
    }
    .user-table .action-icon:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .user-table .action-icon:hover
 {
        transform: none;
    }
    .user-table#attendance-table
 {
        width: 100%;
    }
    .status-present
 {
        gap: var(--space-1);
    }
    .status-late
 {
        gap: var(--space-1);
    }
    .status-absent
 {
        gap: var(--space-1);
    }
    .user-table#csrf-pages-table
 {
        width: 100%;
    }
    .user-table#csrf-ips-table
 {
        width: 100%;
    }
    .user-table#csrf-time-table
 {
        width: 100%;
    }
    .user-table#csrf-reports-table
 {
        width: 100%;
    }
    .user-table#csrf-debug-table
 {
        width: 100%;
    }
    .user-table#student-list-table
 {
        width: 100%;
    }
    .user-table#students-verified-table, .user-table#students-pending-table
 {
        width: 100%;
    }
    table#student-cost-view-table
 {
        width: 100%;
    }
    table#student-cost-view-table th.tbl__col--id, table#student-cost-view-table td.tbl__col--id
 {
        width: 4%;
    }
    .semesters-container
 {
        margin: var(--space-lg) 0;
    }
    .semester-block
 {
        border: 1px solid var(--border-light); box-shadow: var(--shadow-sm);
    }
    .semester-block:hover
 {
        box-shadow: var(--shadow-md); transform: translateY(-2px);
    }
    .semester-header
 {
        margin-bottom: var(--space-md); padding-bottom: var(--space-md); border-bottom: 1px solid var(--border-light);
    }
    .semester-title
 {
        margin: 0; gap: var(--space-2);
    }
    .semester-period
 {
        margin-left: var(--space-2);
    }
    .academic-year
 {
        padding: var(--space-1) var(--space-3);
    }
    .tbl#university-list-table
 {
        width: 100%;
    }
    .user-table th
 {
        border-bottom: 2px solid var(--border);
    }
    .user-table td
 {
        border-bottom: 1px solid var(--border-light);
    }
    .user-table td:first-child
 {
        width: 30%; font-size: inherit;
    }
    .user-table td:last-child
 {
        width: 70%; font-size: inherit;
    }
    .table-responsive + h3, h3 + .table-responsive
 {
        margin-top: var(--space-md);
    }
    h3 + .table-responsive, .table-responsive:first-child
 {
        margin-top: 0;
    }
    .table-responsive::-webkit-scrollbar
 {
        height: 8px;
    }
    .user-table tbody tr
 {
        border-bottom: 1px solid var(--border-light);
    }
    .user-table tbody tr:hover
 {
        box-shadow: inset 0 0 0 1px var(--border);
    }
    .user-table tbody tr:last-child
 {
        border-bottom: none;
    }
    .user-table .student-index-cell
 {
        border-bottom: 1px solid var(--border-light);
    }
    .user-table .student-name-cell
 {
        border-bottom: 1px solid var(--border-light);
    }
    .user-table .student-name-cell
 {
        max-width: none;
    }
    .user-table .student-status-cell, .user-table .student-payment-cell, .user-table .student-credentials-cell
 {
        width: 8%; min-width: 44px; padding: var(--space-md) var(--space-2); border-bottom: 1px solid var(--border-light);
    }
    .student-info
 {
        width: 100%; gap: var(--space-sm); font-size: inherit; max-width: none; min-width: 0;
    }
    .student-info::after
 {
        bottom: -2px; left: 0; width: 0; height: 2px;
    }
    .student-info:hover
 {
        transform: translateX(2px);
    }
    .student-info:hover::after
 {
        width: 100%;
    }
    .student-info:active
 {
        transform: translateX(0);
    }
    .student-info:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .gender-icon
 {
        object-fit: contain; border: none;
    }
    .payment-icon
 {
        width: 32px; height: 32px; object-fit: contain; border: none;
    }
    .login-pass-icon
 {
        width: 32px; height: 32px; object-fit: contain; border: none;
    }
    .payment-link
 {
        padding: var(--space-2); border: 1px solid var(--border-light);
    }
    .payment-link::before
 {
        top: 50%; left: 50%; width: 0; height: 0; transform: translate(-50%, -50%);
    }
    .payment-link:hover::before
 {
        width: 100px; height: 100px;
    }
    .payment-link:hover
 {
        transform: translateY(-2px); box-shadow: var(--shadow-md);
    }
    .payment-link:active
 {
        transform: translateY(0); box-shadow: var(--shadow-sm);
    }
    .payment-link:focus-visible
 {
        outline: 2px solid var(--accent-green); outline-offset: 2px;
    }
    .login-pass-link
 {
        padding: var(--space-2); border: 1px solid var(--border-light);
    }
    .login-pass-link::before
 {
        top: 50%; left: 50%; width: 0; height: 0; transform: translate(-50%, -50%);
    }
    .login-pass-link:hover::before
 {
        width: 100px; height: 100px;
    }
    .login-pass-link:hover
 {
        transform: translateY(-2px); box-shadow: var(--shadow-md);
    }
    .login-pass-link:active
 {
        transform: translateY(0); box-shadow: var(--shadow-sm);
    }
    .login-pass-link:focus-visible
 {
        outline: 2px solid var(--accent-blue); outline-offset: 2px;
    }
    .status-icon:hover
 {
        transform: scale(1.15);
    }
    .status-icon, .status-icon:hover, .payment-link, .payment-link:hover, .payment-link:active, .login-pass-link, .login-pass-link:hover, .login-pass-link:active
 {
        transform: none;
    }
    .student-actions-mobile
 {
        gap: var(--space-md);
    }
    .credentials-modal
 {
        inset: 0;
    }
    .credentials-modal__backdrop
 {
        inset: 0;
    }
    .credentials-modal__dialog
 {
        box-shadow: var(--shadow-2xl); gap: var(--space-4); max-height: 90vh;
    }
    .credentials-modal__close
 {
        top: var(--space-3); right: var(--space-3); border: none;
    }
    .credentials-modal__close:hover
 {
        transform: scale(1.05);
    }
    .credentials-modal__close:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .credentials-modal__header
 {
        gap: var(--space-3); padding-right: var(--space-10);
    }
    .credentials-modal__title
 {
        margin: 0;
    }
    .credentials-modal__copy-btn
 {
        border: none;
    }
    .credentials-modal__copy-btn:hover
 {
        transform: translateY(-1px);
    }
    .credentials-modal__copy-btn:focus-visible
 {
        outline: 2px solid var(--info); outline-offset: 2px;
    }
    .credentials-modal__body
 {
        gap: var(--space-4);
    }
    .credentials-modal__row
 {
        gap: var(--space-2);
    }
    .credentials-modal__value
 {
        border: 1px solid var(--border);
    }
    .credentials-modal__close:hover, .credentials-modal__copy-btn:hover
 {
        transform: none;
    }
    .user-table .empty-row
 {
        padding: var(--space-xl) var(--space-lg);
    }
    .section-title
 {
        gap: var(--space-md); margin: var(--space-xl) 0 var(--space-lg);
    }
    .section-title i
 {
        font-size: 0.9em;
    }
    .section-title .badge-count
 {
        top: auto; right: auto; margin-left: var(--space-sm);
    }
    .page-header
 {
        gap: var(--space-lg); margin-bottom: var(--space-xl);
    }
    .page-header form
 {
        margin: 0;
    }
    .search-container
 {
        gap: var(--space-md); min-width: 300px;
    }
    .search-input
 {
        min-width: 200px;
    }
    .search-type
 {
        min-width: 150px;
    }
    .search-autocomplete-wrapper
 {
        min-width: 200px;
    }
    .search-autocomplete-list
 {
        top: 100%; left: 0; right: 0; border: 1px solid var(--border); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); max-height: 300px; margin-top: var(--space-1);
    }
    .search-autocomplete-list:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .autocomplete-item
 {
        padding: var(--space-md) var(--space-lg); border-bottom: 1px solid var(--border-light); gap: var(--space-md);
    }
    .autocomplete-item:last-child
 {
        border-bottom: none;
    }
    .autocomplete-item:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: -2px;
    }
    .autocomplete-role
 {
        padding: var(--space-1) var(--space-2);
    }
    .autocomplete-type
 {
        padding: var(--space-1) var(--space-2);
    }
    .autocomplete-no-results
 {
        padding: var(--space-md) var(--space-lg);
    }
    .user-table.documents-table .action-btn, .user-table.documents-table button.action-btn, .user-table.documents-table form .action-btn
 {
        border: 2px solid var(--border); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); padding: 0; margin: 0; font-size: inherit;
    }
    .user-table.documents-table .action-btn::before
 {
        top: 50%; left: 50%; width: 0; height: 0; transform: translate(-50%, -50%);
    }
    .user-table.documents-table .action-btn:hover::before
 {
        width: 120px; height: 120px;
    }
    .user-table.documents-table .action-btn:hover
 {
        transform: translateY(-3px) scale(1.05); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); border-width: 2px;
    }
    .user-table.documents-table .action-btn:active
 {
        transform: translateY(-1px) scale(1.02); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    }
    .user-table.documents-table .action-btn i, .user-table.documents-table button.action-btn i, .user-table.documents-table form .action-btn i
 {
        width: 100%; height: 100%;
    }
    .user-table.documents-table .action-btn:hover i, .user-table.documents-table button.action-btn:hover i, .user-table.documents-table form .action-btn:hover i
 {
        transform: scale(1.15);
    }
    .user-table .action-btn, .user-table button.action-btn, .user-table form .action-btn
 {
        border: 2px solid var(--border); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); padding: 0; margin: 0; font-size: inherit;
    }
    .user-table .action-btn::before
 {
        top: 50%; left: 50%; width: 0; height: 0; transform: translate(-50%, -50%);
    }
    .user-table .action-btn:hover::before
 {
        width: 120px; height: 120px;
    }
    .user-table .action-btn:hover
 {
        transform: translateY(-3px) scale(1.05); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); border-width: 2px;
    }
    .user-table .action-btn:active
 {
        transform: translateY(-1px) scale(1.02); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    }
    .user-table .action-btn i, .user-table button.action-btn i, .user-table form .action-btn i
 {
        width: 100%; height: 100%;
    }
    .user-table .action-btn:hover i, .user-table button.action-btn:hover i, .user-table form .action-btn:hover i
 {
        transform: scale(1.15);
    }
    .user-table .action-btn:focus-visible
 {
        outline: 3px solid var(--primary); outline-offset: 2px;
    }
    .user-table.documents-table .status-badge
 {
        gap: var(--space-1);
    }
    .admin-nostrification-section .btn-primary, .admin-nostrification-section .btn-secondary
 {
        gap: var(--space-2); border: 1px solid transparent; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-right: var(--space-2); margin-bottom: 0;
    }
    .admin-nostrification-section .btn-primary:last-child, .admin-nostrification-section .btn-secondary:last-child
 {
        margin-right: 0;
    }
    .main-navigation
 {
        padding: 0 0 var(--space-5) 0; margin: var(--space-4) 0;
    }
    .main-navigation ul
 {
        padding: 0; margin: 0 auto; gap: var(--space-2); max-width: 100%;
    }
    .main-navigation li
 {
        margin: 0;
    }
    .main-navigation li a
 {
        min-height: 40px; min-width: 120px; max-width: 100%; gap: var(--space-2); border: 1px solid var(--border);
    }
    .main-navigation li a span
 {
        margin-left: var(--space-2);
    }
    .main-navigation li a i
 {
        min-width: 20px;
    }
    .main-navigation li a:hover
 {
        transform: scale(1.05); box-shadow: var(--shadow-md);
    }
    .main-navigation li a:hover i
 {
        transform: scale(1.1);
    }
    .main-navigation li a:active
 {
        transform: scale(0.95);
    }
    .main-navigation li a:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .university-modal
 {
        left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100vh !important; margin: 0 !important; padding: 0 !important;
    }
    .university-modal.active
 {
        width: 100vw !important; height: 100vh !important; max-width: none !important; inset: 0 !important; font-size: inherit !important;
    }
    .university-modal-dialog
 {
        box-shadow: var(--shadow-2xl); transform: translateY(-20px); max-height: 90vh; margin: 0 !important;
    }
    .university-modal.active .university-modal-dialog
 {
        transform: translateY(0);
    }
    .university-modal-title
 {
        margin-bottom: var(--space-4);
    }
    .university-modal-close
 {
        width: 32px; height: 32px;
    }
    .university-modal-close:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .university-modal-dialog .head-icon-menu
 {
        margin: 0; padding: 0; gap: var(--space-3);
    }
    .university-modal-dialog .head-icon-menu li
 {
        margin: 0; padding: 0;
    }
    .university-modal-dialog .head-icon-menu a, .university-modal-dialog .head-icon-menu .menu-link
 {
        border-bottom: none !important;
    }
    .university-modal-dialog .head-icon-menu a::after, .university-modal-dialog .head-icon-menu .menu-link::after
 {
        width: 0 !important; height: 0 !important;
    }
    .university-modal-dialog .head-icon-menu a:hover, .university-modal-dialog .head-icon-menu .menu-link:hover
 {
        border-bottom: none !important;
    }
    .university-modal-dialog .head-icon-menu a:hover::after, .university-modal-dialog .head-icon-menu .menu-link:hover::after
 {
        width: 0 !important; height: 0 !important;
    }
    .university-modal-dialog .head-icon-menu a.menu-active, .university-modal-dialog .head-icon-menu .menu-link.menu-active
 {
        border-bottom: none !important;
    }
    .university-modal-dialog .head-icon-menu a.menu-active::after, .university-modal-dialog .head-icon-menu .menu-link.menu-active::after
 {
        width: 0 !important; height: 0 !important;
    }
    .border-none
 {
        border: none;
    }
    .col-actions
 {
        gap: var(--space-3);
    }
    .gap-2
 {
        gap: var(--space-2);
    }
    .gap-3
 {
        gap: var(--space-3);
    }
    .gap-4
 {
        gap: var(--space-4);
    }
    .gap-5
 {
        gap: var(--space-5);
    }
    .gap-6
 {
        gap: var(--space-6);
    }
    .grid-auto-fit
 {
        gap: var(--space-2);
    }
    .ml-auto
 {
        margin-left: auto;
    }
    .my-6
 {
        margin: var(--space-6) 0;
    }
    .list-unstyled
 {
        padding: 0; margin: 0;
    }
    .border-top
 {
        border-top: 1px solid var(--border-light);
    }
    .pt-4
 {
        padding-top: var(--space-4);
    }
    .filters-container
 {
        gap: var(--space-3); width: 100%; padding: var(--space-3) 0;
    }
    .filters-container > div
 {
        gap: var(--space-1); min-width: 150px;
    }
    .filters-container label
 {
        gap: var(--space-2);
    }
    .filters-container select, .filters-container input
 {
        width: 100%; min-height: 36px; padding: var(--space-2) var(--space-3); border: 1px solid var(--border);
    }
    .filters-group-wrapper
 {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: var(--space-5); width: 100%; padding: var(--space-4) 0;
    }
    .filters-group
 {
        gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--border-light); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }
    .filters-group:hover
 {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }
    .filters-group-title
 {
        gap: var(--space-2); margin: 0; padding: var(--space-2) 0; border-bottom: 2px solid var(--primary); padding-bottom: var(--space-3);
    }
    .filters-group-fields
 {
        gap: var(--space-3);
    }
    .filter-field
 {
        gap: var(--space-1);
    }
    .filter-field label
 {
        gap: var(--space-2);
    }
    .filter-field select, .filter-field input
 {
        width: 100%; min-height: 36px; padding: var(--space-2) var(--space-3); border: 1px solid var(--border);
    }
    .filter-field select:focus, .filter-field input:focus
 {
        outline: none; box-shadow: 0 0 0 3px rgba(39, 146, 174, 0.1);
    }
    .pb-4
 {
        padding-bottom: var(--space-4);
    }
    .pt-2
 {
        padding-top: var(--space-2);
    }
    .mt-2
 {
        margin-top: var(--space-2);
    }
    .w-40
 {
        width: 40px;
    }
    .h-40
 {
        height: 40px;
    }
    .w-100
 {
        width: 100%;
    }
    .h-20px
 {
        height: 20px;
    }
    .h-100
 {
        height: 100%;
    }
    .left-0
 {
        left: 0;
    }
    .top-0
 {
        top: 0;
    }
    .px-2
 {
        padding-left: var(--space-2); padding-right: var(--space-2);
    }
    .mt-10
 {
        margin-top: var(--space-10);
    }
    .mb-4
 {
        margin-bottom: var(--space-4);
    }
    .mb-5
 {
        margin-bottom: var(--space-5);
    }
    .mb-6
 {
        margin-bottom: var(--space-6);
    }
    .min-w-80px
 {
        min-width: 80px;
    }
    .min-w-100px
 {
        min-width: 100px;
    }
    .min-w-120px
 {
        min-width: 120px;
    }
    .min-w-130px
 {
        min-width: 130px;
    }
    .min-w-150px
 {
        min-width: 150px;
    }
    .max-w-120px
 {
        max-width: 120px;
    }
    .max-w-150px
 {
        max-width: 150px;
    }
    .w-48
 {
        width: 48%;
    }
    .py-2
 {
        padding-top: var(--space-2); padding-bottom: var(--space-2);
    }
    .section-title
 {
        margin-bottom: var(--space-5); border-bottom: 2px solid var(--primary); padding-bottom: var(--space-2);
    }
    .my-5
 {
        margin: var(--space-5) 0;
    }
    .my-2
 {
        margin: var(--space-2) 0;
    }
    .my-4
 {
        margin: var(--space-4) 0;
    }
    .my-3
 {
        margin: var(--space-3) 0;
    }
    .border-left-4
 {
        border-left: 4px solid var(--success);
    }
    .mb-8
 {
        margin-bottom: var(--space-8);
    }
    .mt-4
 {
        margin-top: var(--space-4);
    }
    .mt-5
 {
        margin-top: var(--space-5);
    }
    .p-4
 {
        padding: var(--space-4);
    }
    .p-5
 {
        padding: var(--space-5);
    }
    .p-10
 {
        padding: var(--space-10);
    }
    .ml-2
 {
        margin-left: var(--space-2);
    }
    .p-1
 {
        padding: var(--space-1);
    }
    .m-1
 {
        margin: var(--space-1);
    }
    .mb-1
 {
        margin-bottom: var(--space-1);
    }
    .mt-1
 {
        margin-top: var(--space-1);
    }
    .ml-1
 {
        margin-left: var(--space-1);
    }
    .mr-1
 {
        margin-right: var(--space-1);
    }
    .p-2
 {
        padding: var(--space-2);
    }
    .px-4
 {
        padding-left: var(--space-4); padding-right: var(--space-4);
    }
    .m-2
 {
        margin: var(--space-2);
    }
    .mb-2
 {
        margin-bottom: var(--space-2);
    }
    .mr-2
 {
        margin-right: var(--space-2);
    }
    .p-3
 {
        padding: var(--space-3);
    }
    .m-3
 {
        margin: var(--space-3);
    }
    .mb-3
 {
        margin-bottom: var(--space-3);
    }
    .mt-3
 {
        margin-top: var(--space-3);
    }
    .ml-3
 {
        margin-left: var(--space-3);
    }
    .mr-3
 {
        margin-right: var(--space-3);
    }
    .m-4
 {
        margin: var(--space-4);
    }
    .ml-4
 {
        margin-left: var(--space-4);
    }
    .mr-4
 {
        margin-right: var(--space-4);
    }
    .m-5
 {
        margin: var(--space-5);
    }
    .ml-5
 {
        margin-left: var(--space-5);
    }
    .mr-5
 {
        margin-right: var(--space-5);
    }
    .p-6
 {
        padding: var(--space-6);
    }
    .m-6
 {
        margin: var(--space-6);
    }
    .mt-6
 {
        margin-top: var(--space-6);
    }
    .ml-6
 {
        margin-left: var(--space-6);
    }
    .mr-6
 {
        margin-right: var(--space-6);
    }
    .p-7
 {
        padding: var(--space-7);
    }
    .m-7
 {
        margin: var(--space-7);
    }
    .mb-7
 {
        margin-bottom: var(--space-7);
    }
    .mt-7
 {
        margin-top: var(--space-7);
    }
    .ml-7
 {
        margin-left: var(--space-7);
    }
    .mr-7
 {
        margin-right: var(--space-7);
    }
    .p-8
 {
        padding: var(--space-8);
    }
    .m-8
 {
        margin: var(--space-8);
    }
    .ml-8
 {
        margin-left: var(--space-8);
    }
    .mr-8
 {
        margin-right: var(--space-8);
    }
    .p-9
 {
        padding: var(--space-9);
    }
    .m-9
 {
        margin: var(--space-9);
    }
    .mb-9
 {
        margin-bottom: var(--space-9);
    }
    .mt-9
 {
        margin-top: var(--space-9);
    }
    .ml-9
 {
        margin-left: var(--space-9);
    }
    .mr-9
 {
        margin-right: var(--space-9);
    }
    .m-10
 {
        margin: var(--space-10);
    }
    .mb-10
 {
        margin-bottom: var(--space-10);
    }
    .ml-10
 {
        margin-left: var(--space-10);
    }
    .mr-10
 {
        margin-right: var(--space-10);
    }
    .inline-style-1, .inline-style-2
 {
        gap: 8px; margin-right: 10px;
    }
    .inline-style-3
 {
        margin-top: 5px;
    }
    .inline-style-5
 {
        margin-left: 24px; margin-top: 4px;
    }
    .inline-style-6
 {
        margin-right: 8px;
    }
    .bg-p-1
 {
        padding: 8px;
    }
    .inline-style-7
 {
        margin-left: 24px; margin-top: 4px;
    }
    .inline-style-8
 {
        margin-right: 8px;
    }
    .bg-p-m
 {
        margin-bottom: 10px; padding: 8px;
    }
    .inline-style-9
 {
        padding-top: 10px;
    }
    .p-11
 {
        padding: 0 10px;
    }
    .bg-p-2
 {
        padding: 15px 0; border-left: 4px solid #2196F3;
    }
    .inline-style-11
 {
        margin-left: 10px;
    }
    .inline-style-12
 {
        margin-left: 10px;
    }
    .inline-style-13
 {
        margin-left: 10px;
    }
    .inline-style-14
 {
        margin-left: 10px;
    }
    .inline-style-15
 {
        margin-left: 10px;
    }
    .inline-style-16
 {
        margin-left: 10px;
    }
    .inline-style-17
 {
        margin-left: 10px;
    }
    .inline-style-18
 {
        margin-left: 10px;
    }
    .inline-style-19
 {
        margin-left: 10px;
    }
    .inline-style-20
 {
        margin-left: 10px;
    }
    .inline-style-21
 {
        margin-left: 10px;
    }
    .inline-style-22
 {
        margin-left: 10px;
    }
    .inline-style-23
 {
        margin-left: 10px;
    }
    .inline-style-24
 {
        margin-left: 10px;
    }
    .inline-style-25
 {
        margin-left: 10px;
    }
    .inline-style-26
 {
        margin-left: 10px;
    }
    .inline-style-27
 {
        margin-left: 10px;
    }
    .inline-style-28
 {
        margin-left: 10px;
    }
    .inline-style-29
 {
        margin-left: 10px;
    }
    .inline-style-30
 {
        margin-left: 10px;
    }
    .inline-style-31
 {
        margin-left: 10px;
    }
    .inline-style-32
 {
        margin-left: 10px;
    }
    .inline-style-33
 {
        margin-left: 10px;
    }
    .inline-style-34
 {
        margin-left: 10px;
    }
    .inline-style-35
 {
        margin-left: 10px;
    }
    .inline-style
 {
        gap: 8px;
    }
    .utility
 {
        top: 2px; left: 50%; transform: translateX(-50%);
    }
    .utility-1
 {
        padding-top: 10px;
    }
    .bg-p-text
 {
        right: 5px; top: 50%; transform: translateY(-50%); font-size: 1.2em; padding: 0;
    }
    .utility-2
 {
        padding-right: 40px; width: 100%;
    }
    .utility-3
 {
        width: 100%;
    }
    .utility-6
 {
        gap: 10px;
    }
    .utility-8
 {
        min-width: 250px;
    }
    .utility-9
 {
        min-width: 200px;
    }
    .bg-m-border
 {
        margin: 10px 0; border: 1px solid #ccc;
    }
    .bg-border
 {
        border: 1px solid var(--color-success);
    }
    .utility-17
 {
        width: 100%;
    }
    .utility-18
 {
        width: 300px;
    }
    .bg-border-5
 {
        border-left: 4px solid #17a2b8;
    }
    .bg-border-6
 {
        border-left: 4px solid #ff9800;
    }
    .utility-27
 {
        gap: 10px;
    }
    .bg-border-7
 {
        border-left: 4px solid #2196F3;
    }
    .utility-31
 {
        width: 280px;
    }
    .utility-32
 {
        margin-left: 20px; margin-top: 10px;
    }
    .mt-15
 {
        margin-top: 15px;
    }
    .utility-35
 {
        max-height: 300px;
    }
    .bg-border-8
 {
        border-left: 4px solid #ffc107;
    }
    .bg-m-border-1
 {
        border-left: 4px solid #dc3545; margin: 15px 0;
    }
    .m-border
 {
        margin: 15px 0; border-left: 4px solid #28a745;
    }
    .m-border-1
 {
        margin: 15px 0; border-left: 4px solid #2792ae;
    }
    .utility-40
 {
        min-width: 150px;
    }
    .utility-41
 {
        min-width: 0;
    }
    .bg-border-9
 {
        border-left: 4px solid var(--color-success);
    }
    .m-text
 {
        margin: 0;
    }
    .bg-m-border-2
 {
        border: 2px solid #ffc107; margin: 20px 0;
    }
    .bg-border-10
 {
        border-left: 3px solid #ffc107;
    }
    .utility-45
 {
        border-bottom: 3px solid #667eea; padding-bottom: 10px;
    }
    .utility-47
 {
        width: 18px; height: 18px;
    }
    .bg-border-11
 {
        border: 2px solid #f44336;
    }
    .bg-border-12
 {
        border: 2px solid #ff9800;
    }
    .bg-border-13
 {
        border: 2px solid var(--color-success);
    }
    .utility-50
 {
        gap: 15px;
    }
    .bg-border-14
 {
        border: 2px solid #667eea;
    }
    .bg-border-15
 {
        border: 2px solid #ffc107;
    }
    .bg-border-16
 {
        border: 1px solid #ddd;
    }
    .utility-53
 {
        gap: 10px;
    }
    .bg-border-17
 {
        gap: 20px; border: 2px solid #667eea;
    }
    .m-text-1
 {
        margin-top: -20px;
    }
    .exam-ticket-signature-cell
 {
        border-bottom: 1px solid black;
    }
    .exam-ticket-meta-label
 {
        border-bottom: 0px solid black;
    }
    .exam-ticket-label-cell
 {
        border-bottom: 0px solid black;
    }
    .exam-ticket-value-cell, .utility-59
 {
        border-bottom: 1px solid black;
    }
    .exam-ticket-banner-cell
 {
        border-bottom: 0px solid black;
    }
    .exam-ticket-header-main
 {
        width: 80%;
    }
    .exam-ticket-logo
 {
        max-height: 80px;
    }
    .exam-ticket-logo-col
 {
        width: 20%;
    }
    .exam-ticket-table, .utility-64
 {
        width: 100%;
    }
    .utility-67
 {
        width: 100%;
    }
    .utility-69
 {
        height: 120px;
    }
    .utility-71
 {
        width: 200px;
    }
    .utility-74
 {
        min-width: 220px;
    }
    .utility-75
 {
        width: 80px;
    }
    .bg-border-18
 {
        border-left: 4px solid #ffc107;
    }
    .utility-76
 {
        gap: 15px;
    }
    .bg-border-21
 {
        border-left: 4px solid #2196F3;
    }
    .bg-m-border-3
 {
        margin: 20px 0; border-left: 4px solid #28a745;
    }
    .utility-78
 {
        gap: 15px;
    }
    .utility-79
 {
        gap: 15px;
    }
    .utility-80
 {
        width: 70%;
    }
    .utility-81
 {
        gap: 15px;
    }
    .gap-md
 {
        gap: 10px;
    }
    .utility-85
 {
        gap: 15px;
    }
    .utility-86
 {
        gap: 15px;
    }
    .utility-87
 {
        gap: 20px;
    }
    .bg-border-23
 {
        border: 1px solid #bee5eb;
    }
    .scrollable-list
 {
        max-height: 400px;
    }
    .bg-border-24
 {
        border-left: 4px solid #ffc107;
    }
    .scrollable-list-sm
 {
        max-height: 200px;
    }
    .utility-94
 {
        max-width: 200px;
    }
    .utility-98
 {
        width: 100px;
    }
    .utility-100
 {
        width: 150px;
    }
    .utility-101
 {
        width: 120px;
    }
    .utility-102
 {
        gap: 4px;
    }
    .m-border-2
 {
        margin: 4px 0; border: 1px solid #e9ecef;
    }
    .utility-105
 {
        transform: scale(1.2);
    }
    .bg-text-4
 {
        top: -1px; right: -1px;
    }
    .bg-border-28
 {
        border: 2px solid " . ($isStandard ? "#28a745" : "#dee2e6") . ";
    }
    .utility-106
 {
        gap: 15px;
    }
    .utility-107
 {
        border-bottom: 2px solid var(--color-primary); padding-bottom: 8px;
    }
    .bg-border-29
 {
        border-left: 4px solid #2196f3;
    }
    .m-border-3
 {
        margin: 20px 0; border: 1px solid #dee2e6;
    }
    .utility-113
 {
        border-bottom: 1px солид блэк;
    }
    .utility-117
 {
        border-bottom: 1px solid black;
    }
    .m-text-2
 {
        width: 100%; margin-top: -5px;
    }
    .utility-118
 {
        width: 100%;
    }
    .utility-121
 {
        border-bottom: 1px solid black;
    }
    .utility-122
 {
        border-bottom: 1px solid black;
    }
    .utility-123
 {
        border-bottom: 1px солид блэк;
    }
    .utility-124
 {
        width: 100%;
    }
    .utility-126
 {
        border-bottom: 1px солид блэк;
    }
    .utility-128
 {
        width: 65px;
    }
    .utility-129
 {
        max-width: calc(var(--space-8) * 4.6875); max-height: calc(var(--space-8) * 4.6875);
    }
    .logo-container
 {
        margin-bottom: var(--space-6);
    }
    .logo-image
 {
        max-height: calc(var(--space-8) * 3.125); box-shadow: var(--shadow-sm);
    }
    .bg-m-border-4
 {
        margin: 15px 0; border: 2px solid var(--color-success);
    }
    .utility-130
 {
        gap: 5px;
    }
    .utility-131
 {
        gap: 15px;
    }
    .utility-133
 {
        gap: 20px;
    }
    .utility-135
 {
        min-width: 200px;
    }
    .utility-136
 {
        gap: 5px;
    }
    .bg-border-33
 {
        border: 1px solid #ccc;
    }
    .m-border-4
 {
        border-left: 4px solid var(--color-primary); margin: 10px 0;
    }
    .free-slots-container
 {
        max-width: 1400px; margin: var(--space-5) auto; padding: var(--space-5);
    }
    .results-container
 {
        padding: var(--space-5); box-shadow: var(--shadow-md);
    }
    .students-info
 {
        padding: var(--space-md); margin-bottom: var(--space-5); border-left: 4px solid var(--primary);
    }
    .students-info h3
 {
        margin: 0 0 var(--space-sm) 0;
    }
    .analyze-btn
 {
        padding: var(--space-md) var(--space-8); border: none; font-size: calc(var(--text-base) * 1); width: 100%; margin-top: var(--space-sm);
    }
    .analyze-btn:hover
 {
        transform: translateY(-2px); box-shadow: var(--shadow-lg);
    }
    .analyze-btn:active
 {
        transform: translateY(0);
    }
    .summary-cards
 {
        gap: var(--space-md); margin-bottom: var(--space-8);
    }
    .summary-card
 {
        padding: var(--space-5); box-shadow: var(--shadow-md);
    }
    .summary-card:hover
 {
        transform: translateY(-2px); box-shadow: var(--shadow-lg);
    }
    .summary-value
 {
        font-size: calc(var(--text-4xl) * 1); margin-bottom: var(--space-xs);
    }
    .summary-label
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .slot-card
 {
        border: 2px solid var(--border); padding: var(--space-5); margin-bottom: var(--space-5); box-shadow: var(--shadow-sm);
    }
    .slot-card:hover
 {
        box-shadow: var(--shadow-md); transform: translateY(-2px);
    }
    .slot-header
 {
        margin-bottom: var(--space-md); padding-bottom: var(--space-sm); border-bottom: 2px solid var(--border-light);
    }
    .slot-title
 {
        font-size: calc(var(--text-xl) * 1.25);
    }
    .slot-badge
 {
        padding: var(--space-xs) var(--space-md); font-size: calc(var(--text-base) * 0.875);
    }
    .slot-stats
 {
        gap: var(--space-md); margin-top: var(--space-md);
    }
    .stat-label
 {
        margin-top: var(--space-xs);
    }
    .stat-card--simple
 {
        padding: var(--space-2); box-shadow: none; border: none;
    }
    .stat-card--simple:hover
 {
        transform: none; box-shadow: none;
    }
    .stat-label--light
 {
        margin-top: var(--space-1);
    }
    .progress-bar-container
 {
        padding: calc(var(--space-1) * 0.375); margin: var(--space-md) 0;
    }
    .progress-bar
 {
        height: calc(var(--space-md) * 1.25); width: 0%;
    }
    .progress-text
 {
        margin-top: var(--space-1);
    }
    .progress-fill
 {
        height: 100%; font-size: calc(var(--text-base) * 0.75);
    }
    .file-preview-container
 {
        max-height: calc(var(--space-6) * 12.5); border: 1px solid var(--border-light); padding: var(--space-md);
    }
    .file-preview-item
 {
        border: 1px solid var(--border-light); padding: var(--space-2); margin: var(--space-1) 0;
    }
    .student-list
 {
        margin-top: var(--space-md);
    }
    .student-list-toggle
 {
        border: none; padding: var(--space-sm); width: 100%;
    }
    .student-list-content
 {
        margin-top: var(--space-sm); max-height: 300px;
    }
    .student-item
 {
        border: 1px solid var(--border);
    }
    .student-item:hover
 {
        box-shadow: var(--shadow-sm);
    }
    .exam-student-list
 {
        gap: var(--space-2);
    }
    .exam-student-item
 {
        gap: var(--space-3);
    }
    .exam-student-absent:hover
 {
        box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
    }
    .exam-student-text
 {
        margin-top: var(--space-1);
    }
    .exam-student-text-dark
 {
        margin-top: var(--space-1);
    }
    .exam-select-all-label
 {
        margin: 0;
    }
    .contact-option
 {
        border: 2px solid transparent; padding: var(--space-md);
    }
    .no-results
 {
        padding: var(--space-10); font-size: calc(var(--text-lg) * 1.125);
    }
    .uni-table-container
 {
        box-shadow: var(--shadow-sm); max-width: 100%;
    }
    .uni-table-container--scrollable
 {
        max-height: calc(
        var(--space-md) * 2 + 
        (var(--space-md) * 2 + var(--text-base) * 1.5) * 5 + 
        4px 
    );
    }
    .uni-table-container--scrollable::-webkit-scrollbar
 {
        width: 8px; height: 8px;
    }
    .uni-table
 {
        width: 100%; margin: 0;
    }
    .uni-table-header th
 {
        border: none;
    }
    .uni-table td
 {
        border-bottom: 1px solid var(--border);
    }
    .student-search-container
 {
        width: 100%; margin-bottom: var(--space-6);
    }
    .student-search-input
 {
        width: 100%; border: 2px solid var(--border); outline: none;
    }
    .student-search-input:focus
 {
        box-shadow: 0 0 0 3px rgba(39, 146, 174, 0.1);
    }
    .student-search-input:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .student-search-filters
 {
        gap: var(--space-md); margin-bottom: var(--space-md); border: 1px solid var(--border); box-shadow: var(--shadow-sm);
    }
    .student-search-filter-group
 {
        gap: var(--space-xs);
    }
    .student-search-filter-label
 {
        gap: var(--space-sm); margin-bottom: var(--space-xs);
    }
    .student-search-filter-label i
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .student-search-filter-select
 {
        width: 100%; border: 2px solid var(--border); outline: none; background-position: right var(--space-md) center; background-size: 12px;
    }
    .student-search-filter-select:focus
 {
        box-shadow: 0 0 0 3px rgba(39, 146, 174, 0.1);
    }
    .student-search-filter-select:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .student-search-filter-select option
 {
        padding: var(--space-sm);
    }
    .student-search-results
 {
        margin-top: var(--space-md); margin-bottom: 0; padding: 0; border: 1px solid var(--border); box-shadow: var(--shadow-lg); height: calc(
        calc(var(--space-md) + var(--text-base) * 1.5 + var(--space-md)) + 
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-md)) * 4 + 
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-xs)) + 
        4px 
    ); min-height: calc(
        calc(var(--space-md) + var(--text-base) * 1.5 + var(--space-md)) +
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-md)) * 4 +
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-xs)) +
        4px
    ); max-height: calc(
        calc(var(--space-md) + var(--text-base) * 1.5 + var(--space-md)) +
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-md)) * 4 +
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-xs)) +
        4px
    );
    }
    .student-search-results-header
 {
        border-bottom: 1px solid var(--border); gap: var(--space-md); margin: 0;
    }
    .student-search-results-count
 {
        gap: var(--space-sm);
    }
    .student-search-select-all
 {
        margin-left: auto;
    }
    .student-search-checkbox-label
 {
        gap: var(--space-sm);
    }
    .student-search-checkbox:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .student-search-results-list
 {
        margin: 0; padding: 0;
    }
    .student-search-results-list::-webkit-scrollbar
 {
        width: 8px;
    }
    .student-search-item
 {
        margin: 0; border-bottom: 1px solid var(--border-light); gap: var(--space-md);
    }
    .student-search-item-content
 {
        min-width: 0; width: 100%;
    }
    .student-search-item-checkbox-label
 {
        padding-top: calc(var(--text-base) * 0.25);
    }
    .student-search-item-checkbox:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .student-search-item:last-child
 {
        border-bottom: none; padding-bottom: var(--space-xs); margin-bottom: 0;
    }
    .student-search-item:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: -2px;
    }
    .student-search-item.active
 {
        border-left: 4px solid var(--primary);
    }
    .student-search-item-name-row
 {
        width: 100%; margin-bottom: var(--space-xs);
    }
    .student-search-item-details-row
 {
        width: 100%;
    }
    .student-search-scroll-buttons
 {
        top: 50%; transform: translateY(-50%);
    }
    .student-search-scroll-btn
 {
        border: 2px solid var(--primary); box-shadow: 0 4px 12px rgba(39, 146, 174, 0.3), 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .student-search-scroll-btn::before
 {
        top: 50%; left: 50%; width: 0; height: 0; transform: translate(-50%, -50%);
    }
    .student-search-scroll-btn:hover
 {
        transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 16px rgba(39, 146, 174, 0.4), 0 4px 8px rgba(0, 0, 0, 0.15);
    }
    .student-search-scroll-btn:hover::before
 {
        width: 100%; height: 100%;
    }
    .student-search-scroll-btn:active
 {
        transform: translateY(0) scale(0.98); box-shadow: 0 2px 8px rgba(39, 146, 174, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .student-search-scroll-btn:focus-visible
 {
        outline: 3px solid var(--primary); outline-offset: 3px; box-shadow: 0 4px 12px rgba(39, 146, 174, 0.4), 0 0 0 3px rgba(39, 146, 174, 0.2);
    }
    .student-search-scroll-btn:disabled
 {
        box-shadow: none;
    }
    .student-search-no-results
 {
        padding: var(--space-10); height: 100%; min-height: calc(
        (var(--space-md) * 2 + var(--text-base) * 1.5 + var(--space-2)) * 5 +
        4px
    );
    }
    .student-search-loading
 {
        padding: var(--space-10); height: 100%; min-height: calc(
        (var(--space-md) * 2 + var(--text-base) * 1.5 + var(--space-2)) * 5 +
        4px
    );
    }
    .student-search-item-exams
 {
        margin-top: var(--space-3); padding-top: var(--space-3); padding-left: 0; padding-right: 0; padding-bottom: 0; border-top: 1px solid var(--border-light); width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 0;
    }
    .student-search-item-exams-loading
 {
        gap: var(--space-2); padding: var(--space-2) 0; border: none; margin: 0;
    }
    .student-search-item-exams-error
 {
        gap: var(--space-2); padding: var(--space-2);
    }
    .student-search-item-exams-list
 {
        gap: var(--space-3);
    }
    .student-search-item-exams-title
 {
        gap: var(--space-2); margin-bottom: var(--space-2);
    }
    .student-search-item-exam
 {
        padding: var(--space-3); border: 1px solid var(--border-light); gap: var(--space-2); margin-bottom: var(--space-2);
    }
    .student-search-item-exam:last-child
 {
        margin-bottom: 0;
    }
    .student-search-item-exam-name
 {
        gap: var(--space-2);
    }
    .student-search-item-exam-details
 {
        gap: var(--space-3);
    }
    .student-search-item-exam-date, .student-search-item-exam-time, .student-search-item-exam-university
 {
        gap: var(--space-1);
    }
    .student-search-item-exam-meeting
 {
        margin-top: var(--space-1);
    }
    .student-search-item-exam-meeting-link
 {
        gap: var(--space-1); padding: var(--space-1) var(--space-2); border: 1px solid var(--primary);
    }
    .student-search-item-exam-meeting-link:hover
 {
        box-shadow: 0 4px 12px rgba(39, 146, 174, 0.3); transform: translateY(-1px);
    }
    .student-search-item-exam-meeting-link:active
 {
        transform: translateY(0);
    }
    .student-search-item-exam-meeting-link:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px; box-shadow: 0 0 0 4px rgba(39, 146, 174, 0.2);
    }
    .pending-exams-container
 {
        width: 100%; margin-top: var(--space-4);
    }
    .pending-exams-loading
 {
        gap: var(--space-2); padding: var(--space-6);
    }
    .pending-exams-list
 {
        gap: var(--space-4);
    }
    .pending-exams-header
 {
        gap: var(--space-2); padding: var(--space-3); margin-bottom: var(--space-2);
    }
    .pending-exam-item
 {
        gap: var(--space-md); padding: var(--space-4); border: 1px solid var(--border-light); box-shadow: var(--shadow-sm);
    }
    .pending-exam-item:hover
 {
        box-shadow: var(--shadow-md);
    }
    .pending-exam-checkbox-wrapper
 {
        padding-top: calc(var(--text-base) * 0.25);
    }
    .pending-exam-checkbox
 {
        width: calc(var(--space-4) + var(--space-1)); height: calc(var(--space-4) + var(--space-1)); min-width: calc(var(--space-4) + var(--space-1)); min-height: calc(var(--space-4) + var(--space-1)); margin: 0;
    }
    .pending-exam-radio-wrapper
 {
        padding-top: calc(var(--text-base) * 0.25);
    }
    .pending-exam-radio
 {
        width: calc(var(--space-4) + var(--space-1)); height: calc(var(--space-4) + var(--space-1)); min-width: calc(var(--space-4) + var(--space-1)); min-height: calc(var(--space-4) + var(--space-1)); margin: 0;
    }
    .pending-exam-radio-label
 {
        margin: 0; padding: 0;
    }
    .pending-exam-item:has(.pending-exam-radio:checked)
 {
        box-shadow: 0 0 0 2px rgba(39, 146, 174, 0.1);
    }
    .pending-exam-radio:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .pending-exam-content
 {
        min-width: 0; width: 100%;
    }
    .pending-exam-header-row
 {
        gap: var(--space-4); margin-bottom: var(--space-3);
    }
    .pending-exam-name
 {
        gap: var(--space-2); min-width: 200px;
    }
    .pending-exam-students-count
 {
        gap: var(--space-2); padding: var(--space-2) var(--space-3);
    }
    .pending-exam-details
 {
        gap: var(--space-4); margin-bottom: var(--space-3);
    }
    .pending-exam-detail-item
 {
        gap: var(--space-2);
    }
    .pending-exam-meeting
 {
        margin-top: var(--space-2);
    }
    .pending-exam-meeting-link
 {
        gap: var(--space-2); padding: var(--space-2) var(--space-3); border: 1px solid var(--primary);
    }
    .pending-exam-meeting-link:hover
 {
        box-shadow: 0 4px 12px rgba(39, 146, 174, 0.3); transform: translateY(-1px);
    }
    .pending-exam-meeting-link:active
 {
        transform: translateY(0);
    }
    .pending-exam-meeting-link:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px; box-shadow: 0 0 0 4px rgba(39, 146, 174, 0.2);
    }
    .add-students-to-exam-block
 {
        margin-top: var(--space-6); padding: var(--space-4); border: 1px solid var(--border-light);
    }
    .add-students-to-exam-btn
 {
        gap: var(--space-2); padding: var(--space-3) var(--space-6); border: 1px solid var(--primary); box-shadow: var(--shadow-sm);
    }
    .add-students-to-exam-btn:hover:not(:disabled)
 {
        box-shadow: 0 4px 12px rgba(39, 146, 174, 0.3); transform: translateY(-1px);
    }
    .add-students-to-exam-btn:active:not(:disabled)
 {
        transform: translateY(0); box-shadow: var(--shadow-sm);
    }
    .add-students-to-exam-btn:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .add-students-to-exam-btn:disabled
 {
        transform: none;
    }
    .exam-students-table-loading, .exam-students-table-empty, .exam-students-table-error
 {
        padding: var(--space-6);
    }
    .exam-students-table-loading i
 {
        margin-right: var(--space-2);
    }
    .exam-students-table-reasons
 {
        margin-top: var(--space-2);
    }
    .exam-status-badge
 {
        padding: var(--space-1) var(--space-2);
    }
    .pending-exams-empty
 {
        gap: var(--space-2); padding: var(--space-6);
    }
    .pending-exams-error
 {
        gap: var(--space-2); padding: var(--space-6);
    }
    .table-container .exam-students-table col.col-checkbox
 {
        max-width: var(--space-10);
    }
    .table-container .exam-students-table col.col-action-1
 {
        max-width: calc(var(--space-10) * 2);
    }
    .table-container .exam-students-table thead::after
 {
        bottom: 0; left: 0; right: 0; height: 2px;
    }
    .table-container .exam-students-table th
 {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }
    .table-container .exam-students-table td
 {
        border-bottom: 1px solid var(--border-light);
    }
    .table-container .exam-students-table tbody tr:last-child td
 {
        border-bottom: none;
    }
    .table-container .exam-students-table th:nth-child(1), .table-container .exam-students-table td:nth-child(1)
 {
        padding: var(--space-3) var(--space-2); width: 40px; min-width: 40px; max-width: 40px;
    }
    .table-container .exam-students-table th:nth-child(2), .table-container .exam-students-table td:nth-child(2)
 {
        padding: var(--space-3) var(--space-4); min-width: 150px;
    }
    .table-container .exam-students-table th:nth-child(3), .table-container .exam-students-table td:nth-child(3)
 {
        padding: var(--space-3) var(--space-3); min-width: 100px;
    }
    .table-container .exam-students-table th:nth-child(4), .table-container .exam-students-table td:nth-child(4)
 {
        padding: var(--space-3) var(--space-2); min-width: 80px;
    }
    .table-container .exam-students-table th:nth-child(5), .table-container .exam-students-table td:nth-child(5)
 {
        padding: var(--space-3) var(--space-3); min-width: 120px;
    }
    .table-container .exam-students-table th:nth-child(6), .table-container .exam-students-table td:nth-child(6)
 {
        padding: var(--space-3) var(--space-3); min-width: 100px;
    }
    .table-container .exam-students-table th:nth-child(7), .table-container .exam-students-table td:nth-child(7)
 {
        padding: var(--space-3) var(--space-2); width: 80px; min-width: 80px; max-width: 80px;
    }
    .table-container .exam-students-table tbody td:nth-child(7)
 {
        border-bottom: 1px solid var(--border-light);
    }
    .table-container .exam-students-table:not(.tbl) th:nth-child(1) input[type="checkbox"], .table-container .exam-students-table:not(.tbl) td:nth-child(1) input[type="checkbox"]
 {
        width: 18px; height: 18px; margin: 0;
    }
    .exam-students-table .btn-danger
 {
        padding: 0;
    }
    .exam-type-badge
 {
        gap: var(--space-1); padding: var(--space-1) var(--space-2);
    }
    .exam-type-badge i
 {
        font-size: 0.875em;
    }
    .exam-type-badge.exam-type-entrance
 {
        border: 1px solid rgba(220, 53, 69, 0.3);
    }
    .exam-type-badge.exam-type-one-time
 {
        border: 1px solid rgba(0, 123, 255, 0.3);
    }
    .exam-type-badge.exam-type-regular
 {
        border: 1px solid rgba(108, 117, 125, 0.3);
    }
    .student-search-item-exam-meeting-link, .student-search-item-exam-meeting-link:hover, .student-search-item-exam-meeting-link:active, .pending-exam-meeting-link, .pending-exam-meeting-link:hover, .pending-exam-meeting-link:active
 {
        transform: none;
    }
    .search-results-header
 {
        gap: var(--space-3); margin-bottom: var(--space-3);
    }
    .search-results-header h2
 {
        margin: 0; min-width: 0;
    }
    .active-sort
 {
        border-bottom: calc(var(--space-1) / 2) solid var(--primary);
    }
    .filter-toggle
 {
        gap: var(--space-2); padding: var(--space-md) var(--space-lg); border: none; box-shadow: var(--shadow-sm); min-height: calc(var(--space-10) + var(--space-1));
    }
    .filter-toggle:hover
 {
        transform: translateY(-2px); box-shadow: var(--shadow-md);
    }
    .filter-toggle:active
 {
        transform: translateY(0);
    }
    .filter-toggle[aria-expanded="true"] i
 {
        transform: rotate(180deg);
    }
    #main-results-section .table-wrapper, #excluded-section .table-wrapper
 {
        width: 100%; box-shadow: var(--shadow-sm);
    }
    #main-results-section .user-table, #excluded-section .user-table
 {
        width: 100%;
    }
    #main-results-section .user-table th.tbl__col--id, #main-results-section .user-table td.tbl__col--id, #excluded-section .user-table th.tbl__col--id, #excluded-section .user-table td.tbl__col--id
 {
        width: 8%; min-width: 55px;
    }
    .m
 {
        margin: var(--space-2);
    }
    .search-suggestions
 {
        top: 100%; left: 0; right: 0; border: 1px solid var(--border); border-top: none; max-height: calc(var(--space-16) * 4.6875); box-shadow: var(--shadow-lg);
    }
    .search-suggestion-item
 {
        padding: var(--space-3); border-bottom: 1px solid var(--border-light);
    }
    .search-suggestion-item.pending
 {
        border-left: calc(var(--space-1) / 2) solid var(--warning);
    }
    .search-suggestion-item.added
 {
        border-left: calc(var(--space-1) / 2) solid var(--success);
    }
    .search-suggestion-item:last-child
 {
        border-bottom: none;
    }
    .suggestion-header
 {
        margin-bottom: var(--space-1); gap: var(--space-3);
    }
    .suggestion-phone
 {
        margin-right: var(--space-3);
    }
    .no-suggestions
 {
        padding: var(--space-3);
    }
    .loading-suggestions
 {
        padding: var(--space-3);
    }
    .user-table.table-2cols
 {
        width: 100%;
    }
    .user-table.table-5cols
 {
        width: 100%;
    }
    .user-table.table-4cols
 {
        width: 100%;
    }
    .user-table.table-7cols
 {
        width: 100%;
    }
    .translation-selection-block
 {
        width: 100%; border: 1px solid #4a90e2; margin: 0;
    }
    .translation-selection-block:hover
 {
        box-shadow: 0 2px 8px rgba(74, 144, 226, 0.2);
    }
    .translation-checkbox
 {
        margin: 0;
    }
    .translation-label
 {
        margin: 0; gap: 5px;
    }
    .translation-label .icon
 {
        font-size: 16px;
    }
    .translation-quantity
 {
        border: 2px solid #4a90e2;
    }
    .translation-quantity:focus
 {
        outline: none; box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
    }
    .translation-block-blue
 {
        border-left: 4px solid #4a90e2;
    }
    .translation-block-yellow
 {
        border-left: 4px solid #ffc107;
    }
    .translation-document-link
 {
        margin-left: 10px;
    }
    .translation-session-message
 {
        margin: 20px 0; border-left: 5px solid; box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    .translation-statistics
 {
        margin: 20px 0; border-left: 5px solid var(--color-primary); box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    .translation-statistics h4
 {
        margin: 0 0 20px 0; gap: 8px; border-bottom: 2px solid #dee2e6; padding-bottom: 10px;
    }
    .translation-statistics h5
 {
        margin: 15px 0 10px 0; gap: 8px;
    }
    .translation-complete-badge
 {
        padding: 4px 10px; font-size: 0.85em; margin-left: 10px;
    }
    .translation-partial-badge
 {
        padding: 4px 10px; font-size: 0.85em; margin-left: 10px;
    }
    .translation-section
 {
        margin-bottom: 20px;
    }
    .translation-section-title
 {
        border-bottom: 2px solid var(--color-primary); padding-bottom: 5px; margin: 15px 0 10px 0; gap: 8px; font-size: 1.1em;
    }
    .translation-section-title-success
 {
        border-bottom: 2px solid #28a745; padding-bottom: 5px; margin: 15px 0 10px 0; gap: 8px; font-size: 1.1em;
    }
    .translation-section-title-danger
 {
        border-bottom: 2px solid #dc3545; padding-bottom: 5px; margin: 15px 0 10px 0; gap: 8px; font-size: 1.1em;
    }
    .translation-success-box
 {
        padding: 15px; margin-top: 10px;
    }
    .translation-success-box ul
 {
        margin: 0; padding-left: 20px;
    }
    .translation-danger-box
 {
        padding: 15px; margin-top: 10px;
    }
    .translation-danger-box p
 {
        margin: 0;
    }
    .translation-danger-box p.info
 {
        margin: 10px 0 0 0;
    }
    .translation-partial-box
 {
        margin-top: 15px; padding: 15px;
    }
    .translation-partial-box p
 {
        margin: 0 0 10px 0;
    }
    .translation-table
 {
        margin-top: 10px;
    }
    .translation-table th
 {
        width: 150px;
    }
    .addMoreFiles
 {
        gap: var(--space-2); margin-top: var(--space-2); border: 1px solid var(--secondary);
    }
    .addMoreFiles:hover
 {
        box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3); transform: translateY(calc(var(--space-1) / -2));
    }
    .addMoreFiles:active
 {
        transform: translateY(0);
    }
    .addMoreFiles:focus-visible
 {
        outline: 2px solid var(--secondary); outline-offset: 2px; box-shadow: 0 0 0 4px rgba(108, 117, 125, 0.2);
    }
    .user-table.table-2cols
 {
        width: 100%;
    }
    .user-table.table-5cols
 {
        width: 100%;
    }
    .user-table.table-4cols
 {
        width: 100%;
    }
    .user-table.table-7cols
 {
        width: 100%;
    }
    .translation-selection-block:hover
 {
        box-shadow: 0 2px 8px rgba(74, 144, 226, 0.2);
    }
    .translation-label .icon
 {
        font-size: 16px;
    }
    .translation-quantity:focus
 {
        outline: none; box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
    }
    .translation-statistics h4
 {
        margin: 0 0 20px 0; gap: 8px; border-bottom: 2px solid #dee2e6; padding-bottom: 10px;
    }
    .translation-statistics h5
 {
        margin: 15px 0 10px 0; gap: 8px;
    }
    .translation-success-box ul
 {
        margin: 0; padding-left: 20px;
    }
    .translation-danger-box p
 {
        margin: 0;
    }
    .translation-danger-box p.info
 {
        margin: 10px 0 0 0;
    }
    .translation-partial-box p
 {
        margin: 0 0 10px 0;
    }
    .translation-table th
 {
        width: 150px;
    }
    .stats-container
 {
        padding: var(--space-4) 0;
    }
    .stat-widget
 {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border: 1px solid transparent;
    }
    .stat-widget:hover
 {
        transform: translateY(-4px); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
    }
    .stat-widget::before
 {
        top: -50%; right: -50%; width: 200%; height: 200%;
    }
    .stat-widget::after
 {
        top: 0; left: 0; right: 0; bottom: 0;
    }
    .stat-widget-content
 {
        gap: var(--space-2);
    }
    .stat-widget--primary
 {
        border: 1px solid rgba(39, 146, 174, 0.3);
    }
    .stat-widget--success
 {
        border: 1px solid rgba(5, 150, 105, 0.3);
    }
    .stat-widget--warning
 {
        border: 1px solid rgba(212, 160, 23, 0.3);
    }
    .stat-widget--danger
 {
        border: 1px solid rgba(239, 68, 68, 0.3);
    }
    .stat-widget--info
 {
        border: 1px solid rgba(59, 130, 246, 0.3);
    }
    .stat-widget--neutral
 {
        border: 1px solid rgba(107, 114, 128, 0.3);
    }
    .stat-widget--light
 {
        border: 1px solid rgba(75, 85, 99, 0.15);
    }
    .stat-icon
 {
        margin-bottom: 0;
    }
    .stat-widget:hover .stat-icon
 {
        transform: scale(1.1) rotate(5deg);
    }
    .stat-value
 {
        margin: 0;
    }
    .stat-label
 {
        margin-bottom: 0;
    }
    .stat-subtitle
 {
        font-size: 0.75rem; margin-top: 0; flex-basis: 100%;
    }
    .stat-trend
 {
        gap: var(--space-1); font-size: 0.85rem; margin-top: var(--space-2); padding-top: var(--space-2); border-top: 1px solid rgba(255, 255, 255, 0.1); flex-basis: 100%;
    }
    .stat-trend i
 {
        font-size: 1rem;
    }
    .stat-progress
 {
        width: 100%; height: 4px; margin-top: var(--space-2); flex-basis: 100%;
    }
    .stat-progress-bar
 {
        height: 100%; box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
    }
    .stat-widget--sm
 {
        padding: var(--space-3);
    }
    .stat-widget--sm .stat-label
 {
        font-size: 0.75rem;
    }
    .stat-widget--sm .stat-icon
 {
        width: 36px; height: 36px;
    }
    .stat-widget--lg
 {
        padding: var(--space-6);
    }
    .stat-widget--lg .stat-icon
 {
        width: 64px; height: 64px;
    }
    .stats-grid
 {
        width: 100%;
    }
    #mail-settings.site-settings-mail
 {
        border: 2px solid var(--color-primary); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
    #mail-settings.site-settings-mail .mail-settings-tabs
 {
        border-bottom: 1px solid #dee2e6;
    }
    #mail-settings.site-settings-mail .mail-settings-tab
 {
        border: 1px solid #ccc;
    }
    #mail-settings.site-settings-mail .mail-config-subtab
 {
        border: 1px solid #ced4da;
    }
    #mail-settings.site-settings-mail .mail-tab-panel
 {
        padding-top: var(--space-2);
    }
    #mail-settings.site-settings-mail .mail-relationship-hint
 {
        border-left: 4px solid #17a2b8;
    }
    #mail-settings.site-settings-mail .mail-hosting-hint
 {
        border-left: 3px solid #6c757d;
    }
    #mail-settings.site-settings-mail .mail-accounts-intro
 {
        margin: 0 0 var(--space-4);
    }
    #mail-settings.site-settings-mail .mail-root-env-roles-intro
 {
        margin: 0 0 var(--space-4);
    }
    #mail-settings.site-settings-mail .mail-cred-map-heading
 {
        margin-top: var(--space-4);
    }
    #mail-settings.site-settings-mail .mail-cred-map-table
 {
        margin-bottom: var(--space-5);
    }
    #mail-settings.site-settings-mail .mail-cred-status
 {
        padding: 0.15em 0.5em;
    }
    #mail-settings.site-settings-mail .mail-cred-role-card
 {
        margin: var(--space-5) 0; padding: var(--space-4); border: 1px solid var(--border-color, #dee2e6);
    }
    #mail-settings.site-settings-mail .mail-cred-role-card__title
 {
        margin-top: 0;
    }
    #mail-settings.site-settings-mail .mail-cred-role-card__link
 {
        margin: 0 0 var(--space-2);
    }
    #mail-settings.site-settings-mail .mail-cred-role-email
 {
        margin: 0 0 var(--space-3);
    }
    #mail-settings.site-settings-mail .mail-cred-warning, #mail-settings.site-settings-mail .mail-cred-fallback-note
 {
        margin: 0 0 var(--space-3);
    }
    #mail-settings.site-settings-mail .mail-cred-other-heading
 {
        margin-top: var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--border-color, #dee2e6);
    }
    #mail-settings.site-settings-mail .mail-cred-secret-display
 {
        max-width: 100%;
    }
    body.otp-gate-page
 {
        min-height: 100vh; padding: 20px; margin: 0;
    }
    body.otp-gate-page .otp-gate-layout
 {
        width: 100%;
    }
    .cost-management-container
 {
        max-width: 1200px; margin: 0 auto; padding: 20px;
    }
    .cost-management-container .specialty-checkbox
 {
        margin-right: 10px !important; margin-top: 2px !important;
    }
    .selected-params
 {
        border: 1px solid #2196f3; padding: 15px; margin-bottom: 20px;
    }
    .selected-params h4
 {
        margin: 0 0 10px 0;
    }
    .selected-params p
 {
        margin: 5px 0; font-size: 14px;
    }
    .help-text
 {
        font-size: 12px; margin-left: 28px;
    }
    .line-actions
 {
        gap: 10px; margin-top: 10px;
    }
    .loading
 {
        padding: 20px;
    }
    .message
 {
        padding: 15px; margin: 20px 0;
    }
    .message.success
 {
        border: 1px solid #c3e6cb;
    }
    .message.error
 {
        border: 1px solid #f5c6cb;
    }
    .message.warning
 {
        border: 1px solid #ffeaa7;
    }
    .restore-container
 {
        max-width: 1200px; margin: 20px auto; padding: 20px;
    }
    .students-list
 {
        gap: 15px; margin-bottom: 30px;
    }
    .tabs
 {
        gap: 10px; margin-bottom: 20px; border-bottom: 2px solid #ddd;
    }
    .tab
 {
        padding: 10px 20px; border: none; font-size: 16px; border-bottom: 3px solid transparent;
    }
    .edit-container
 {
        max-width: 1200px; margin: 20px auto; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .button-group
 {
        gap: 15px; margin-top: 30px; padding-top: 20px; border-top: 2px solid #ddd;
    }
    .entry-admission-content
 {
        padding: 20px 0;
    }
    .stats-info
 {
        padding: 15px; margin-bottom: 20px;
    }
    .current-admission
 {
        font-size: 0.9em;
    }
    .no-data
 {
        padding: 40px;
    }
    .management-section
 {
        padding: 25px; margin: 20px 0; box-shadow: 0 2px 15px rgba(0,0,0,0.08); border: 1px solid #e9ecef;
    }
    .section-title
 {
        margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e9ecef; gap: 10px; font-size: 18px;
    }
    .bulk-actions
 {
        gap: 15px;
    }
    .no-data, .loading-cell
 {
        padding: 40px 20px;
    }
    .no-data i, .loading-cell i
 {
        font-size: 32px; margin-bottom: 10px;
    }
    .info-grid
 {
        gap: 15px;
    }
    .info-item
 {
        gap: 4px;
    }
    .info-item strong
 {
        font-size: 13px;
    }
    .management-section .stats-section h4
 {
        margin: 0 0 15px 0; padding-bottom: 8px; border-bottom: 2px solid #e9ecef;
    }
    .management-section .student-info
 {
        padding: 20px; margin-bottom: 25px; border-left: 4px solid var(--color-primary);
    }
    .management-section .student-info h4
 {
        margin: 0 0 15px 0; gap: 8px;
    }
    .syllabus-container
 {
        max-width: 900px; margin: 20px auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }
    .calendar-container
 {
        padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-bottom: 30px;
    }
    .calendar-form
 {
        margin-bottom: 20px; gap: 15px;
    }
    .calendar-form select
 {
        padding: 8px 12px; border: 1px solid #ddd; font-size: 14px; min-width: 120px;
    }
    .calendar-form button
 {
        padding: 8px 20px; border: none; font-size: 14px;
    }
    .calendar-table
 {
        width: 100%; margin-top: 15px;
    }
    .calendar-table th, .calendar-table td
 {
        border: 1px solid #ddd; padding: 12px; min-width: 40px; height: 50px;
    }
    .calendar-table td
 {
        font-size: 14px;
    }
    .calendar-table td.today
 {
        border: 2px solid var(--color-primary);
    }
    .schedule-container
 {
        padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-bottom: 30px;
    }
    .schedule-table
 {
        width: 100%; margin-top: 15px;
    }
    .schedule-table th
 {
        padding: 12px; border-bottom: 2px solid #ddd;
    }
    .schedule-table td
 {
        padding: 10px 12px; border-bottom: 1px solid #eee;
    }
    .schedule-table tr.date-header td
 {
        padding: 10px 12px; border-bottom: 2px solid #ddd;
    }
    .attendance-status
 {
        gap: 5px; padding: 4px 10px; font-size: 13px;
    }
    .user-info-box
 {
        padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-bottom: 30px;
    }
    .user-info-box h2
 {
        margin-top: 0; gap: 10px;
    }
    .user-info-box .info-grid
 {
        gap: 15px; margin-top: 15px;
    }
    .user-info-box .info-item
 {
        gap: 5px;
    }
    .user-info-box .info-label
 {
        font-size: 13px;
    }
    .user-info-box .info-value
 {
        font-size: 15px;
    }
    .calendar-legend
 {
        gap: 20px; margin-top: 15px;
    }
    .legend-item
 {
        gap: 8px; font-size: 13px;
    }
    .legend-color
 {
        width: 20px; height: 20px; border: 1px solid #ddd;
    }
    .legend-color.today
 {
        border: 2px solid var(--color-primary);
    }
    .empty-state
 {
        padding: 40px 20px;
    }
    .empty-state i
 {
        font-size: 48px; margin-bottom: 15px;
    }
    .error-message
 {
        padding: 15px; border-left: 4px solid #dc3545; margin: 15px 0;
    }
    .btn-export
 {
        padding: 10px 20px; gap: 8px; font-size: 14px;
    }
    .btn-export:active
 {
        transform: scale(0.98);
    }
    .curator-links-table, .curator-table-responsive, .curator-btn, .curator-nav, .curator-search-results-header, .curator-student-info, .copy-toast, .curator-payment-link, .curator-login-pass-link
 {
        font-size: 14px;
    }
    .curator-user-table
 {
        max-width: 100%; width: 100%; margin: 0 auto;
    }
    .curator-user-table th
 {
        padding: 4px 3px; border-bottom: 2px solid var(--color-primary); font-size: 11px;
    }
    .curator-user-table td
 {
        padding: 3px 4px; font-size: 12px; border: 1px solid #e0e0e0; max-width: 180px;
    }
    .curator-user-table td:hover
 {
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    }
    .curator-user-table img, .curator-user-table-img
 {
        max-width: 100px; height: auto; border: 2px solid var(--color-primary);
    }
    .curator-gender-icon, .curator-status-icon, .curator-payment-icon, .curator-login-pass-icon
 {
        border: 0 !important;
    }
    .curator-user-table h1
 {
        font-size: 20px; margin: 10px 0;
    }
    .curator-user-table p, .curator-user-table a, .curator-user-table li, .curator-user-table button, .curator-user-table th, .curator-user-table td
 {
        font-size: 12px;
    }
    .curator-table-header-details, .credentials-modal.credentials-modal--curator .credentials-modal__label, .credentials-modal.credentials-modal--curator .credentials-modal__value, .credentials-modal.credentials-modal--curator .credentials-modal__body, .credentials-modal.credentials-modal--curator .credentials-modal__row
 {
        font-size: 14px;
    }
    .curator-table-responsive
 {
        margin: 15px 0;
    }
    .curator-user-table .curator-table-header-title
 {
        font-size: 14px; margin: 0;
    }
    .curator-user-table .curator-table-header-details
 {
        font-size: 12px;
    }
    .curator-user-table .curator-student-index-cell
 {
        width: 5%; min-width: 40px; font-size: 12px;
    }
    .curator-user-table .curator-student-name-cell
 {
        font-size: 12px;
    }
    .curator-student-name-text
 {
        font-size: 12px;
    }
    .curator-user-table .curator-student-status-cell, .curator-user-table .curator-student-payment-cell, .curator-user-table .curator-student-credentials-cell
 {
        width: 7%; min-width: 52px; font-size: 12px;
    }
    .curator-status-icon:hover
 {
        transform: scale(1.2);
    }
    .credentials-modal.credentials-modal--curator
 {
        inset: 0; padding: 24px;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__backdrop
 {
        inset: 0;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__dialog
 {
        width: min(420px, 100%); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25); padding: 24px 24px 28px; gap: 16px; max-height: 90vh;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__close
 {
        top: 12px; right: 12px; width: 38px; height: 38px; border: none; font-size: 22px;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__close:hover
 {
        transform: scale(1.05);
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__header
 {
        gap: 12px; padding-right: 40px;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__title
 {
        font-size: 20px; margin: 0;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__copy-btn
 {
        width: 42px; height: 42px; border: none;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__copy-btn:hover
 {
        transform: translateY(-1px);
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__body
 {
        gap: 14px;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__row
 {
        gap: 12px; padding: 12px 14px; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__label
 {
        font-size: 13px;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__value
 {
        font-size: 15px;
    }
    .university-header.curator-table-unihead, .curator-user-table th.curator-uni-group-header
 {
        border: 0;
    }
    .curator-user-table td [data-copy], .curator-user-table td .curator-profile-copy
 {
        padding: 2px 4px;
    }
    .curator-btn
 {
        padding: 12px 24px; border: none; font-size: 14px;
    }
    .curator-links-table
 {
        margin: 1rem 0;
    }
    .curator-links-table td
 {
        padding: 0.75rem;
    }
    .curator-links-table a
 {
        padding: 0.75rem; margin: 0.5rem 0;
    }
    .curator-search-results-header
 {
        gap: 20px; margin-bottom: 20px;
    }
    .curator-search-results-header h2
 {
        margin: 0;
    }
    .curator-nav
 {
        margin: 15px 0; gap: 10px;
    }
    .curator-user-table td:hover
 {
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    }
    .curator-user-table img, .curator-user-table-img
 {
        object-fit: cover; margin: 0 auto; width: 40px; height: 40px;
    }
    .curator-user-table h1
 {
        font-size: 18px; margin: 0;
    }
    .curator-user-table form
 {
        width: 100%;
    }
    .curator-user-table input[type="text"], .curator-user-table input[type="email"], .curator-user-table input[type="tel"], .curator-user-table input[type="password"], .curator-user-table input[type="file"]
 {
        font-size: 14px; padding: 8px 12px; border: 1px solid #ddd;
    }
    .curator-user-table input[type="text"]:focus, .curator-user-table input[type="email"]:focus, .curator-user-table input[type="tel"]:focus, .curator-user-table input[type="password"]:focus
 {
        outline: none; box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
    }
    .curator-user-table label
 {
        font-size: 14px; margin-bottom: 5px;
    }
    .curator-user-table button[type="submit"], .curator-user-table a[href*="curator_panel"]
 {
        font-size: 16px !important; padding: 10px 20px !important; border: none; min-width: 150px; margin: 0 !important;
    }
    .curator-form-buttons button[type="submit"], .curator-form-buttons a[href*="curator_panel"], form ~ div button[type="submit"], form ~ div a[href*="curator_panel"], form + div button[type="submit"], form + div a[href*="curator_panel"]
 {
        font-size: 16px !important; padding: 10px 20px !important; border: none !important; margin: 0 !important;
    }
    .curator-user-table button[type="submit"]:hover, .curator-form-buttons button[type="submit"]:hover, form ~ div button[type="submit"]:hover, form + div button[type="submit"]:hover
 {
        transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3);
    }
    .curator-user-table a[href*="curator_panel"]:hover, .curator-form-buttons a[href*="curator_panel"]:hover, form ~ div a[href*="curator_panel"]:hover, form + div a[href*="curator_panel"]:hover
 {
        transform: translateY(-1px); box-shadow: 0 2px 4px rgba(108, 117, 125, 0.3);
    }
    .curator-form-buttons, form ~ div, form + div
 {
        gap: 10px !important; margin-top: 20px !important; width: 100% !important;
    }
    .curator-form-buttons button[type="submit"], .curator-form-buttons a[href*="curator_panel"], form ~ div button[type="submit"], form ~ div a[href*="curator_panel"], form + div button[type="submit"], form + div a[href*="curator_panel"]
 {
        min-width: 0 !important; width: auto !important; max-width: none !important; flex-basis: 0 !important;
    }
    .contact-type-option input[type="radio"]
 {
        margin-right: 8px;
    }
    .curator-user-table img[alt="Avatar"]
 {
        max-width: 150px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .curator-cost-semesters-table
 {
        width: 100%; max-width: 100%; margin: 20px 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .curator-cost-semesters-table th
 {
        padding: 15px 12px; font-size: 13px; border-bottom: 2px solid #1a202c;
    }
    .curator-cost-semesters-table tbody tr
 {
        border-bottom: 1px solid var(--border-light);
    }
    .curator-cost-semesters-table tbody tr.tbl__row--danger.tbl__row--danger
 {
        border-left: 4px solid var(--danger);
    }
    .curator-cost-semesters-table tbody tr.tbl__row--warning.tbl__row--warning
 {
        border-left: 4px solid var(--warning);
    }
    .curator-cost-semesters-table tbody tr.tbl__row--success.tbl__row--success
 {
        border-left: 4px solid var(--success);
    }
    .curator-cost-semesters-table tbody tr.tbl__row--info.tbl__row--info
 {
        border-left: 4px solid var(--info);
    }
    .curator-cost-semesters-table tbody tr.tbl__row--future.tbl__row--future
 {
        border-left: 4px solid #9ca3af;
    }
    .curator-cost-semesters-table tbody tr.tbl__row--overpayment.tbl__row--overpayment
 {
        border-left: 4px solid #0ea5e9;
    }
    .curator-cost-semesters-table tbody tr.tbl__row--debt-paid.tbl__row--debt-paid
 {
        border-left: 4px solid #0d9488;
    }
    .curator-cost-semesters-table td
 {
        padding: 12px; font-size: 14px; border: none;
    }
    .curator-orders-table
 {
        border: 2px solid #7b1fa2; box-shadow: 0 4px 12px rgba(123, 31, 162, 0.15);
    }
    .curator-orders-table thead th
 {
        font-size: 0.9em;
    }
    .curator-orders-table tbody tr:hover
 {
        transform: translateX(2px);
    }
    .curator-document-type
 {
        border-left: 3px solid #7b1fa2;
    }
    .curator-delivery-type
 {
        border-left: 3px solid #7b1fa2;
    }
    .curator-status-paid
 {
        border-left: 3px solid #388e3c;
    }
    .curator-status-waiting
 {
        border-left: 3px solid #d32f2f;
    }
    .curator-status-processing
 {
        border-left: 3px solid #7b1fa2;
    }
    .curator-student-item
 {
        border-left: 4px solid #7b1fa2;
    }
    .curator-student-item:hover
 {
        transform: translateX(3px); box-shadow: 0 4px 12px rgba(123, 31, 162, 0.2);
    }
    .curator-student-info-card
 {
        border: 2px solid #7b1fa2;
    }
    .curator-action-button
 {
        border: none; padding: 8px 16px; font-size: 0.85em;
    }
    .curator-action-button:hover
 {
        transform: translateY(-2px); box-shadow: 0 4px 12px rgba(123, 31, 162, 0.3);
    }
    .curator-status-controls
 {
        gap: 8px;
    }
    .curator-status-badge
 {
        padding: 4px 8px; font-size: 11px;
    }
    .curator-warning
 {
        border-left: 4px solid #ff9800; padding: 12px;
    }
    .curator-error
 {
        border-left: 4px solid #f44336; padding: 12px;
    }
    .curator-success
 {
        border-left: 4px solid var(--color-success); padding: 12px;
    }
    .receipt-missing-indicator__icons
 {
        gap: 0.2rem; font-size: 0.875rem;
    }
    .receipt-missing-indicator__icons .fa-times-circle
 {
        font-size: 0.88em;
    }
    .receipt-missing-indicator .sr-only
 {
        width: 1px; height: 1px; padding: 0; margin: -1px; border: 0;
    }
    .curator-settings-info-banner
 {
        border-left: 4px solid #2196f3; margin-bottom: 20px; padding: 15px;
    }
    .curator-settings-section-heading
 {
        padding: 10px;
    }
    .curator-settings-section-heading--warning
 {
        border-left: 4px solid #ffc107;
    }
    .curator-settings-input-readonly
 {
        width: 100%;
    }
    .curator-field-info-sm
 {
        font-size: 11px; margin-top: 3px;
    }
    .curator-contact-options-wrap
 {
        padding: 10px 0;
    }
    .curator-contact-type-option
 {
        padding: 8px; border: 2px solid transparent; margin-bottom: 10px;
    }
    .curator-contact-type-option:last-child
 {
        margin-bottom: 0;
    }
    .curator-contact-type-option input[type="radio"]
 {
        margin-right: 8px;
    }
    .curator-contact-type-desc
 {
        font-size: 12px; margin-left: 24px; margin-top: 4px;
    }
    .curator-contact-info-highlight
 {
        font-size: 11px; padding: 8px; margin-top: 5px;
    }
    .curator-settings-avatar-preview
 {
        max-width: 150px;
    }
    

/* === css_split_uni.py append @ 2026-04-03 21:34:34 === */

/* ═══════════════════════════════════════════════════════════════════════════
   📱 MAIL TABLET STYLES - Все размеры для планшетов (768px - 1023px)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Tablet (768px - 1023px) */

    

    .mail-container {
        width: 100%;
        /* Ширина контролируется родительским .container (1200px) */
    }

    

    /* 👨‍🎓 Основная навигация */
    

    

    

    

    
    
    .mail-page-header h1 {
        font-size: 28px;
    }
    
    /* Почта: tablet-only ownership (768px–1023px) */
    .mail-container,
    .mail-content,
    .mail-body {
        max-width: 1200px;
    }
    .mail-content {
        padding: 20px;
    }
    .mail-nav-item {
        max-width: 180px;
    }
    
    /* Адаптация стилей корзины для планшетов */
    
    
    
}

@media (max-width: 1023px) {
/* ���������� ����� */
    .head-icon-menu li
 {
        width: calc(25% - 10px); /* 4 �������� � ������ */
    }
    

/* === css_split_uni.py append @ 2026-04-03 10:57:57 — verify.php (scoped) === */
    body.verify-page .container
 {
        padding: 15px;
    }
    body.verify-page #verifyForm h2
 {
        font-size: 22px;
    }
    body.verify-page #verifyForm .user-table td
 {
        padding: 10px;
        font-size: 14px;
    }
    
}

@media (min-width: 481px) {
    .student-actions-mobile, .student-status-mobile, .payment-link-mobile, .login-pass-link-mobile
 {
        display: none !important;
    }
    .student-credentials-cell > .login-pass-link
 {
        display: inline-flex !important;
    }
    .student-credentials-cell .login-pass-link.login-pass-link-mobile
 {
        display: none !important;
    }
    

/* =============================================================================
 * Migrated from common.css (strict) — scripts/migrate_common_strict.py
 * ============================================================================= */
    .curator-student-actions-mobile, .curator-student-status-mobile, .curator-payment-link-mobile, .curator-login-pass-link-mobile
 {
        display: none !important;
    }
    .curator-user-table .curator-student-credentials-cell > .curator-login-pass-link
 {
        display: inline-flex !important;
    }
    .curator-student-credentials-cell .curator-login-pass-link.curator-login-pass-link-mobile
 {
        display: none !important;
    }
    

    .curator-student-actions-mobile, .curator-student-status-mobile, .curator-payment-link-mobile, .curator-login-pass-link-mobile
 {
        display: none !important;
    }
    .curator-user-table .curator-student-credentials-cell > .curator-login-pass-link
 {
        display: inline-flex !important;
    }
    .curator-student-credentials-cell .curator-login-pass-link.curator-login-pass-link-mobile
 {
        display: none !important;
    }
    

    .curator-student-actions-mobile, .curator-student-status-mobile, .curator-payment-link-mobile, .curator-login-pass-link-mobile
 {
        display: none !important;
    }
    .curator-user-table .curator-student-credentials-cell > .curator-login-pass-link
 {
        display: inline-flex !important;
    }
    .curator-student-credentials-cell .curator-login-pass-link.curator-login-pass-link-mobile
 {
        display: none !important;
    }
    

    .curator-student-actions-mobile, .curator-student-status-mobile, .curator-payment-link-mobile, .curator-login-pass-link-mobile
 {
        display: none !important;
    }
    .curator-user-table .curator-student-credentials-cell > .curator-login-pass-link
 {
        display: inline-flex !important;
    }
    .curator-student-credentials-cell .curator-login-pass-link.curator-login-pass-link-mobile
 {
        display: none !important;
    }
    
}

@media (min-width: 768px) {
/* ===== АДАПТИВНЫЕ СТИЛИ ДЛЯ ФУТЕРА ===== *//* Учитываем, что все элементы находятся внутри .container с max-width: 1200px *//* Планшеты и десктопы (от 768px) - контейнер 1200px */
    .footer-lang-table
 {
        max-width: 600px;
        margin: 0 auto;
    }
    .footer-lang-cell
 {
        width: 25%;
    }
    .footer-lang-btn
 {
        width: 50px;
        height: 50px;
    }
    .footer-lang-switcher
 {
        padding: 1.5rem;
    }
    .footer-lang-switcher .footer-lang-btn
 {
        width: 70px;
        height: 70px;
    }
    .footer-lang-switcher .footer-lang-btn img
 {
        width: 40px;
        height: 40px;
    }
    .footer-lang-container
 {
        gap: 1rem;
    }
    

/* ===== АДАПТИВНЫЕ СТИЛИ ДЛЯ ФУТЕРА ===== *//* Учитываем, что все элементы находятся внутри .container с max-width: 1200px *//* Планшеты и десктопы (от 768px) - контейнер 1200px */
    .footer-lang-table
 {
        max-width: 600px;
        margin: 0 auto;
    }
    .footer-lang-cell
 {
        width: 25%;
    }
    .footer-lang-btn
 {
        width: 50px;
        height: 50px;
    }
    .footer-lang-switcher
 {
        padding: 1.5rem;
    }
    .footer-lang-switcher .footer-lang-btn
 {
        width: 70px;
        height: 70px;
    }
    .footer-lang-switcher .footer-lang-btn img
 {
        width: 40px;
        height: 40px;
    }
    .footer-lang-container
 {
        gap: 1rem;
    }
    

/* === css_split_uni.py append @ 2026-04-03 10:24:52 === *//* student_cost_edit: на ширине ≥768px только десктопная таблица (дублирует EOF styles/mobile.css; COST_EDIT_LAYOUT_MAX_PX в student-cost-edit.js). Исключение: viewport @media в common — намеренно для устойчивого каскада. */
    .cost-edit-table-wrap--mobile
 {
        display: none !important;
    }
    .cost-edit-table-wrap--desktop
 {
        display: block !important;
    }
    

/* student_cost_edit: при ширине >767 только десктопная таблица (согласовано с COST_EDIT_LAYOUT_MAX_PX в student-cost-edit.js) */
    .cost-edit-table-wrap--mobile
 {
        display: none !important;
    }
    .cost-edit-table-wrap--desktop
 {
        display: block !important;
    }
    
}

@media (prefers-reduced-motion: reduce) {
    .status-icon, .status-icon:hover, .payment-link, .payment-link:hover, .payment-link:active, .login-pass-link, .login-pass-link:hover, .login-pass-link:active
 { transition: none; }
    

    .credentials-modal, .credentials-modal__close, .credentials-modal__copy-btn
 { transition: none; }
    

    .uni-table-container--scrollable
 { scroll-behavior: auto; }
    

    .exam-students-table-loading i
 { animation: none; }
    

    .student-search-item, .student-search-scroll-btn, .student-search-input
 { transition: none; }
    .student-search-scroll-btn::before
 { transition: none; }
    .student-search-loading i, .student-search-item-exams-loading i, .pending-exams-loading i
 { animation: none; }
    .pending-exam-item
 { transition: none; }
    .student-search-item-exam-meeting-link, .student-search-item-exam-meeting-link:hover, .student-search-item-exam-meeting-link:active, .pending-exam-meeting-link, .pending-exam-meeting-link:hover, .pending-exam-meeting-link:active
 { transition: none; filter: none; }
    

    .tbl, .tbl tbody tr, .tbl tbody tr:hover
 {
        transition: none;
    }
    

/* ACCESSIBILITY: reduced motion support */
    .card-body .students-list-table tbody tr, .card-body .students-list-table .action-btn:hover
 {
        transition: none;
        animation: none;
    }
    

/* Поддержка reduced motion */
    button, .btn, button:hover, .btn:hover, button:active, .btn:active
 {
        transition: none;
        transform: none;
    }
    

    body.verify-page *, body.verify-page *::before, body.verify-page *::after
 {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
}

@media print {
    .m-text-1
 {
        page-break-before: always;
        font-family: DejaVu Sans, sans-serif;
    }
    

/* Печать: не брейкпоинт viewport; здесь допустимы px для чётких границ на бумаге.
   Границы через width/style/color (без сокращённого border), скрытие интерактивных блоков. */
    .reports-period-selector, .reports-export-section, .reports-actions-section
 {
        display: none;
    }
    .reports-table
 {
        box-shadow: none;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
    }
    .reports-table th
 {
        background-color: #f0f0f0 !important;
        color: #000 !important;
    }
    .reports-section
 {
        box-shadow: none;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        page-break-inside: avoid;
    }
    

    body.verify-page #verifyForm button, body.verify-page .alert
 {
        display: none;
    }
    body.verify-page #verifyForm .user-table input
 {
        border: none;
        background: transparent;
    }
    body.verify-page .signature-pad
 {
        border: 1px solid #000 !important;
    }
    
}

@media (min-width: 1024px) {
/* === source: desktop.css === *//**
 * ════════════════════════════════════════════════════════════════════════════════
 * 📁 СТИЛИ ДЛЯ ДЕСКТОПА (min-width: 1024px)
 * ════════════════════════════════════════════════════════════════════════════════
 * 
 * Этот файл содержит стили для больших экранов (десктоп):
 * - Много колоночные layouts
 * - Большие отступы и размеры
 * - Оптимизация для мыши
 * 
 * ⚠️ ВАЖНО: Стили по умолчанию (без медиа-запроса) или @media (min-width: 1024px)
 *
 * Рефакторинг: все правила desktop в этом файле; при дублировании одинаковых деклараций
 * в нескольких @media (min-width: 1024px) — выносить общую часть в base/common или утилиты.
 */
    
    :root
 {
        --btn-radius-sm: var(--radius-sm);
        --btn-radius-md: var(--radius-md);
        --btn-radius-lg: var(--radius-full);
        --filter-radius-sm: var(--radius-sm);
        --filter-radius-md: var(--radius-md);
        --filter-radius-lg: var(--radius-full);
        --form-radius-sm: var(--radius-sm);
        --form-radius-md: var(--radius-md);
        --form-radius-lg: var(--radius-lg);
        --form-control-padding-y: 12px;
        --form-control-padding-x: 16px;
        --form-control-font-size: 14px;
        --form-control-line-height: 1.5;
        --form-control-min-height: 40px;
        --form-control-margin-bottom: 0;
        --form-textarea-min-height: 100px;
        --form-label-font-size: 13px;
        --form-label-margin-bottom: var(--space-2);
        --form-group-label-margin-bottom: var(--space-2);
        --form-group-margin-bottom: var(--space-4);
        --form-row-gap: var(--space-4);
        --form-actions-gap: var(--space-md);
        --form-help-font-size: 12px;
        --form-error-font-size: 12px;
        --form-hint-font-size: var(--text-xs);
        --form-fieldset-padding: var(--space-6);
        --form-fieldset-radius: var(--form-radius-md);
        --form-legend-padding-x: var(--space-2);
        --form-inline-gap: var(--space-2);
        --form-checkbox-size: 20px;
        --form-textarea-map-min-height: 80px;
        --btn-icon-gap-sm: var(--space-2);
        --btn-icon-gap-md: var(--space-2);
        --btn-icon-gap-lg: var(--space-3);
        --btn-gap: var(--btn-icon-gap-md);
        --btn-min-height: 40px;
        --btn-padding-y: var(--space-3);
        --btn-padding-x: var(--space-6);
        --btn-font-size: 14px;
        --btn-line-height: 1.5;
        --btn-sm-min-height: calc(var(--space-8) + var(--space-1));
        --btn-sm-padding-y: calc(var(--space-2) + var(--space-1));
        --btn-sm-padding-x: var(--space-4);
        --btn-sm-font-size: var(--text-sm);
        --btn-sm-line-height: 1.4;
        --btn-lg-min-height: calc(var(--space-10) + var(--space-2));
        --btn-lg-padding-y: var(--space-3);
        --btn-lg-padding-x: var(--space-8);
        --btn-lg-font-size: var(--text-lg);
        --btn-lg-line-height: 1.5;
        --btn-icon-size-sm: var(--btn-sm-font-size);
        --btn-icon-size-md: var(--btn-font-size);
        --btn-icon-size-lg: var(--btn-lg-font-size);
        --btn-icon-size: var(--btn-icon-size-md);
        --btn-sm-icon-size: var(--btn-icon-size-sm);
        --btn-tbl-min-height: calc(var(--space-10) + var(--space-2));
        --btn-tbl-padding-y: var(--space-3);
        --btn-tbl-padding-x: var(--space-6);
        --btn-tbl-font-size: clamp(0.875rem, 1.5vw, 1rem);
        --btn-tbl-icon-size: var(--text-base);
        --action-btn-size: 35px;
        --action-btn-icon-size: var(--text-base);
        --file-upload-trigger-min-width: 44px;
        --file-upload-state-inset: 6px;
        --file-upload-state-size: 1.5rem;
        --file-upload-state-font: 0.95rem;
        --file-upload-state-icon-box: 1.25rem;
        --form-input-inline-max-w: 132px;
        --form-input-inline-min-w: 96px;
        --form-input-inline-pad-y: 0.25rem;
        --form-input-inline-pad-x: 0.5rem;
        --form-input-inline-fs: 0.875rem;
        --receipt-missing-fs: 0.875rem;
        --receipt-missing-icons-gap: 0.2rem;
        --receipt-sms-label-fs: 0.875rem;
        --select-file-pad-y: var(--space-2);
        --select-file-pad-x: var(--space-3);
        --select-file-gap: var(--space-2);
        --select-file-icon-fs: var(--text-base);
        --select-file-text-fs: var(--text-sm);
        --select-file-name-max-w: 150px;
        --btn-close-pad-y: var(--space-1);
        --btn-close-pad-x: var(--space-2);
        --btn-icon-pad-y: var(--space-2);
        --btn-icon-pad-x: var(--space-3);
        --btn-icon-fs: var(--btn-icon-size-md);
        --btn-icon-gap: var(--btn-icon-gap-md);
        --btn-icon-i-fs: var(--btn-icon-size-md);
        --btn-restore-pad-y: var(--space-3);
        --btn-restore-pad-x: calc(var(--space-6) + var(--space-2) - 2px);
        --btn-restore-fs: var(--text-base);
        --btn-copy-pad-y: calc((var(--space-1) + var(--space-2)) / 2);
        --btn-copy-pad-x: var(--space-3);
        --btn-copy-fs: 0.85em;
        --btn-copy-gap: calc(1.25 * var(--space-1));
        --btn-small-pad-y: var(--space-2);
        --btn-small-pad-x: var(--space-4);
        --btn-small-fs: calc((var(--text-xs) + var(--text-sm)) / 2);
        --btn-save-pad-y: var(--space-3);
        --btn-save-pad-x: var(--space-6);
        --btn-save-fs: var(--text-base);
        --btn-save-margin-top: var(--space-5);
        --btn-outline-border-w: 2px;
        --btn-submit-pad-y: var(--space-3);
        --btn-submit-pad-x: var(--space-6);
        --btn-submit-fs: var(--text-base);
        --form-card-padding: var(--space-5);
        --form-card-radius: 20px;
        --form-card-label-font-size: 0.9rem;
        --form-card-input-icon-offset: 12px;
        --form-card-input-icon-size: 0.95rem;
        --form-card-input-icon-box: 18px;
        --form-card-input-padding-left: 42px;
        --form-card-submit-font-size: 1rem;
        --form-card-submit-gap: var(--space-2);
        --form-inline-icon-min-height: 42px;
        --form-choice-chip-pad-y: 4px;
        --form-choice-chip-pad-x: 8px;
        --form-choice-chip-font-size: 10px;
        --form-choice-chip-min-height: 28px;
        --apostille-form-padding: 24px 20px;
        --apostille-form-margin-y: 16px;
        --apostille-form-title-font-size: 22px;
        --apostille-form-title-margin-bottom: 20px;
        --apostille-form-group-gap: 20px;
        --apostille-radio-size: 18px;
        --apostille-control-font-size: 14px;
        --apostille-control-pad-y: 10px;
        --apostille-control-pad-x: 14px;
        --qr-select-min-width: 120px;
        --translation-label-font-size: 13px;
        --translation-icon-size: 15px;
        --specialty-form-gap: 16px;
        --specialty-form-padding: 16px;
        --specialty-form-section-padding: 16px;
        --specialty-form-footer-margin-top: 16px;
        --modal-overlay-padding: 15px;
        --modal-card-padding: 25px;
        --modal-card-radius: 16px;
        --modal-dialog-width: 90%;
        --modal-dialog-max-width: 550px;
        --modal-dialog-max-height: 90vh;
        --modal-compact-min-width: 320px;
        --modal-compact-max-width: 380px;
        --modal-medium-max-width: 500px;
        --modal-large-max-width: 820px;
        --modal-content-large-max-width: 95%;
        --modal-content-large-padding: var(--space-4);
        --modal-image-width: 70%;
        --modal-image-max-width: 380px;
        --modal-image-padding-top: 8%;
        --modal-header-gap: 12px;
        --modal-header-margin-bottom: 20px;
        --modal-header-padding-bottom: 15px;
        --modal-title-font-size: var(--text-xl);
        --modal-close-size: 40px;
        --modal-close-font-size: 24px;
        --modal-footer-gap: 10px;
        --modal-footer-margin-top: 20px;
        --modal-action-pad-y: 12px;
        --modal-action-pad-x: 24px;
        --modal-action-font-size: 15px;
        --modal-action-min-width: 120px;
        --modal-scoped-header-pad-y: 16px;
        --modal-scoped-header-pad-x: 20px;
        --modal-scoped-body-pad: 20px;
        --modal-scoped-body-max-h: 60vh;
        --card-title-font-size: 1.05rem;
        --card-title-margin-bottom: 18px;
        --card-title-padding-bottom: 9px;
        --card-header-padding-y: var(--space-4);
        --card-header-padding-x: var(--space-5);
        --card-body-padding: var(--space-5);
        --card-grid-min-width: 220px;
        --student-card-padding: 18px;
        --student-card-margin-bottom: 16px;
        --student-card-heading-margin-bottom: 8px;
        --sys-container-max-width: 100%;
        --sys-container-margin: 24px auto;
        --sys-container-padding: 18px;
        --sys-container-title-margin-bottom: 20px;
        --sys-container-title-font-size: 22px;
        --teams-student-card-padding: 18px;
        --teams-student-card-gap: 12px;
        --teams-card-header-gap: 12px;
        --teams-card-content-gap: 12px;
        --teams-card-content-padding-top: 10px;
        --teams-card-actions-gap: 8px;
        --summary-cards-min-width: 180px;
        --summary-cards-gap: var(--space-md);
        --summary-card-padding: var(--space-5);
        --pending-request-card-padding: 14px;
        --search-panel-padding: 18px;
        --search-panel-actions-gap: 8px;
        --debt-summary-card-padding: 18px;
        --debt-summary-card-margin: 18px 0;
        --debt-summary-card-icon-top: 12px;
        --debt-summary-card-icon-right: 12px;
        --debt-summary-card-icon-size: 22px;
        --payment-card-header-padding: 16px 18px 12px;
        --payment-card-title-font-size: 17px;
        --payment-card-title-gap: 8px;
        --payment-card-body-padding: 18px;
        --payment-result-card-padding: 32px;
        --donation-card-padding: 2.5rem 2rem;
        --donation-card-margin-bottom: 2.5rem;
        --donation-card-max-width: 560px;
        --donation-card-icon-size: 72px;
        --donation-card-icon-margin-bottom: 1.25rem;
        --donation-card-icon-font-size: 2.25rem;
        --donation-card-subtitle-margin-bottom: 1.5rem;
        --donation-card-title-font-size: 1.6rem;
        --common-curator-grid-min: 110px;
        --common-curator-grid-gap: 10px;
        --common-curator-grid-margin-top: 10px;
        --common-curator-grid-padding-y: 6px;
        --credentials-dialog-width: min(390px, 100%);
        --credentials-dialog-padding: 22px 22px 24px;
        --credentials-dialog-radius: 16px;
        --credentials-dialog-gap: 14px;
        --credentials-close-offset: 10px;
        --credentials-close-size: 36px;
        --credentials-close-font-size: 20px;
        --credentials-header-gap: 10px;
        --credentials-header-padding-right: 36px;
        --credentials-body-gap: 12px;
        --credentials-row-gap: 10px;
        --credentials-row-padding: 10px 12px;
        --credentials-row-radius: 10px;
        --credentials-title-font-size: 18px;
        --credentials-label-font-size: 12px;
        --credentials-value-font-size: 14px;
        --common-student-panel-padding: 1rem 1.25rem;
        --common-student-title-margin-bottom: 0.875rem;
        --common-student-title-font-size: 1.25rem;
        --common-student-title-padding: 0.45rem 0.85rem;
        --common-student-actions-gap: 0.5rem;
        --common-head-menu-gap: 8px;
        --common-head-menu-item-width: calc(25% - 8px);
        --common-head-menu-link-padding: 6px;
        --common-head-menu-link-radius: 14px;
        --common-head-menu-link-font-size: 12px;
        --common-head-menu-link-gap: 8px;
        --common-head-menu-icon-size: 28px;
        --common-head-menu-text-font-size: 11px;
        --common-detail-panel-padding: 18px;
        --common-detail-panel-margin: 8px 0;
        --common-detail-row-padding: 10px 0;
        --common-option-grid-min: 220px;
        --common-option-grid-gap: 16px;
        --common-option-grid-margin-bottom: 20px;
        --common-option-card-padding: 18px;
        --common-settings-group-gap: 16px;
        --common-settings-group-padding: 14px;
        --common-selection-block-gap: 8px;
        --common-selection-block-padding: 8px 10px;
        --common-translation-block-margin: 12px 0;
        --common-translation-block-padding: 8px;
        --common-quantity-width: 66px;
        --common-quantity-padding: 6px 8px;
        --common-quantity-font-size: 13px;
        --common-alert-max-width: 100%;
        --common-alert-margin: 16px auto;
        --common-alert-padding: 14px 18px;
        --common-alert-font-size: 14px;
        --legacy-page-pad: 15px;
        --legacy-page-title-font-size: 1.5em;
        --legacy-page-title-margin-bottom: 20px;
        --legacy-page-title-gap: 10px;
        --legacy-page-title-padding-bottom: 10px;
        --legacy-page-narrow-max: 100%;
        --legacy-page-medium-max: 100%;
        --legacy-page-wide-max: 100%;
        --legacy-alert-padding: 10px 14px;
        --legacy-alert-gap: 8px;
        --legacy-alert-font-size: 13px;
        --legacy-alert-margin-bottom: 16px;
        --legacy-section-padding: 15px;
        --legacy-section-margin-bottom: 20px;
        --legacy-section-title-font-size: 1.15em;
        --legacy-section-title-margin-bottom: 16px;
        --legacy-section-title-gap: 8px;
        --legacy-section-title-padding-bottom: 8px;
        --legacy-actions-gap: 10px;
        --legacy-apostille-header-margin-bottom: 20px;
        --legacy-apostille-title-font-size: 1.5em;
        --legacy-apostille-stats-min: 150px;
        --legacy-apostille-stats-gap: 15px;
        --legacy-apostille-stats-padding: 15px;
        --legacy-apostille-stats-margin-bottom: 20px;
        --legacy-apostille-pending-padding: 18px;
        --legacy-apostille-pending-margin: 18px 0;
        --legacy-apostille-pending-title-font-size: 18px;
        --legacy-apostille-pending-title-margin-bottom: 16px;
        --legacy-apostille-pending-title-gap: 8px;
        --legacy-apostille-request-gap: 8px;
        --legacy-apostille-request-margin-bottom: 8px;
        --legacy-apostille-request-padding-bottom: 8px;
        --legacy-apostille-request-icon-size: 20px;
        --legacy-apostille-request-student-font-size: 14px;
        --legacy-apostille-request-curator-font-size: 12px;
        --badge-menu-pad-y: 2px;
        --badge-menu-pad-x: 7px;
        --badge-menu-margin-left: 6px;
        --badge-menu-radius: 11px;
        --badge-menu-font-size: 10px;
        --badge-menu-min-width: 18px;
        --badge-status-pad-y: 4px;
        --badge-status-pad-x: 10px;
        --badge-status-radius: 11px;
        --badge-status-font-size: 11px;
        --badge-status-min-width: 70px;
        --badge-status-height: 30px;
        --badge-translation-pad-y: 4px;
        --badge-translation-pad-x: 10px;
        --badge-translation-font-size: 0.85em;
        --badge-translation-margin-left: 8px;
        --badge-request-gap: 5px;
        --badge-request-pad-y: 5px;
        --badge-request-pad-x: 10px;
        --badge-request-radius: 16px;
        --badge-request-font-size: 11px;
        --badge-request-compact-pad-y: 4px;
        --badge-request-compact-pad-x: 8px;
        --badge-request-compact-radius: 4px;
        --badge-request-compact-font-size: 0.8em;
        --badge-request-compact-margin-top: 6px;
        --badge-notification-pad-y: 2px;
        --badge-notification-pad-x: 5px;
        --badge-notification-font-size: 0.68rem;
        --badge-notification-size: 17px;
        --badge-count-top: -8px;
        --badge-count-right: -8px;
        --badge-count-min-width: 23px;
        --badge-count-size: 23px;
        --badge-count-pad-x: 6px;
        --badge-count-font-size: var(--text-xs);
        --badge-count-radius: 11.5px;
        --badge-count-sm-top: -6px;
        --badge-count-sm-right: -6px;
        --badge-count-sm-min-width: 19px;
        --badge-count-sm-size: 19px;
        --badge-count-sm-pad-x: 5px;
        --badge-count-sm-font-size: var(--text-xs);
        --badge-count-sm-radius: 9.5px;
        --badge-count-lg-top: -10px;
        --badge-count-lg-right: -10px;
        --badge-count-lg-min-width: 27px;
        --badge-count-lg-size: 27px;
        --badge-count-lg-pad-x: 8px;
        --badge-count-lg-font-size: var(--text-sm);
        --badge-count-lg-radius: 13.5px;
        --badge-security-pad-y: 4px;
        --badge-security-pad-x: 8px;
        --badge-security-radius: 10px;
        --badge-security-font-size: 10px;
        --badge-security-gap: 4px;
        --badge-payment-pad-y: 3px;
        --badge-payment-pad-x: 8px;
        --badge-payment-radius: 10px;
        --badge-payment-font-size: 10px;
        --badge-payment-gap: 4px;
        --badge-mini-pad-y: 2px;
        --badge-mini-pad-x: 6px;
        --badge-mini-radius: 8px;
        --badge-mini-font-size: 9px;
        --badge-lesson-shared-pad-y: 3px;
        --badge-lesson-shared-pad-x: 7px;
        --badge-lesson-shared-radius: 4px;
        --badge-lesson-shared-font-size: 9px;
        --badge-lesson-shared-margin-left: 6px;
        --badge-method-size: 28px;
    }
    #head-icon-menu, .settings-navigation .head-icon-menu, .curator-panel-shortcuts .head-icon-menu
 {
        max-height: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
    #head-icon-menu a i, .settings-navigation .head-icon-menu a i, .curator-panel-shortcuts .head-icon-menu a i, #head-icon-menu .menu-link i, .settings-navigation .head-icon-menu .menu-link i, .curator-panel-shortcuts .head-icon-menu .menu-link i
 {
        width: 24px;
        height: 24px;
        min-width: 24px;
    }
    #head-icon-menu .menu-badge, .settings-navigation .head-icon-menu .menu-badge, .curator-panel-shortcuts .head-icon-menu .menu-badge
 {
        min-width: 26px;
        height: 26px;
    }
    
    .custom-modal
 {
        width: 100%;
        min-height: 100%;
        min-height: 100dvh;
        padding: var(--space-4);
    }
    .custom-modal.active, .custom-modal.is-visible
 {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 100% !important;
        min-height: 100dvh !important;
    }
    .settings-navigation ul
 {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: var(--space-3);
        width: 100%;
    }
    .settings-navigation li
 {
        min-width: 0;
    }
    .settings-navigation a
 {
        width: 100%;
    }
    .settings-navigation.main-navigation
 {
        margin: 0;
        padding: 0;
    }
    .settings-navigation.main-navigation ul
 {
        margin: 0;
        padding: 0;
    }
    .settings-navigation.main-navigation li
 {
        width: 100%;
        max-width: none;
        flex: none;
        min-width: 0;
    }
    .admin-site-settings-back
 {
        margin: var(--space-3) 0 var(--space-4);
    }
    .admin-site-settings-back a
 {
        font-size: var(--text-sm);
    }
    
    .footer-logout
 {
        text-align: right;
    }
    .footer-logout form
 {
        display: inline-block;
        width: auto;
        max-width: none;
        margin: 0;
    }
    .footer-logout button.btn.btn-danger.footer-logout-btn, .footer-logout .btn.footer-logout-btn
 {
        width: auto;
        max-width: none;
    }
    button, .btn
 {
        min-height: var(--btn-min-height);
        padding: var(--btn-padding-y) var(--btn-padding-x);
        font-size: var(--btn-font-size);
        line-height: var(--btn-line-height);
    }
    .btn i, .btn .fas, .btn .far, .btn .fal, .btn .fab, .btn .fa, button i, button .fas, button .far, button .fal, button .fab, button .fa
 {
        font-size: var(--btn-icon-size-md);
    }
    .btn-sm, button.btn-sm
 {
        min-height: var(--btn-sm-min-height);
        padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);
        font-size: var(--btn-sm-font-size);
        line-height: var(--btn-sm-line-height);
    }
    .btn-sm i, .btn-sm .fas, .btn-sm .far, .btn-sm .fal, .btn-sm .fab, .btn-sm .fa, button.btn-sm i
 {
        font-size: var(--btn-icon-size-sm);
    }
    .btn-lg, button.btn-lg
 {
        min-height: var(--btn-lg-min-height);
        padding: var(--btn-lg-padding-y) var(--btn-lg-padding-x);
        font-size: var(--btn-lg-font-size);
        line-height: var(--btn-lg-line-height);
    }
    
    .otp-panel.admin-otp-panel
 {
        max-width: 42rem;
        padding: var(--space-4);
    }
    a.action-btn, button.action-btn
 {
        width: var(--action-btn-size);
        height: var(--action-btn-size);
        min-width: var(--action-btn-size);
        min-height: var(--action-btn-size);
    }
    
    .mail-actions
 {
        gap: var(--space-3);
        margin-top: var(--space-3);
        padding-top: var(--space-3);
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 8px;
        column-gap: 8px;
    }
    .mail-action-btn
 {
        gap: var(--space-2);
        padding: 8px 12px;
        font-size: 12px;
        flex: 1 1 0;
        min-width: 100px;
        justify-content: center;
    }
    .mail-filters
 {
        gap: var(--space-3);
        margin-bottom: var(--space-5);
        flex-direction: row;
        flex-wrap: wrap;
    }
    .mail-filter-btn
 {
        padding: var(--space-2) var(--space-4);
        font-size: var(--text-sm);
    }
    
    .tbl td .btn, .tbl th .btn, .tbl td button, .tbl th button, .tbl td a.btn, .tbl th a.btn
 {
        min-height: var(--btn-tbl-min-height);
        padding: var(--btn-tbl-padding-y) var(--btn-tbl-padding-x);
        font-size: var(--btn-tbl-font-size);
        line-height: 1.5;
        height: auto;
        vertical-align: middle;
        white-space: nowrap;
        flex-shrink: 1;
        min-width: 0;
    }
    
    .tbl td .btn i, .tbl th .btn i, .tbl td button i, .tbl th button i, .tbl td a.btn i, .tbl th a.btn i, .tbl td .btn .fas, .tbl th .btn .fas, .tbl td button .fas, .tbl th button .fas, .tbl td a.btn .fas, .tbl th a.btn .fas
 {
        font-size: var(--btn-tbl-icon-size);
        line-height: 1;
        height: auto;
        width: auto;
    }
    .container
 {
        max-width: 1400px;
        padding: var(--space-8);
    }
    .modal-content
 {
        width: 90%;
        max-width: 1200px;
        padding: var(--space-xxl);
    }
    .admin-apostille-modal-content
 {
        width: 90%;
        max-width: 600px;
    }
    .modal-content-large
 {
        max-width: 1200px;
    }
    .settings-grid-form
 {
        grid-template-columns: 2fr 1fr 3fr auto;
    }
    

    .tbl
 {
        width: 100%;
        max-width: calc(100vw - var(--space-8) * 2);
        table-layout: fixed;
    }
    .tbl tbody tr
 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .tbl tbody td
 {
        padding-top: var(--space-2);
        padding-bottom: var(--space-2);
    }
    
    .tbl th.tbl__col--id, .tbl td.tbl__col--id, .tbl .tbl__col--id, .tbl__col--id
 {
        width: 50px !important;
        min-width: 50px !important;
        max-width: 60px !important;
    }
    .tbl__col--checkbox
 {
        width: 1%;
        min-width: 40px;
        max-width: 50px;
        padding-left: var(--space-4);
        padding-right: var(--space-1);
    }
    .tbl__col--date
 {
        width: clamp(130px, calc(12% - var(--space-2)), 150px);
        min-width: 130px;
        max-width: 150px;
    }
    .tbl:has(.tbl__col--checkbox) td:nth-child(2), .tbl:has(.tbl__col--checkbox) th:nth-child(2)
 {
        padding-left: calc(var(--space-4) + 5px);
    }
    .tbl:not(.students-list-table) th:nth-child(2), .tbl:not(.students-list-table) td:nth-child(2), .tbl:not(.students-list-table) tbody tr td:nth-child(2)
 {
        width: calc(46% - var(--space-2));
        min-width: 230px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: break-word;
    }
    
    .tbl:has(.tbl__col--checkbox) th:nth-child(2), .tbl:has(.tbl__col--checkbox) td:nth-child(2), .tbl:has(.tbl__col--checkbox) tbody tr td:nth-child(2)
 {
        width: calc(95% - var(--space-2)) !important;
        min-width: 200px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: break-word;
    }
    
    .tbl td.tbl__col--select
 {
        width: calc(70% - var(--space-2)) !important;
        min-width: 250px !important;
        max-width: 400px !important;
        text-align: left;
        white-space: nowrap;
        overflow: visible;
        text-overflow: clip;
        word-wrap: normal;
        word-break: normal;
    }
    .tbl tbody tr:has(td.tbl__col--select) th, .tbl tbody tr:has(td.tbl__col--select) th:first-child
 {
        width: calc(30% - var(--space-2));
        min-width: 150px;
        max-width: 200px;
    }
    .tbl td.tbl__col--select select, .tbl td.tbl__col--select .form-input
 {
        width: 100%;
        min-width: 200px;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .tbl tbody tr:has(td:nth-child(2) input:not(select)) th, .tbl tbody tr:has(td:nth-child(2) input:not(select)) th:first-child
 {
        width: calc(25% - var(--space-2));
        min-width: 150px;
        max-width: 200px;
    }
    .tbl tbody tr:has(td:nth-child(2) input:not(select)) td:nth-child(2)
 {
        width: calc(75% - var(--space-2)) !important;
        min-width: 300px;
        text-align: left;
    }
    
    .tbl thead:has(th:nth-child(3):last-child) th:nth-child(1), .tbl thead:has(th:nth-child(3):last-child) ~ tbody td:nth-child(1), .tbl:has(thead th:nth-child(3):last-child) th:nth-child(1), .tbl:has(thead th:nth-child(3):last-child) td:nth-child(1)
 {
        width: calc(40% - var(--space-2));
        min-width: 200px;
        text-align: left;
    }
    .tbl thead:has(th:nth-child(3):last-child) th:nth-child(2), .tbl thead:has(th:nth-child(3):last-child) ~ tbody td:nth-child(2), .tbl:has(thead th:nth-child(3):last-child) th:nth-child(2), .tbl:has(thead th:nth-child(3):last-child) td:nth-child(2)
 {
        width: calc(35% - var(--space-2));
        min-width: 180px;
        text-align: left;
    }
    .tbl thead:has(th:nth-child(3):last-child) th:nth-child(3), .tbl thead:has(th:nth-child(3):last-child) ~ tbody td:nth-child(3), .tbl:has(thead th:nth-child(3):last-child) th:nth-child(3), .tbl:has(thead th:nth-child(3):last-child) td:nth-child(3)
 {
        width: calc(25% - var(--space-2));
        min-width: 120px;
        text-align: left;
    }
    
    .tbl:has(#student_list) tbody#student_list
 {
        display: block;
        max-height: 210px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .tbl:has(#student_list) thead, .tbl:has(#student_list) thead tr, .tbl:has(#student_list) thead th
 {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    .tbl:has(#student_list) tbody#student_list tr
 {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    #university-list-table th:nth-child(1), #university-list-table td:nth-child(1)
 {
        width: calc(50% - var(--space-2));
        min-width: 300px;
        text-align: left;
    }
    .tbl__col--actions
 {
        width: calc(12% - var(--space-2));
        min-width: 75px;
        max-width: 95px;
        text-align: center;
        white-space: nowrap;
    }
    
    .tbl:has(td.tbl__col--actions:nth-child(2)) td:first-child, .tbl:has(td.tbl__col--actions:nth-child(2)) th:first-child
 {
        width: calc(88% - var(--space-2));
        min-width: 200px;
    }
    .tbl:has(td.tbl__col--actions:nth-child(2)) td.tbl__col--actions
 {
        width: calc(12% - var(--space-2)) !important;
        min-width: 75px !important;
        max-width: 95px !important;
    }
    .tbl__col--actions a, .tbl__col--actions button
 {
        display: inline-block;
        vertical-align: middle;
        margin: 0 var(--space-1);
    }
    .tbl:not(.cost-view-table) th:nth-child(3):not(.tbl__col--actions), .tbl:not(.cost-view-table) td:nth-child(3):not(.tbl__col--actions), .tbl:not(.cost-view-table) tbody tr td:nth-child(3):not(.tbl__col--actions), .tbl:not(.cost-view-table) th:nth-child(4):not(.tbl__col--actions), .tbl:not(.cost-view-table) td:nth-child(4):not(.tbl__col--actions), .tbl:not(.cost-view-table) th:nth-child(5):not(.tbl__col--actions), .tbl:not(.cost-view-table) td:nth-child(5):not(.tbl__col--actions)
 {
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: break-word;
    }
    .tbl:not(.students-list-table) tbody tr td:nth-child(3).tbl__col--actions, .tbl:not(.students-list-table) tbody tr td:nth-child(4).tbl__col--actions, .tbl:not(.students-list-table) tbody tr td:nth-child(5).tbl__col--actions
 {
        width: calc(12% - var(--space-2));
        min-width: 75px;
        max-width: 95px;
        text-align: center;
    }
    .tbl:not(.cost-view-table) tbody tr td:nth-child(4):not(.tbl__col--actions), .tbl:not(.cost-view-table) tbody tr td:nth-child(5):not(.tbl__col--actions)
 {
        text-align: left;
    }
    .tbl--cols-4 th:nth-child(1):not(.tbl__col--checkbox), .tbl--cols-4 td:nth-child(1):not(.tbl__col--checkbox), .tbl thead:has(th:nth-child(4):last-child) ~ tbody td:nth-child(1):not(.tbl__col--checkbox), .tbl thead:has(th:nth-child(4):last-child) th:nth-child(1):not(.tbl__col--checkbox)
 {
        width: calc(10% - var(--space-2));
        min-width: 70px;
        max-width: 85px;
        text-align: left;
    }
    .tbl--cols-4 th:nth-child(2), .tbl--cols-4 td:nth-child(2), .tbl thead:has(th:nth-child(4):last-child) ~ tbody td:nth-child(2), .tbl thead:has(th:nth-child(4):last-child) th:nth-child(2)
 {
        width: calc(42% - var(--space-2));
        min-width: 200px;
        text-align: left;
    }
    .tbl--cols-4 th:nth-child(3), .tbl--cols-4 td:nth-child(3), .tbl thead:has(th:nth-child(4):last-child) ~ tbody td:nth-child(3), .tbl thead:has(th:nth-child(4):last-child) th:nth-child(3)
 {
        width: calc(28% - var(--space-2));
        min-width: 150px;
        text-align: left;
    }
    .tbl--cols-4 th:nth-child(4), .tbl--cols-4 td:nth-child(4), .tbl thead:has(th:nth-child(4):last-child) ~ tbody td:nth-child(4), .tbl thead:has(th:nth-child(4):last-child) th:nth-child(4)
 {
        width: calc(20% - var(--space-2));
        min-width: 80px;
        max-width: 120px;
        text-align: center;
    }
    .tbl--cols-4 .tbl__col--id, .tbl thead:has(th:nth-child(4):last-child) ~ tbody .tbl__col--id
 {
        width: calc(10% - var(--space-2));
        min-width: 70px;
        max-width: 85px;
        text-align: left;
    }
    .table-container > table:not(.exam-students-table):not(.deferred-actions-table) col.tbl__col--id
 {
        width: 50px;
    }
    .table-container > table:not(.exam-students-table):not(.deferred-actions-table) th.tbl__col--id, .table-container > table:not(.exam-students-table):not(.deferred-actions-table) td.tbl__col--id
 {
        width: 50px;
    }
    
    .table-container > .tbl th.tbl__col--id, .table-container > .tbl td.tbl__col--id
 {
        width: 50px;
        min-width: 50px;
        max-width: 60px;
    }
    .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table) col.col-action-1, .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table) col.col-action-2, .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table) col.col-action-3, .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table) col.col-action-4
 {
        width: 60px;
    }
    .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table):not(.curator-list-table):not(.curator-notifications-table):not(.sms-function-map-table):not(.cost-edit-table):not(.cost-view-table):not(.documents-apply-table):not(.translation-management-table) th:nth-child(5), .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table):not(.curator-list-table):not(.curator-notifications-table):not(.sms-function-map-table):not(.cost-edit-table):not(.cost-view-table):not(.documents-apply-table):not(.translation-management-table) th:nth-child(6), .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table):not(.curator-list-table):not(.curator-notifications-table):not(.sms-function-map-table):not(.cost-edit-table):not(.cost-view-table):not(.documents-apply-table):not(.translation-management-table) td:nth-child(5), .table-container > table:not(.exam-students-table):not(.deferred-actions-table):not(.students-list-table):not(.curator-list-table):not(.curator-notifications-table):not(.sms-function-map-table):not(.cost-edit-table):not(.cost-view-table):not(.documents-apply-table):not(.translation-management-table) td:nth-child(6)
 {
        width: 60px;
    }
    .tbl--cols-4 .tbl__col--actions, .tbl thead:has(th:nth-child(4):last-child) ~ tbody .tbl__col--actions
 {
        width: calc(20% - var(--space-2));
        min-width: 80px;
        max-width: 120px;
        text-align: center;
    }
    .tbl img, .tbl .fas, .tbl .far, .tbl .fal, .tbl .fab, .tbl .fa, .tbl i, .tbl .status-icon
 {
        width: 35px;
        height: 35px;
        max-width: 35px;
        max-height: 35px;
        object-fit: contain;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .tbl .fas, .tbl .far, .tbl .fal, .tbl .fab, .tbl .fa, .tbl i, .tbl .status-icon
 {
        font-size: 35px;
        line-height: 35px;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .tbl a
 {
        margin-top: 0;
        margin-bottom: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    

    .card-body .students-list-table
 {
        min-width: 900px;
        font-size: 14px;
        --sl-action-pad-x: 10px;
        --sl-action-pad-y: 12px;
        --sl-action-btn: 44px;
        --sl-action-icon: 1rem;
    }
    .card-body .students-list-table th
 {
        padding: 12px 16px;
        font-size: 13px;
    }
    .card-body .students-list-table th.tbl__col--id, .card-body .students-list-table td.tbl__col--id
 {
        width: 70px;
        min-width: 70px;
        text-align: left;
    }
    .card-body .students-list-table th.col-fullname, .card-body .students-list-table td.col-fullname
 {
        width: auto;
    }
    .card-body .students-list-table td.col-fullname
 {
        padding: 12px 16px;
        font-size: 14px;
    }
    
    table
 {
    font-size: 14px;
}
    th, td
 {
    padding: 12px 16px;
}
    .card
 {
    padding: 0;
}
    .filter-header
 {
        cursor: pointer;
        user-select: none;
        transition: background-color 0.2s ease;
    }
    .filter-header:hover
 {
        background-color: var(--bg-hover);
    }
    .filter-header .filter-icon
 {
        margin-left: var(--space-2);
        transition: transform 0.3s ease;
    }
    .filter-header[aria-expanded="true"] .filter-icon
 {
        transform: rotate(180deg);
    }
    .filter-toggle
 {
        display: flex !important;
        cursor: pointer;
    }
    #filter-form-container
 {
        max-height: 0;
        opacity: 0;
        transform: translateY(-10px);
        padding: 0 var(--space-xxl) !important;
        overflow: hidden;
        transition: all 0.3s ease;
    }
    #filter-form-container.filters-open
 {
        max-height: 1000px;
        opacity: 1;
        transform: translateY(0);
        padding: var(--space-xxl) !important;
        overflow: visible;
    }
    .card-header
 {
    padding: var(--space-5) var(--space-6);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
}
    .card-body
 {
    padding: var(--space-6);
}
    .card-body .tbl
 {
        margin: 0;
    }
    .grid
 {
    display: grid;
    gap: var(--space-4);
}
    .grid-2
 {
    grid-template-columns: repeat(2, 1fr);
}
    .grid-3
 {
    grid-template-columns: repeat(3, 1fr);
}
    .grid-4
 {
    grid-template-columns: repeat(4, 1fr);
}
    .filter-form .filter-row-3
 {
    grid-template-columns: repeat(3, 1fr);
}
    .flex
 {
    display: flex;
    gap: var(--space-md);
}
    .flex-between
 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-md);
}
    .flex-center
 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-md);
}
    .student-box-admin-actions
 {
        width: 100%;
        gap: var(--space-3);
        padding: var(--space-6) 0;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: auto;
    }
    

    .avatar-img
 {
        width: 140px;
        height: 140px;
        border-width: 5px;
    }
    .student-profile-header-container
 {
        flex-direction: row;
        align-items: flex-start;
        gap: var(--space-xl);
    }
    .student-info-wrapper
 {
        order: 1;
        flex: 1;
    }
    .student-avatar-block
 {
        order: 2;
        flex-shrink: 0;
        justify-content: flex-end;
    }
    .student-box-admin-info
 {
    width: 100%;
    padding: var(--space-8) var(--space-10);
}
    .student-box-title
 {
    font-size: var(--text-3xl);
    margin-bottom: var(--space-6);
}
    .student-box-admin-info p
 {
    font-size: var(--text-lg);
    margin: var(--space-4) 0;
}
    .student-avatar-in-box
 {
    top: var(--space-xl);
    right: var(--space-2xl);
}
    .student-avatar-in-box .avatar-img
 {
    width: 200px;
    height: 200px;
    border-width: 7px;
}
    .admin-student-status
 {
    top: 240px;
    right: var(--space-2xl);
    min-width: 140px;
    height: 48px;
    padding: 0 var(--space-7);
    font-size: var(--text-lg);
    line-height: 48px;
    transform: none;
    border-width: 3px;
}
    .admin-student-status:hover
 {
    transform: scale(1.1);
}
    .user-table
 {
        font-size: 19px;
        width: 100%;
    }
    .user-table th
 {
        font-size: 20px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table td
 {
        font-size: 19px;
        padding: var(--space-lg) var(--space-xl);
    }
    table.user-table.user-table--profile:not(.documents-table) th, table.user-table.user-table--profile:not(.documents-table) td
 {
        padding: var(--space-1) var(--space-xl);
    }
    .user-table td:first-child
 {
        min-width: 180px;
    }
    
    .user-table.documents-table
 {
        table-layout: fixed;
    }
    .user-table.documents-table th:nth-child(1), .user-table.documents-table td:nth-child(1)
 {
        width: 40%;
        min-width: 200px;
    }
    .user-table.documents-table th:nth-child(2), .user-table.documents-table td:nth-child(2)
 {
        width: 30%;
        min-width: 150px;
        text-align: center;
    }
    .user-table.documents-table th:nth-child(3), .user-table.documents-table td:nth-child(3), .user-table.documents-table th:nth-child(4), .user-table.documents-table td:nth-child(4)
 {
        width: 15%;
        min-width: 80px;
        text-align: center;
    }
    .user-table#online-users-table, .user-table#offline-users-table
 {
        table-layout: fixed;
    }
    .user-table#online-users-table th:nth-child(1), .user-table#online-users-table td:nth-child(1), .user-table#offline-users-table th:nth-child(1), .user-table#offline-users-table td:nth-child(1)
 {
        width: 35%;
        min-width: 180px;
    }
    .user-table#online-users-table th:nth-child(2), .user-table#online-users-table td:nth-child(2), .user-table#offline-users-table th:nth-child(2), .user-table#offline-users-table td:nth-child(2)
 {
        width: 15%;
        min-width: 100px;
    }
    .user-table#online-users-table th:nth-child(3), .user-table#online-users-table td:nth-child(3), .user-table#offline-users-table th:nth-child(3), .user-table#offline-users-table td:nth-child(3)
 {
        width: 25%;
        min-width: 140px;
    }
    .user-table#online-users-table th:nth-child(4), .user-table#online-users-table td:nth-child(4), .user-table#offline-users-table th:nth-child(4), .user-table#offline-users-table td:nth-child(4)
 {
        width: 25%;
        min-width: 140px;
    }
    
    .user-table#hero-team-table
 {
        min-width: 750px;
    }
    .user-table#hero-team-table th.tbl__col--id, .user-table#hero-team-table td.tbl__col--id
 {
        width: 4.3%;
        min-width: 43px;
        max-width: 63px;
    }
    .user-table#hero-team-table th:nth-child(2), .user-table#hero-team-table td:nth-child(2), .user-table#hero-team-table th:nth-child(3), .user-table#hero-team-table td:nth-child(3), .user-table#hero-team-table th:nth-child(4), .user-table#hero-team-table td:nth-child(4)
 {
        width: 29.9%;
        min-width: 159px;
    }
    .user-table .action-icon, .user-table#hero-team-table .action-icon
 {
        width: 28px !important;
        height: 28px !important;
        font-size: 14px !important;
        background: none !important;
        box-shadow: none !important;
        border: none !important;
        min-width: 28px !important;
        border-radius: var(--radius-sm) !important;
    }
    .user-table .action-icon i, .user-table#hero-team-table .action-icon i
 {
        width: 14px !important;
        height: 14px !important;
        font-size: 14px !important;
    }
    .user-table#hero-team-table th:nth-child(5), .user-table#hero-team-table td:nth-child(5)
 {
        width: 6%;
        min-width: 50px;
        max-width: 70px;
    }
    .user-table#hero-team-table th:nth-child(6), .user-table#hero-team-table td:nth-child(6), .user-table#hero-team-table th:nth-child(7), .user-table#hero-team-table td:nth-child(7)
 {
        width: 10%;
        min-width: 50px;
    }
    .user-table#attendance-table
 {
        min-width: 600px;
        font-size: 16px;
    }
    .user-table#attendance-table th
 {
        font-size: 17px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#attendance-table td
 {
        font-size: 16px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#attendance-table th:nth-child(1), .user-table#attendance-table td:nth-child(1)
 {
        width: 42%;
        min-width: 150px;
    }
    .user-table#attendance-table th:nth-child(2), .user-table#attendance-table td:nth-child(2)
 {
        width: 24%;
        min-width: 110px;
    }
    .user-table#attendance-table th:nth-child(3), .user-table#attendance-table td:nth-child(3)
 {
        width: 18%;
        min-width: 95px;
    }
    .user-table#attendance-table th:nth-child(4), .user-table#attendance-table td:nth-child(4)
 {
        width: 16%;
        min-width: 80px;
    }
    .status-present, .status-late, .status-absent
 {
        font-size: 15px;
    }
    .user-table#csrf-pages-table
 {
        min-width: 600px;
        font-size: 16px;
    }
    .user-table#csrf-pages-table th
 {
        font-size: 17px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#csrf-pages-table td
 {
        font-size: 16px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#csrf-pages-table th:nth-child(1), .user-table#csrf-pages-table td:nth-child(1)
 {
        width: 52%;
        min-width: 160px;
    }
    .user-table#csrf-pages-table th:nth-child(2), .user-table#csrf-pages-table td:nth-child(2)
 {
        width: 24%;
        min-width: 110px;
    }
    .user-table#csrf-pages-table th:nth-child(3), .user-table#csrf-pages-table td:nth-child(3)
 {
        width: 24%;
        min-width: 95px;
    }
    .user-table#csrf-ips-table
 {
        min-width: 700px;
        font-size: 15px;
    }
    .user-table#csrf-ips-table th
 {
        font-size: 16px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#csrf-ips-table td
 {
        font-size: 15px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#csrf-ips-table th:nth-child(1), .user-table#csrf-ips-table td:nth-child(1)
 {
        width: 37%;
        min-width: 150px;
    }
    .user-table#csrf-ips-table th:nth-child(2), .user-table#csrf-ips-table td:nth-child(2)
 {
        width: 19%;
        min-width: 100px;
    }
    .user-table#csrf-ips-table th:nth-child(3), .user-table#csrf-ips-table td:nth-child(3)
 {
        width: 19%;
        min-width: 100px;
    }
    .user-table#csrf-ips-table th:nth-child(4), .user-table#csrf-ips-table td:nth-child(4)
 {
        width: 25%;
        min-width: 100px;
    }
    .user-table#csrf-time-table
 {
        min-width: 600px;
        font-size: 16px;
    }
    .user-table#csrf-time-table th
 {
        font-size: 17px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#csrf-time-table td
 {
        font-size: 16px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#csrf-time-table th:nth-child(1), .user-table#csrf-time-table td:nth-child(1)
 {
        width: 20%;
        min-width: 80px;
    }
    .user-table#csrf-time-table th:nth-child(2), .user-table#csrf-time-table td:nth-child(2)
 {
        width: 20%;
        min-width: 110px;
    }
    .user-table#csrf-time-table th:nth-child(3), .user-table#csrf-time-table td:nth-child(3)
 {
        width: 60%;
        min-width: 250px;
    }
    .user-table#csrf-reports-table
 {
        min-width: 800px;
        font-size: 15px;
    }
    .user-table#csrf-reports-table th
 {
        font-size: 16px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#csrf-reports-table td
 {
        font-size: 15px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#csrf-reports-table th:nth-child(1), .user-table#csrf-reports-table td:nth-child(1)
 {
        width: 20%;
        min-width: 130px;
    }
    .user-table#csrf-reports-table th:nth-child(2), .user-table#csrf-reports-table td:nth-child(2)
 {
        width: 25%;
        min-width: 150px;
    }
    .user-table#csrf-reports-table th:nth-child(3), .user-table#csrf-reports-table td:nth-child(3)
 {
        width: 12%;
        min-width: 80px;
    }
    .user-table#csrf-reports-table th:nth-child(4), .user-table#csrf-reports-table td:nth-child(4)
 {
        width: 15%;
        min-width: 90px;
    }
    .user-table#csrf-reports-table th:nth-child(5), .user-table#csrf-reports-table td:nth-child(5)
 {
        width: 13%;
        min-width: 80px;
    }
    .user-table#csrf-reports-table th:nth-child(6), .user-table#csrf-reports-table td:nth-child(6)
 {
        width: 15%;
        min-width: 110px;
    }
    .user-table#csrf-debug-table
 {
        min-width: 700px;
        font-size: 15px;
    }
    .user-table#csrf-debug-table th
 {
        font-size: 16px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#csrf-debug-table td
 {
        font-size: 15px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#csrf-debug-table th:nth-child(1), .user-table#csrf-debug-table td:nth-child(1)
 {
        width: 42%;
        min-width: 170px;
    }
    .user-table#csrf-debug-table th:nth-child(2), .user-table#csrf-debug-table td:nth-child(2)
 {
        width: 14%;
        min-width: 85px;
    }
    .user-table#csrf-debug-table th:nth-child(3), .user-table#csrf-debug-table td:nth-child(3)
 {
        width: 29%;
        min-width: 130px;
    }
    .user-table#csrf-debug-table th:nth-child(4), .user-table#csrf-debug-table td:nth-child(4)
 {
        width: 15%;
        min-width: 75px;
    }
    .user-table#student-list-table
 {
        min-width: 700px;
        font-size: 16px;
    }
    .user-table#student-list-table th
 {
        font-size: 17px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#student-list-table td
 {
        font-size: 16px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#student-list-table th.tbl__col--id, .user-table#student-list-table td.tbl__col--id
 {
        width: 8%;
        min-width: 55px;
    }
    .user-table#student-list-table th:nth-child(2), .user-table#student-list-table td:nth-child(2)
 {
        width: 37%;
        min-width: 160px;
    }
    .user-table#student-list-table th:nth-child(3), .user-table#student-list-table td:nth-child(3)
 {
        width: 21%;
        min-width: 110px;
    }
    .user-table#student-list-table th:nth-child(4), .user-table#student-list-table td:nth-child(4)
 {
        width: 21%;
        min-width: 110px;
    }
    .user-table#student-list-table th:nth-child(5), .user-table#student-list-table td:nth-child(5)
 {
        width: 13%;
        min-width: 110px;
    }
    .user-table#student-list-table tr.status-new td, .user-table#student-list-table tr.status-studying td, .user-table#student-list-table tr.status-vacation td, .user-table#student-list-table tr.status-finished td, .user-table#student-list-table tr.status-dropped td, .user-table#student-list-table tr.status-waiting td
 {
        font-size: 15px;
        font-weight: 500;
    }
    .user-table#students-verified-table, .user-table#students-pending-table
 {
        min-width: 600px;
        font-size: 16px;
    }
    .user-table#students-verified-table th, .user-table#students-pending-table th
 {
        font-size: 17px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#students-verified-table td, .user-table#students-pending-table td
 {
        font-size: 16px;
        padding: var(--space-lg) var(--space-xl);
    }
    .user-table#students-verified-table th:nth-child(1), .user-table#students-verified-table td:nth-child(1), .user-table#students-pending-table th:nth-child(1), .user-table#students-pending-table td:nth-child(1)
 {
        width: 37%;
        min-width: 160px;
    }
    .user-table#students-verified-table th:nth-child(2), .user-table#students-verified-table td:nth-child(2), .user-table#students-pending-table th:nth-child(2), .user-table#students-pending-table td:nth-child(2)
 {
        width: 33%;
        min-width: 150px;
    }
    .user-table#students-verified-table th:nth-child(3), .user-table#students-verified-table td:nth-child(3), .user-table#students-pending-table th:nth-child(3), .user-table#students-pending-table td:nth-child(3)
 {
        width: 30%;
        min-width: 200px;
    }
    .user-table#students-verified-table .btn, .user-table#students-pending-table .btn
 {
        padding: var(--space-md) var(--space-lg);
        font-size: 15px;
    }
    .table-desktop
 {
        display: block !important;
    }
    .table-mobile
 {
        display: none !important;
    }
    table#student-cost-table
 {
        display: table !important;
        table-layout: fixed;
        width: 100%;
        min-width: 1080px;
        font-size: 15px;
    }
    table#student-cost-table thead
 {
        display: table-header-group !important;
    }
    table#student-cost-table tbody
 {
        display: table-row-group !important;
    }
    table#student-cost-table tbody tr
 {
        display: table-row !important;
    }
    table#student-cost-table tbody td
 {
        display: table-cell !important;
    }
    table#student-cost-table th
 {
        font-size: 16px;
        padding: var(--space-lg) var(--space-xl);
    }
    table#student-cost-table td
 {
        font-size: 15px;
        padding: var(--space-lg) var(--space-xl);
    }
    table#student-cost-table tbody td.tbl__col--update, table#student-cost-table tbody td.tbl__col--action
 {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
        box-sizing: border-box;
    }
    table#student-cost-table th.tbl__col--id, table#student-cost-table td.tbl__col--id
 {
        width: 5%;
        min-width: 40px;
        max-width: 48px;
    }
    table#student-cost-table th:nth-child(2), table#student-cost-table td:nth-child(2)
 {
        width: 16%;
        min-width: 120px;
    }
    table#student-cost-table th:nth-child(3), table#student-cost-table td:nth-child(3)
 {
        width: 18%;
        min-width: 128px;
    }
    table#student-cost-table th:nth-child(4), table#student-cost-table td:nth-child(4)
 {
        width: 14%;
        min-width: 104px;
    }
    table#student-cost-table th:nth-child(5), table#student-cost-table td:nth-child(5)
 {
        width: 14%;
        min-width: 104px;
    }
    
    table#student-cost-table thead th:nth-child(6).tbl__col--actions-group
 {
        width: auto;
        min-width: 360px;
    }
    
    table#student-cost-table tbody td:nth-child(6)
 {
        width: 5%;
        min-width: 48px;
    }
    table#student-cost-table tbody td:nth-child(7)
 {
        width: 5.5%;
        min-width: 4.75rem;
    }
    table#student-cost-table tbody td:nth-child(8), table#student-cost-table tbody td:nth-child(9), table#student-cost-table tbody td:nth-child(10), table#student-cost-table tbody td:nth-child(11), table#student-cost-table tbody td:nth-child(12)
 {
        width: 3.5%;
        min-width: 3.5rem;
    }
    
    .table-container > .cost-edit-table col.col-cet-semester
 {
        width: 2.5rem !important;
        min-width: 1.875rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-amount
 {
        width: 10% !important;
    }
    .table-container > .cost-edit-table col.col-cet-paid
 {
        width: 13% !important;
    }
    .table-container > .cost-edit-table col.col-cet-date
 {
        width: 11% !important;
    }
    .table-container > .cost-edit-table col.col-cet-date-student
 {
        width: 11% !important;
    }
    .table-container > .cost-edit-table col.col-cet-update
 {
        width: 4.5rem !important;
        min-width: 3rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-actions
 {
        width: auto;
    }
    .table-container > .cost-edit-table col.col-cet-action-choose
 {
        width: 4.75rem !important;
        min-width: 4rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-action-upload
 {
        width: 3.5rem !important;
        min-width: 3rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-action-sms
 {
        width: 3.5rem !important;
        min-width: 3rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-action-create
 {
        width: 3.5rem !important;
        min-width: 3rem !important;
    }
    .table-container > .cost-edit-table col.col-cet-action-view, .table-container > .cost-edit-table col.col-cet-action-delete
 {
        width: 3.5rem !important;
        min-width: 3rem !important;
    }
    .table-container > table.cost-edit-table.tbl td.tbl__col--update .btn.btn-sm
 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: var(--btn-icon-gap-sm);
        width: auto;
        min-width: 0;
        min-height: var(--btn-sm-min-height);
        padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);
        font-size: var(--btn-sm-font-size);
        line-height: var(--btn-sm-line-height);
        box-sizing: border-box;
    }
    .table-container > table.cost-edit-table.tbl td.tbl__col--update .btn.btn-sm i
 {
        font-size: var(--btn-icon-size-sm);
        line-height: 1;
    }
    .table-container > table.cost-edit-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action .btn.btn-sm
 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: var(--btn-icon-gap-sm);
        width: auto;
        min-width: 0;
        min-height: var(--btn-sm-min-height);
        padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);
        font-size: var(--btn-sm-font-size);
        line-height: var(--btn-sm-line-height);
        box-sizing: border-box;
    }
    .table-container > table.cost-edit-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action .btn.btn-sm i
 {
        font-size: var(--btn-icon-size-sm);
        line-height: 1;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-upload-submit .btn.btn-sm, .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-create .action-form--create-cell .btn.btn-sm, .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-view .btn.btn-sm, .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-delete .btn.btn-sm, .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-delete .cost-edit-action-placeholder.btn
 {
        width: var(--btn-sm-min-height);
        min-width: var(--btn-sm-min-height);
        max-width: 100%;
        box-sizing: border-box;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-sms .receipt-sms-label.btn
 {
        width: var(--btn-sm-min-height);
        min-width: var(--btn-sm-min-height);
        max-width: 100%;
        box-sizing: border-box;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile).tbl td.tbl__col--action-view button.receipt-missing-indicator.btn
 {
        width: auto;
        min-width: var(--btn-sm-min-height);
        max-width: 100%;
        box-sizing: border-box;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) tbody td.tbl__col--action .action-form--delete-cell, .table-container > table#student-cost-table:not(.cost-edit-table--mobile) tbody td.tbl__col--action .action-form--view
 {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) tbody td.tbl__col--action-delete .btn.btn-sm, .table-container > table#student-cost-table:not(.cost-edit-table--mobile) tbody td.tbl__col--action-view .btn.btn-sm
 {
        box-sizing: border-box;
        max-width: 100%;
        font-size: var(--btn-sm-font-size);
        line-height: var(--btn-sm-line-height);
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) button.receipt-missing-indicator .receipt-missing-indicator__icons
 {
        display: inline-flex;
        align-items: center;
        gap: var(--space-1);
        font-size: var(--btn-icon-size-sm);
        color: var(--text-muted);
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) button.receipt-missing-indicator .receipt-missing-indicator__icons .fa-times-circle
 {
        font-size: 0.88em;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) td.tbl__col--action-choose .file-upload-control
 {
        --file-upload-trigger-min-width: 0;
        --file-upload-state-inset: 2px;
        --file-upload-state-size: 1rem;
        --file-upload-state-font: 0.55rem;
        --file-upload-state-icon-box: 0.85rem;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) td.tbl__col--action-choose .file-upload-control .file-input__trigger
 {
        min-width: var(--btn-sm-min-height);
        max-width: 100%;
        box-sizing: border-box;
    }
    .table-container > table#student-cost-table:not(.cost-edit-table--mobile) td.tbl__col--action-choose .file-upload-control .file-input__state
 {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    }
    table#student-cost-view-table
 {
        min-width: 900px;
        font-size: 15px;
    }
    table#student-cost-view-table th
 {
        font-size: 16px;
        padding: var(--space-lg) var(--space-xl);
    }
    table#student-cost-view-table td
 {
        font-size: 15px;
        padding: var(--space-lg) var(--space-xl);
    }
    table#student-cost-view-table th.tbl__col--id, table#student-cost-view-table td.tbl__col--id
 {
        width: 4%;
        min-width: 42px;
        max-width: 52px;
    }
    table#student-cost-view-table th:nth-child(2), table#student-cost-view-table td:nth-child(2)
 {
        width: 12%;
        min-width: 108px;
    }
    table#student-cost-view-table th:nth-child(3), table#student-cost-view-table td:nth-child(3)
 {
        width: 15%;
        min-width: 130px;
    }
    table#student-cost-view-table th:nth-child(4), table#student-cost-view-table td:nth-child(4)
 {
        width: 15%;
        min-width: 130px;
    }
    table#student-cost-view-table th:nth-child(5), table#student-cost-view-table td:nth-child(5)
 {
        width: 15%;
        min-width: 115px;
    }
    table#student-cost-view-table th:nth-child(6), table#student-cost-view-table td:nth-child(6)
 {
        width: 15%;
        min-width: 130px;
    }
    table#student-cost-view-table th:nth-child(7), table#student-cost-view-table td:nth-child(7)
 {
        width: 23%;
        min-width: 175px;
    }
    .semesters-container
 {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-xl);
    }
    .semester-fields
 {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-lg);
    }
    .semester-block
 {
        padding: var(--space-xl);
    }
    .semester-header
 {
        flex-direction: row;
        align-items: center;
        gap: var(--space-lg);
    }
    .semester-title
 {
        font-size: var(--text-xl);
    }
    .academic-year
 {
        align-self: center;
        font-size: var(--text-lg);
    }
    .semester-card
 {
        background: var(--bg-primary);
        border: 1px solid var(--border-light);
        border-radius: var(--radius-lg);
        padding: var(--space-xl);
        margin-bottom: var(--space-xl);
        box-shadow: var(--shadow-md);
    }
    .semester-card:last-child
 {
        margin-bottom: 0;
    }
    .semester-card-header
 {
        margin-bottom: var(--space-xl);
        padding-bottom: var(--space-lg);
        border-bottom: 2px solid var(--primary);
    }
    .semester-card-header h3
 {
        margin: 0;
        font-size: var(--text-xl);
        font-weight: 600;
        color: var(--primary);
        display: flex;
        align-items: center;
        gap: var(--space-3);
    }
    .semester-card-header h3 i
 {
        font-size: var(--text-lg);
    }
    .semester-card-body
 {
        display: flex;
        flex-direction: column;
        gap: var(--space-xl);
    }
    .semester-field
 {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--space-lg);
    }
    .semester-label
 {
        font-weight: 600;
        font-size: var(--text-base);
        color: var(--text-primary);
        display: flex;
        align-items: center;
        gap: var(--space-2);
        min-width: 200px;
    }
    .semester-label i
 {
        font-size: var(--text-base);
        color: var(--primary);
    }
    .semester-value
 {
        font-size: var(--text-base);
        color: var(--text-base);
    }
    .semester-input
 {
        width: 100%;
        max-width: 300px;
        padding: var(--space-md);
        border: 1px solid var(--border-light);
        border-radius: var(--radius-md);
        font-size: var(--text-base);
        background: var(--bg-primary);
        color: var(--text-base);
        transition: all var(--transition-base);
    }
    .semester-input:focus
 {
        outline: none;
        border-color: var(--primary);
        box-shadow: 0 0 0 3px var(--primary-light);
    }
    .semester-input:disabled
 {
        background: var(--bg-light);
        color: var(--text-light);
        cursor: not-allowed;
    }
    .form-actions
 {
        display: flex;
        flex-direction: row;
        gap: var(--space-md);
    }
    .form-actions .btn
 {
        width: auto;
    }
    .receipt-form
 {
        margin-top: var(--space-lg);
    }
    .receipt-form .form-group
 {
        margin-bottom: var(--space-lg);
    }
    .receipt-actions
 {
        display: flex;
        gap: var(--space-md);
        margin-top: var(--space-lg);
    }
    .receipt-actions form
 {
        flex: 0 1 auto;
    }
    .tbl#university-list-table th, .tbl#university-list-table td
 {
        padding: var(--space-lg) var(--space-xl);
        font-size: 16px;
    }
    .university-name
 {
        flex: 1;
        min-width: 0;
    }
    .university-name .btn
 {
        font-size: 16px;
        padding: var(--space-md) var(--space-lg);
    }
    .badge-count
 {
        min-width: 26px;
        height: 26px;
        padding: 0 9px;
        font-size: var(--text-sm);
        line-height: 26px;
        border-radius: 13px;
        top: -10px;
        right: -10px;
    }
    .badge-count.badge-sm
 {
        min-width: 22px;
        height: 22px;
        padding: 0 7px;
        font-size: var(--text-xs);
        line-height: 22px;
        border-radius: 11px;
        top: -8px;
        right: -8px;
    }
    .badge-count.badge-lg
 {
        min-width: 32px;
        height: 32px;
        padding: 0 11px;
        font-size: var(--text-base);
        line-height: 32px;
        border-radius: 16px;
        top: -12px;
        right: -12px;
    }
    .university-actions
 {
        flex-wrap: nowrap;
        gap: var(--space-md);
    }
    .university-actions .btn
 {
        padding: var(--space-md) var(--space-lg);
    }
    .user-table .copy-target i
 {
        font-size: 14px;
    }
    .user-table .copy-all-btn
 {
        font-size: 14px;
    }
    .user-table.documents-table
 {
        font-size: 19px;
    }
    .user-table.documents-table th
 {
        font-size: 20px;
    }
    .user-table.documents-table td
 {
        font-size: 19px;
    }
    .user-table.documents-table th:nth-child(1), .user-table.documents-table td:nth-child(1)
 {
        width: 30%;
        min-width: 150px;
    }
    .user-table.documents-table th:nth-child(2), .user-table.documents-table td:nth-child(2)
 {
        width: 20%;
        min-width: 120px;
    }
    .user-table.documents-table th:nth-child(3), .user-table.documents-table td:nth-child(3), .user-table.documents-table th:nth-child(4), .user-table.documents-table td:nth-child(4), .user-table.documents-table th:nth-child(5), .user-table.documents-table td:nth-child(5), .user-table.documents-table th:nth-child(6), .user-table.documents-table td:nth-child(6)
 {
        width: 12.5%;
        min-width: 50px;
        padding: var(--space-3) var(--space-4);
    }
    .user-table.documents-table .action-btn, .user-table.documents-table button.action-btn, .user-table.documents-table form .action-btn
 {
        width: 44px;
        height: 44px;
    }
    .user-table.documents-table .action-btn i, .user-table.documents-table button.action-btn i, .user-table.documents-table form .action-btn i
 {
        font-size: 20px;
    }
    .user-table.documents-table .status-badge
 {
        font-size: 12px !important;
        padding: 6px 12px;
        line-height: 1.2 !important;
    }
    .user-table.documents-table .status-badge i
 {
        font-size: 14px;
        display: inline-block;
    }
    .admin-nostrification-section .btn-primary, .admin-nostrification-section .btn-secondary
 {
        padding: var(--space-md) var(--space-lg);
        font-size: 14px;
        width: auto;
        display: inline-flex;
    }
    .admin-nostrification-section .btn-primary i, .admin-nostrification-section .btn-secondary i
 {
        font-size: 16px;
    }
    .admin-info-text i
 {
        font-size: 16px;
    }
    .admin-info-text--small i
 {
        font-size: 14px;
    }
    .main-navigation ul
 {
        justify-content: flex-start;
    }
    .main-navigation li
 {
        flex: 0 0 calc((100% - 3 * var(--space-2)) / 4);
        width: calc((100% - 3 * var(--space-2)) / 4);
        max-width: calc((100% - 3 * var(--space-2)) / 4);
    }
    .main-navigation li a
 {
        font-size: var(--text-sm);
        padding: var(--space-3) var(--space-4);
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }
    .main-navigation li a i
 {
        font-size: 1.125rem;
    }
    .main-navigation li a span
 {
        font-size: var(--text-sm);
        flex: 0 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .custom-modal-content .main-navigation li
 {
        flex: 0 0 calc((100% - var(--space-2)) / 2);
        width: calc((100% - var(--space-2)) / 2);
        max-width: calc((100% - var(--space-2)) / 2);
    }
    .custom-modal-content
 {
        flex: 0 1 auto;
        align-self: center;
        margin: auto;
        max-height: 90vh;
        transform: translateY(-20px);
        width: 50%;
        min-width: 300px;
        max-width: 500px;
        padding: var(--space-8);
    }
    .custom-modal-content .main-navigation
 {
        width: 100%;
        padding: 0;
        margin: var(--space-4) 0 0;
    }
    .custom-modal-content h3
 {
        font-size: var(--text-2xl);
        margin-bottom: var(--space-4);
    }
    .modal-icon
 {
        font-size: 2.5rem;
    }
    .university-nav-list
 {
        grid-template-columns: repeat(4, minmax(200px, 1fr));
        gap: var(--space-3);
        justify-content: start;
    }
    .university-nav-item
 {
        max-width: 237px;
    }
    .university-nav-link
 {
        width: 100%;
        max-width: 100%;
        font-size: var(--text-sm);
        padding: var(--space-5) var(--space-5);
    }
    .university-nav-link-icon
 {
        font-size: 18px;
    }
    .university-nav-link-text
 {
        font-size: var(--text-sm);
    }
    .university-modal-dialog .university-nav-list
 {
        grid-template-columns: repeat(2, 1fr);
    }
    .university-modal-dialog
 {
        width: 45%;
        min-width: 400px;
        max-width: 600px;
        padding: var(--space-8);
    }
    .university-modal-title
 {
        font-size: var(--text-2xl);
    }
    .university-modal-icon
 {
        font-size: 2.5rem;
    }
    .addMoreFiles
 {
        padding: var(--space-3) var(--space-6);
        font-size: var(--text-base);
        min-height: calc(var(--space-10) + var(--space-2));
    }
    .admin-curators-container
 {        grid-template-columns: repeat(auto-fill, minmax(calc((100% - (var(--space-6) * 4)) / 5), 1fr));
        gap: var(--space-6);
    }
    .admin-hero-add-form
 {
        padding: var(--space-5) 0;
    }
    .alert
 {
        padding: var(--space-sm);
        font-size: var(--text-lg);
    }
    .btn-block
 {
        width: 100%;
        padding: var(--space-6) var(--space-md);
        font-size: var(--text-lg);
        justify-content: center;
    }
    .card-grid
 {
        grid-template-columns: repeat(auto-fill, minmax(calc(var(--space-16) + var(--space-12) + var(--space-6)), 1fr));
        gap: var(--space-6);
    }
    .card-title
 {
        font-size: 1.1rem;
    }
    .col-action-1
 { width: 12%;
        min-width: 80px;
    }
    .col-action-2
 {
        width: clamp(calc(var(--space-12) * 1), 20%, calc(var(--space-16) * 1.5));
    }
    .col-checkbox
 { width: 3%;
        min-width: 40px;
    }
    .col-date
 {
        width: clamp(calc(var(--space-16) * 2), 22%, calc(var(--space-16) * 3));
    }
    .col-degree
 { width: 8%;
        min-width: 80px;
    }
    .col-docs
 {
        width: clamp(calc(var(--space-16) * 1.5), 28%, calc(var(--space-16) * 3.5));
    }
    .col-exam
 { width: 15%;
        min-width: 150px;
    }
    .col-full-name
 { width: 25%;
        min-width: 250px;
    }
    .col-name
 {
        width: clamp(calc(var(--space-16) * 2.5), 38%, calc(var(--space-16) * 4.5));
    }
    .col-phone
 {
        width: clamp(calc(var(--space-16) * 1.5), 25%, calc(var(--space-16) * 2.5));
    }
    .col-retries
 {
        width: clamp(calc(var(--space-10) * 1.2), 10%, calc(var(--space-16) * 1.2));
    }
    .col-specialty
 { width: 25%;
        min-width: 200px;
    }
    .col-status
 {
        width: clamp(calc(var(--space-16) * 1.2), 15%, calc(var(--space-16) * 2));
    }
    .col-time
 {
        width: clamp(calc(var(--space-16) * 2), 35%, calc(var(--space-16) * 3));
    }
    .col-university
 { width: 12%;
        min-width: 100px;
    }
    .copy-content
 {
        font-size: var(--text-lg);
    }
    .copy-target
 {
        padding: var(--space-8) var(--space-8);
        font-size: var(--text-lg);
    }
    .credentials-modal
 {
        padding: var(--space-8);
    }
    .credentials-modal__title
 {
        font-size: var(--text-lg);
        padding-right: var(--space-8);
    }
    .credentials-modal__value
 {
        font-size: var(--text-lg);
        padding: var(--space-8);
        word-break: break-all;
    }
    .custom-close
 {
        font-size: var(--text-lg);
        top: var(--space-8);
        right: var(--space-6);
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }
    .delayed-emails-table
 {
        font-size: var(--text-lg);
    }
    .exam-select-all-label
 {
        font-size: calc(var(--text-lg) * 0.875);
    }
    .exam-separator
 {
        margin: 0 var(--space-8);
    }
    .exam-student-item
 {
        padding: var(--space-md) var(--space-5);
        margin: 0;
    }
    .exam-student-item-spacing
 {
        width: var(--space-10);
    }
    .exam-student-list
 {
        max-height: 427px;
    }
    .exam-student-text
 {
        font-size: calc(var(--text-lg) * 0.8125);
    }
    .exam-student-text-dark
 {
        font-size: calc(var(--text-lg) * 0.8125);
    }
    .exam-student-warning
 {
        font-size: calc(var(--text-lg) * 0.8125);
    }
    .exam-students-table
 {
        width: 100%;
    }
    .filters-open
 {
        max-height: none !important;
        opacity: 1 !important;
        transform: none !important;
        padding: var(--space-lg) !important;
        overflow: visible !important;
    }
    .font-size-18
 {
        font-size: 17px;
    }
    .font-size-24
 {
        font-size: 22px;
    }
    .footer-copy-toast
 {
        bottom: var(--space-6);
        right: var(--space-6);
        left: auto;
        min-width: 200px;
        width: max-content;
        max-width: calc(100vw - (2 * var(--space-6)));
    }
    .footer-copyright
 {
        font-size: var(--text-lg);
        padding: var(--space-8) 0;
    }
    .footer-lang-btn
 {
        width: 50px;
        height: 50px;
    }
    .footer-lang-cell
 {
        width: 25%;
    }
    .footer-lang-container
 {
        gap: var(--space-8);
    }
    .footer-lang-switcher
 {
        padding: var(--space-6);
    }
    .footer-lang-switcher .footer-lang-btn
 {
        width: 70px;
        height: 70px;
    }
    .footer-lang-switcher .footer-lang-btn img
 {
        width: 40px;
        height: 40px;
    }
    .footer-lang-switcher .footer-lang-btn.active::after
 {
        width: 18px;
        height: 18px;
    }
    .footer-lang-switcher .footer-lang-btn.loading::after
 {
        width: 16px;
        height: 16px;
    }
    .footer-lang-table
 {
        max-width: 600px;
        margin: 0 auto;
    }
    .footer-lang-title
 {
        font-size: var(--text-lg);
        margin-bottom: var(--space-6);
    }
    .gap-10
 {
        gap: 9px;
    }
    .gap-15
 {
        gap: 12px;
    }
    .margin-bottom-20
 {
        margin-bottom: 18px;
    }
    .margin-left-15
 {
        margin-left: 12px;
    }
    .margin-top-10
 {
        margin-top: 8px;
    }
    .margin-top-15
 {
        margin-top: 12px;
    }
    .margin-top-5
 {
        margin-top: 4px;
    }
    .menu-badge
 { min-width: 22px;
        height: 22px;
        padding: 0 6px;
        font-size: var(--text-lg);
        line-height: 22px;
        border-radius: 11px;
        top: -8px;
        right: -3px;
        z-index: 20;
    }
    .menu-link
 {
        padding: var(--space-6) var(--space-8);
        font-size: var(--text-lg);
        min-height: 52px;
    }
    #head-icon-menu.menu-open
 {
        max-height: 5000px !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        margin-bottom: var(--space-8) !important;
        padding: 0 !important;
        display: grid !important;
    }
    .admin-head-navigation .menu-toggle
 {
        display: none !important;
    }
    .message-content-cell
 {
        padding-top: var(--space-6) !important;
    }
    .message-content-row
 {
        margin-top: calc(var(--space-8) * -1) !important;
        border-top: 2px solid var(--primary) !important;
    }
    .modal
 {
        padding: var(--space-md);
    }
    .modal-footer
 {
        flex-direction: column;
        gap: var(--space-sm);
    }
    .modal-header
 {
        margin-bottom: var(--space-md);
        padding-bottom: var(--space-sm);
    }
    .modal-title
 {
        font-size: 1.25rem;
    }
    .nav-list
 {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-md);
    }
    
    #search-filters-container.search-filters-collapsed .search-filters-additional
 {
        display: none !important;
    }
    
    #search-filters-container.search-filters-expanded .search-filters-additional
 {
        display: block !important;
    }
    .search-filters-toggle-container
 {
        margin-bottom: var(--space-md);
    }
    .stat-card
 {
        padding: var(--space-md) var(--space-6);
    }
    .stat-item
 {
        padding: var(--space-8);
    }
    .stat-label
 {
        font-size: 0.8em;
    }
    .stat-number
 {
        font-size: 1.8em;
    }
    .stats-grid
 {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-md);
    }
    .stats-section
 {
        grid-template-columns: repeat(auto-fit, minmax(calc(var(--space-12) + var(--space-10)), 1fr));
        gap: var(--space-6);
    }
    .student-item
 {
        padding: var(--space-md) var(--space-5);
        margin: var(--space-8) 0;
        font-size: calc(var(--text-lg) * 0.875);
    }
    .student-search-checkbox
 {
        width: calc(var(--space-8) + var(--space-8));
        height: calc(var(--space-8) + var(--space-8));
        min-width: calc(var(--space-8) + var(--space-8));
        min-height: calc(var(--space-8) + var(--space-8));
    }
    .student-search-checkbox-text
 {
        font-size: calc(var(--text-lg) * 0.875);
    }
    .student-search-filter-group
 {
        min-width: 200px;
    }
    .student-search-filter-label
 {
        font-size: calc(var(--text-lg) * 0.875);
    }
    .student-search-filter-select
 {
        font-size: calc(var(--text-lg) * 0.875);
        padding: calc(var(--space-md) - 2px) var(--space-5);
        padding-right: calc(var(--space-5) + var(--space-6) + var(--space-sm));
    }
    .student-search-filters
 {
        padding: calc(var(--space-md) - 2px) var(--space-5);
    }
    .student-search-input
 {
        font-size: calc(var(--text-lg) * 0.875);
        padding: calc(var(--space-md) - 2px) var(--space-5);
        padding-right: calc(var(--space-10) + var(--space-8));
    }
    .student-search-item
 {
        padding: calc(var(--space-md) - 2px) var(--space-5);
    }
    .student-search-item-checkbox
 {
        width: calc(var(--space-8) + var(--space-8));
        height: calc(var(--space-8) + var(--space-8));
        min-width: calc(var(--space-8) + var(--space-8));
        min-height: calc(var(--space-8) + var(--space-8));
    }
    .student-search-item-details-row
 {
        font-size: calc(var(--text-lg) * 0.875);
        gap: var(--space-sm);
    }
    .student-search-item-name
 {
        font-size: calc(var(--text-lg) * 0.875);
    }
    .student-search-item-specialty
 {
        font-size: calc(var(--text-lg) * 0.875);
    }
    .student-search-results-count
 {
        font-size: calc(var(--text-lg) * 0.875);
    }
    .student-search-results-header
 {
        padding: calc(var(--space-md) - 2px) var(--space-5);
    }
    .student-search-results-list
 {
        height: calc(
        (calc(var(--space-md) - 2px) + calc(var(--text-lg) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-lg) * 0.875) * 1.5 + calc(var(--space-md) - 2px)) * 4 + (calc(var(--space-md) - 2px) + calc(var(--text-lg) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-lg) * 0.875) * 1.5 + var(--space-xs)) + 4px );
        min-height: calc(
        (calc(var(--space-md) - 2px) + calc(var(--text-lg) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-lg) * 0.875) * 1.5 + calc(var(--space-md) - 2px)) * 4 +
        (calc(var(--space-md) - 2px) + calc(var(--text-lg) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-lg) * 0.875) * 1.5 + var(--space-xs)) +
        4px
        );
        max-height: calc(
        (calc(var(--space-md) - 2px) + calc(var(--text-lg) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-lg) * 0.875) * 1.5 + calc(var(--space-md) - 2px)) * 4 +
        (calc(var(--space-md) - 2px) + calc(var(--text-lg) * 0.875) * 1.5 + var(--space-xs) + calc(var(--text-lg) * 0.875) * 1.5 + var(--space-xs)) +
        4px
        );
        padding-right: calc(var(--space-10) + var(--space-6));
    }
    .student-search-results-total
 {
        font-size: calc(var(--text-lg) * 0.8125);
    }
    .student-search-scroll-btn
 {
        width: calc(var(--space-10) + var(--space-8));
        height: calc(var(--space-10) + var(--space-8));
        min-width: calc(var(--space-10) + var(--space-8));
        min-height: calc(var(--space-10) + var(--space-8));
        font-size: calc(var(--text-lg) * 0.875);
    }
    .student-search-scroll-buttons
 {
        right: var(--space-md);
        gap: var(--space-sm);
    }
    .submit-button
 {
        flex: 0 0 auto;
        width: auto;
        white-space: nowrap;
    }
    .table-2cols
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-3cols
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-4cols
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-4cols-params
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-5cols
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-7cols
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-header-actions
 {
        display: block;
    }
    .table-info-block
 {
        display: block;
    }
    .table-student-list
 {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-wrapper
 {
        margin: var(--space-8) 0;
        border-radius: var(--radius-md);
    }
    .uni-control-info
 {
        min-height: calc(var(--space-10) + var(--space-8));
        padding: calc(var(--space-md) - 2px) var(--space-lg);
        font-size: calc(var(--text-lg) * 0.875);
        line-height: 1.5;
    }
    .uni-control-secondary
 {
        min-height: calc(var(--space-10) + var(--space-8));
        padding: calc(var(--space-md) - 2px) var(--space-6);
        font-size: calc(var(--text-lg) * 0.875);
        line-height: 1.5;
    }
    .uni-table
 {
        font-size: calc(var(--text-lg) * 0.875);
        min-width: calc(var(--text-lg) * 50);
    }
    .uni-table-container
 {
        margin: 0 calc(var(--space-5) * -1);
        border-radius: 0;
    }
    .university-modal-close
 {
        font-size: var(--text-lg);
        top: var(--space-8);
        right: var(--space-6);
    }
    .width-50
 {
        width: 45px;
    }
    

/* ═══════════════════════════════════════════════════════════════════════════════
 * Site settings mail — размеры (desktop ≥1024px, admin/site_settings_mail.php)
 * ═══════════════════════════════════════════════════════════════════════════════ */
    #mail-settings.site-settings-mail
 {
        max-width: 600px;
        margin: 40px auto;
        padding: 30px;
        border-radius: var(--radius-lg);
    }
    #mail-settings.site-settings-mail.settings-box--wide
 {
        max-width: 960px;
    }
    #mail-settings.site-settings-mail h2
 {
        margin-bottom: 25px;
    }
    #mail-settings.site-settings-mail label
 {
        margin-top: 15px;
    }
    #mail-settings.site-settings-mail input[type="text"], #mail-settings.site-settings-mail input[type="email"], #mail-settings.site-settings-mail input[type="url"], #mail-settings.site-settings-mail input[type="number"], #mail-settings.site-settings-mail select, #mail-settings.site-settings-mail textarea
 {
        padding: 10px;
        margin-top: 5px;
    }
    #mail-settings.site-settings-mail .mail-relationship-hint
 {
        font-size: 0.95rem;
        margin: 16px 0 20px;
        padding: 12px 14px;
    }
    #mail-settings.site-settings-mail .mail-settings-tabs
 {
        gap: 8px;
        margin-bottom: 20px;
        padding-bottom: 6px;
    }
    #mail-settings.site-settings-mail .mail-settings-tab
 {
        padding: 10px 16px;
        font-size: 0.95rem;
    }
    #mail-settings.site-settings-mail .mail-settings-tab.is-active
 {
        margin-bottom: -1px;
    }
    #mail-settings.site-settings-mail .mail-config-subtabs
 {
        gap: 6px;
        margin: 16px 0 12px;
    }
    #mail-settings.site-settings-mail .mail-config-subtab
 {
        padding: 8px 14px;
        font-size: 0.9rem;
    }
    #mail-settings.site-settings-mail .mail-hosting-hint
 {
        font-size: 0.92rem;
        margin: 0 0 14px;
        padding: 10px 12px;
    }
    #mail-settings.site-settings-mail .mail-table
 {
        margin: 12px 0;
        font-size: 14px;
    }
    #mail-settings.site-settings-mail .mail-table th, #mail-settings.site-settings-mail .mail-table td
 {
        padding: 8px 10px;
    }
    #mail-settings.site-settings-mail .mail-form-grid input[type="text"], #mail-settings.site-settings-mail .mail-form-grid input[type="email"], #mail-settings.site-settings-mail .mail-form-grid input[type="password"]
 {
        max-width: 520px;
    }
    #mail-settings.site-settings-mail h3
 {
        margin-top: 20px;
        font-size: 1.15rem;
    }
    #mail-settings.site-settings-mail h4
 {
        margin-top: 16px;
        font-size: 1rem;
    }
    #mail-settings.site-settings-mail button
 {
        margin-top: 20px;
        padding: 12px 20px;
        font-size: 16px;
        margin-right: 10px;
        border-radius: 8px;
    }
    #mail-settings.site-settings-mail .verify-device-box
 {
        max-width: 430px;
        width: 85%;
        margin: 50px auto;
        padding: 20px;
        border-radius: var(--radius-xl);
    }
    #mail-settings.site-settings-mail .verify-device-box .form-group
 {
        margin-bottom: 15px;
        gap: 5px;
    }
    #mail-settings.site-settings-mail .verification-input
 {
        width: 50px;
        height: 60px;
        font-size: 24px;
    }
    #mail-settings.site-settings-mail .verify-device-box button
 {
        padding: 12px 24px;
        font-size: 16px;
        margin-top: 10px;
        gap: 10px;
    }
    #mail-settings.site-settings-mail .info-message
 {
        margin-bottom: 15px;
    }
    
    .mail-modal-content
 {
        width: 80%;
        max-width: 600px;
    }
    
    .view-logs-page .log-subtitle
 {
        text-align: center;
        color: #6c757d;
        font-size: 14px;
        margin: -10px 0 20px 0;
    }
    .view-logs-page .log-view-switcher
 {
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .view-logs-page .log-switch-btn
 {
        background: #f9f9f9;
        color: #555;
        padding: 10px 20px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s ease;
        border: 2px solid #e0e0e0;
    }
    .view-logs-page .log-switch-btn:hover
 {
        background: #e0e0e0;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .view-logs-page .log-section
 {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .view-logs-page .log-section-title
 {
        color: #2792ae;
        margin: 0 0 15px 0;
        font-size: 16px;
        font-weight: 600;
    }
    .view-logs-page .log-section-subtitle
 {
        color: #495057;
        margin: 0 0 12px 0;
        font-size: 14px;
        font-weight: 600;
    }
    .view-logs-page .log-search-section
 {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .view-logs-page .log-search-form
 {
        display: flex;
        gap: 10px;
        margin-bottom: 15px;
        flex-wrap: wrap;
    }
    .view-logs-page .log-search-input
 {
        flex: 1;
        min-width: 200px;
        padding: 10px 15px;
        border: 2px solid #2792ae;
        border-radius: 8px;
        font-size: 14px;
        color: #495057;
    }
    .view-logs-page .log-search-input:focus
 {
        outline: none;
        border-color: #66BB6A;
        box-shadow: 0 0 0 3px rgba(102, 187, 106, 0.1);
    }
    .view-logs-page .log-search-btn
 {
        background: linear-gradient(135deg, #2792ae 0%, #3ba3c7 100%);
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    .view-logs-page .log-search-btn:hover
 {
        background: linear-gradient(135deg, #1a6d8a 0%, #2792ae 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(39, 146, 174, 0.3);
    }
    .view-logs-page .log-limit-buttons
 {
        display: flex;
        gap: 8px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .view-logs-page .log-limit-btn
 {
        background: var(--bg-surface);
        color: #495057;
        padding: 6px 12px;
        border-radius: 6px;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
        border: 2px solid #e9ecef;
        transition: all 0.3s ease;
        min-width: 50px;
        text-align: center;
    }
    .view-logs-page .stats-card
 {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    }
    .view-logs-page .stats-grid
 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 15px;
    }
    .view-logs-page .stats-card .stat-item
 {
        text-align: center;
        background: rgba(255, 255, 255, 0.14);
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 8px;
        padding: 12px 10px;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        position: relative;
        overflow: hidden;
    }
    .view-logs-page .stats-card .stat-item:hover
 {
        transform: none;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        background: rgba(255, 255, 255, 0.22);
    }
    .view-logs-page .stats-card .stat-item h4
 {
        margin: 0 0 5px 0;
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
    .view-logs-page .stats-card .stat-item small
 {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.88);
        opacity: 1;
        font-weight: 500;
    }
    .view-logs-page .log-display-section
 {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
    }
    .view-logs-page .log-display-title
 {
        color: #2792ae;
        margin: 0 0 15px 0;
        font-size: 16px;
        font-weight: 600;
    }
    .view-logs-page .log-entry
 {
        background: var(--bg-surface);
        border-left: 4px solid #2792ae;
        padding: 12px;
        margin-bottom: 12px;
        border-radius: 6px;
        font-family: "Courier New", monospace;
        font-size: 13px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }
    .view-logs-page .log-entry.legacy-log
 {
        border-left-color: #6c757d;
        background: #f1f3f5;
        font-size: 12px;
        padding: 8px 12px;
    }
    .view-logs-page .log-entry.legacy-warning
 {
        border-left-color: #ffc107;
        background: #fff8e1;
        font-size: 12px;
        padding: 8px 12px;
    }
    .view-logs-page .log-entry.legacy-error
 {
        border-left-color: #dc3545;
        background: #fff5f5;
        font-size: 12px;
        padding: 8px 12px;
    }
    .view-logs-page .log-entry-header
 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 15px;
        flex-wrap: wrap;
    }
    .view-logs-page .log-entry-message
 {
        flex: 1;
        min-width: 200px;
    }
    .view-logs-page .log-entry-message strong
 {
        color: #212529;
        font-size: 14px;
    }
    .view-logs-page .log-timestamp
 {
        color: #6c757d;
        font-size: 12px;
    }
    .view-logs-page .request-id
 {
        background: #e3f2fd;
        padding: 2px 8px;
        border-radius: 4px;
        font-family: monospace;
        font-size: 11px;
        color: #0066cc;
    }
    .view-logs-page .log-entry-badges
 {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
    }
    .view-logs-page .log-badge
 {
        padding: 4px 10px;
        border-radius: 12px;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .view-logs-page .log-details
 {
        margin-top: 10px;
    }
    .view-logs-page .log-details-summary
 {
        color: #2792ae;
        cursor: pointer;
        font-weight: 600;
        font-size: 13px;
        user-select: none;
    }
    .view-logs-page .log-details-content
 {
        background: #f5f5f5;
        padding: 10px;
        border-radius: 5px;
        margin-top: 10px;
        max-height: 400px;
        overflow-y: auto;
        font-size: 12px;
        line-height: 1.5;
    }
    .view-logs-page .cache-card
 {
        background: #ffffff;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        margin-bottom: 15px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }
    .view-logs-page .cache-card-header
 {
        background: var(--bg-surface);
        padding: 12px 15px;
        border-bottom: 1px solid #e9ecef;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    .view-logs-page .cache-card-header strong
 {
        color: #212529;
        font-size: 14px;
    }
    .view-logs-page .cache-card-header small
 {
        color: #6c757d;
        font-size: 12px;
    }
    .view-logs-page .cache-card-body
 {
        padding: 15px;
    }
    .view-logs-page .log-actions-card
 {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .view-logs-page .log-actions-title
 {
        color: #2792ae;
        margin: 0 0 15px 0;
        font-size: 16px;
        font-weight: 600;
    }
    .view-logs-page .log-action-buttons
 {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .view-logs-page .log-action-btn
 {
        padding: 10px 16px;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }
    .view-logs-page .log-action-btn:hover
 {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    .view-logs-page .log-info-card
 {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .view-logs-page .log-info-title
 {
        color: #2792ae;
        margin: 0 0 15px 0;
        font-size: 16px;
        font-weight: 600;
    }
    .view-logs-page .log-info-table tr
 {
        border-bottom: 1px solid #e9ecef;
    }
    .view-logs-page .log-info-table th
 {
        text-align: left;
        padding: 10px;
        font-weight: 600;
        color: #495057;
        width: 40%;
        /* Перенос длинных названий */
        word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-word;
        white-space: normal;
        max-width: 760px;
    }
    .view-logs-page .log-info-table td
 {
        padding: 10px;
        color: #212529;
    }
    .view-logs-page .log-info-table code
 {
        background: var(--bg-surface);
        padding: 2px 6px;
        border-radius: 3px;
        font-family: "Courier New", monospace;
        font-size: 12px;
        color: #e83e8c;
    }
    .view-logs-page .alert
 {
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .view-logs-page .alert-warning
 {
        background: #fff3cd;
        border-left: 4px solid #ffc107;
        color: #856404;
    }
    .view-logs-page .alert-info
 {
        background: #d1ecf1;
        border-left: 4px solid #17a2b8;
        color: #0c5460;
    }
    .view-logs-page .integration-quick-info
 {
        display: inline-block;
        font-size: 13px;
        color: #555;
        margin-top: 5px;
        padding: 5px 0;
    }
    .view-logs-page .integration-quick-info code
 {
        background: #f0f0f0;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 12px;
        color: #d63384;
    }
    .view-logs-page .user-info
 {
        font-size: 12px;
        color: #6c757d;
    }
    .view-logs-page .source-uri
 {
        font-size: 11px;
        color: #adb5bd;
        font-family: "Courier New", monospace;
    }
    .view-logs-page .log-entry.info .log-details, .view-logs-page .log-entry.warning .log-details, .view-logs-page .log-entry.error .log-details
 {
        margin-top: 8px;
    }
    .view-logs-page .log-copy-btn-container
 {
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 100;
    }
    .view-logs-page .log-copy-btn
 {
        background: var(--color-primary);
        border: none;
        border-radius: 6px;
        padding: 0;
        cursor: pointer;
        font-size: 18px;
        transition: all 0.2s;
        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
        color: white;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }
    .view-logs-page .log-copy-btn:hover
 {
        background: #0056b3;
        transform: scale(1.08);
        box-shadow: 0 3px 8px rgba(0,0,0,0.2);
    }
    .view-logs-page .log-entry-content-wrapper
 {
        padding-right: 50px;
        min-height: 40px;
    }
    
    .reports-mb-3
 {
        margin-bottom: 1rem;
    }
    .reports-mt-3
 {
        margin-top: 1rem;
    }
    .reports-export-section
 {
        margin: 20px 0;
        padding: 15px;
        border-radius: 6px;
        border-left-width: 4px;
    }
    .reports-statistics-summary
 {
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 20px;
        border-left-width: 4px;
        max-width: 100%;
    }
    .reports-stats-grid
 {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 15px;
        margin-top: 15px;
    }
    .reports-stat-item
 {
        padding: 15px;
        border-radius: 6px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        border-width: 1px;
    }
    .reports-stat-number
 {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .reports-stat-label
 {
        font-size: 12px;
    }
    .reports-alert
 {
        padding: 15px;
        border-radius: 6px;
        margin: 20px 0;
        border-width: 1px;
    }
    .reports-breadcrumb
 {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .reports-text-muted
 {
        font-size: 12px;
    }
    .reports-period-selector
 {
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 20px;
        border-width: 1px;
        max-width: 100%;
    }
    .reports-period-form
 {
        gap: 15px;
    }
    .reports-period-selector-inner
 {
        gap: 20px;
    }
    .reports-period-selector-export
 {
        margin-top: 35px;
    }
    .reports-form-group
 {
        min-width: 120px;
    }
    .reports-form-group label
 {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .reports-form-control
 {
        padding: 8px 12px;
        border-width: 1px;
        border-radius: var(--form-radius-sm);
        font-size: 14px;
    }
    .reports-form-control:focus
 {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
    .reports-badge
 {
        padding: 4px 8px;
        border-radius: 12px;
        font-size: 11px;
        min-width: 30px;
        border-width: 1px;
    }
    .reports-badge-success, .reports-badge-warning, .reports-badge-danger, .reports-badge-info
 {
        border-width: 1px;
    }
    .reports-legend-section
 {
        margin-top: 30px;
        padding: 15px;
        border-radius: 6px;
        border-width: 1px;
    }
    .reports-legend-items
 {
        gap: 20px;
    }
    .reports-legend-item
 {
        gap: 8px;
        font-size: 13px;
    }
    .reports-legend-color
 {
        width: 16px;
        height: 16px;
        border-radius: 3px;
        border-width: 1px;
    }
    .reports-btn
 {
        padding: 8px 16px;
        border-radius: var(--btn-radius-sm);
        font-size: 14px;
    }
    .reports-btn-sm
 {
        padding: 4px 8px;
        border-radius: var(--btn-radius-sm);
        font-size: 12px;
    }
    .reports-actions-section
 {
        margin-top: 30px;
        padding: 20px;
        border-radius: 6px;
        border-width: 1px;
    }
    .reports-actions-section .reports-btn
 {
        margin: 0 5px;
    }
    .reports-student-info
 {
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 20px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        border-width: 1px;
        max-width: 100%;
    }
    .reports-info-grid
 {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 15px;
        margin-top: 15px;
    }
    .reports-info-item
 {
        padding: 10px;
        border-radius: 4px;
        border-width: 1px;
    }
    .reports-info-label, .reports-info-value
 {
        font-size: 14px;
    }
    .reports-table
 {
        width: 100%;
        max-width: 100%;
        margin: 20px 0;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        border-radius: 8px;
        border-width: 1px;
    }
    .reports-table th
 {
        padding: 4px;
        font-size: 14px;
        letter-spacing: 0.5px;
    }
    .reports-table td
 {
        padding: 2px;
        border-bottom-width: 1px;
        font-size: 14px;
    }
    .reports-table th:nth-child(1), .reports-table td:nth-child(1)
 {
        width: 22%;
    }
    .reports-table th:nth-child(2), .reports-table td:nth-child(2)
 {
        width: 12%;
    }
    .reports-table th:nth-child(3), .reports-table td:nth-child(3)
 {
        width: 18%;
    }
    .reports-table th:nth-child(4), .reports-table td:nth-child(4)
 {
        width: 9%;
    }
    .reports-table th:nth-child(5), .reports-table td:nth-child(5)
 {
        width: 9%;
    }
    .reports-table th:nth-child(6), .reports-table td:nth-child(6)
 {
        width: 9%;
    }
    .reports-table th:nth-child(7), .reports-table td:nth-child(7)
 {
        width: 9%;
    }
    .reports-table th:nth-child(8), .reports-table td:nth-child(8)
 {
        width: 9%;
    }
    .reports-table th:nth-child(9), .reports-table td:nth-child(9)
 {
        width: 10%;
    }
    .reports-table td:nth-child(2)
 {
        font-size: 13px;
        line-height: 1.2;
    }
    .reports-table td:nth-child(3)
 {
        font-size: 12px;
        line-height: 1.1;
    }
    .reports-table td:nth-child(4), .reports-table td:nth-child(5), .reports-table td:nth-child(6), .reports-table td:nth-child(7), .reports-table td:nth-child(8)
 {
        font-size: 13px;
    }
    .reports-section
 {
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 20px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        border-width: 1px;
        max-width: 100%;
    }
    .reports-section h3
 {
        font-size: 18px;
        margin-bottom: 15px;
        padding-bottom: 8px;
        border-bottom-width: 2px;
    }
    

/* =============================================================================
 * Migrated from common.css (strict) — scripts/migrate_common_strict.py
 * ============================================================================= */
    .container
 {
        margin: var(--space-6) auto; box-shadow: var(--shadow-lg);
    }
    .filter-row
 {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }
    .log-category-buttons, .log-subcategory-buttons
 {
        gap: 8px;
    }
    .log-category-btn, .log-subcategory-btn
 {
        padding: 8px 16px;
        font-size: 13px;
        line-height: 1.4;
    }
    .filter-form .form-group
 {
        margin-bottom: var(--space-4);
    }
    .filter-form select
 {
        width: 100%; padding: var(--space-3) var(--space-4); padding-right: var(--space-10); font-size: calc(var(--text-base) * 0.875); line-height: 1.5; background-position: right var(--space-3) center; background-size: 12px; border: 2px solid var(--border); box-shadow: var(--shadow-xs);
    }
    .filter-form select:hover
 {
        box-shadow: var(--shadow-sm); transform: translateY(-1px);
    }
    .filter-form select:focus
 {
        outline: none; box-shadow: 0 0 0 4px rgba(39, 146, 174, 0.1), var(--shadow-md); transform: translateY(-2px);
    }
    .filter-form select:active
 {
        transform: translateY(0);
    }
    .filter-form select option
 {
        padding: var(--space-2);
    }
    .table-container
 {
        width: 100% !important; max-width: 100% !important; box-shadow: var(--shadow-md);
    }
    .card-body .table-container
 {
        width: 100% !important; max-width: 100% !important;
    }
    .deferred-actions-table
 {
        width: 100% !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-phone
 {
        width: auto !important; min-width: 0 !important; max-width: none !important;
    }
    table .text-muted
 {
        padding: var(--space-6) !important;
    }
    .admin-apostille-form-group
 {
        margin-bottom: var(--space-5);
    }
    .admin-apostille-form-group label
 {
        margin-bottom: var(--space-2);
    }
    .admin-apostille-form-group input, .admin-apostille-form-group select, .admin-apostille-form-group textarea, .admin-apostille-form-group .input, .admin-apostille-form-group .select, .admin-apostille-form-group .textarea
 {
        width: 100%; padding: var(--space-3) var(--space-4); border: 1px solid var(--border);
    }
    .admin-apostille-form-group input:focus, .admin-apostille-form-group select:focus, .admin-apostille-form-group textarea:focus, .admin-apostille-form-group .input:focus, .admin-apostille-form-group .select:focus, .admin-apostille-form-group .textarea:focus
 {
        outline: none; box-shadow: 0 0 0 3px rgba(39, 146, 174, 0.1);
    }
    .admin-apostille-form-group textarea, .admin-apostille-form-group .textarea
 {
        min-height: calc(var(--space-10) * 2);
    }
    .exam-item
 {
        border: 1px solid var(--border); padding: var(--space-md); margin-bottom: var(--space-md);
    }
    .exam-item label
 {
        margin: 0;
    }
    .exam-item input[type="checkbox"]
 {
        margin-right: var(--space-md); width: calc(var(--space-5) + var(--space-1)); height: calc(var(--space-5) + var(--space-1));
    }
    .exam-name
 {
        margin-bottom: var(--space-2);
    }
    .exam-limit-info-success
 {
        border-left: calc(var(--space-1) * 4) solid var(--success); padding: var(--space-md);
    }
    .exam-limit-info-warning
 {
        border-left: calc(var(--space-1) * 4) solid var(--warning); padding: var(--space-md);
    }
    .modal-content-large
 {
        width: 90%;
    }
    .nav-icon
 {
        object-fit: contain;
    }
    .invitation-block
 {
        border: 2px solid var(--primary); padding: var(--space-4); margin-top: var(--space-4); margin-bottom: var(--space-4);
    }
    .invitation-block h4
 {
        margin-top: 0; margin-bottom: var(--space-4);
    }
    .invitation-buttons-container
 {
        gap: var(--space-3); min-width: 0;
    }
    .invitation-warning
 {
        padding: var(--space-3); border: 1px solid var(--warning);
    }
    .student-actions-container
 {
        gap: var(--space-3);
    }
    .student-actions-container form
 {
        margin: 0;
    }
    .status-actions-table td
 {
        padding: 0;
    }
    .status-actions-table form
 {
        margin: 0;
    }
    .navigation-actions
 {
        gap: var(--space-3); margin-top: var(--space-4); margin-bottom: var(--space-4);
    }
    .student-search-container
 {
        margin-bottom: var(--space-3);
    }
    .search-results
 {
        top: 100%; left: 0; right: 0; border: 1px solid var(--border); box-shadow: var(--shadow-lg); max-height: calc(var(--space-16) * 3); margin-top: var(--space-1);
    }
    .search-results .search-result-item
 {
        padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border-light);
    }
    .search-results .search-result-item:last-child
 {
        border-bottom: none;
    }
    .selected-student-info
 {
        margin-top: var(--space-4); padding: var(--space-4); border: 1px solid var(--border);
    }
    .selected-students-header
 {
        margin-bottom: var(--space-3);
    }
    .selected-students-list
 {
        gap: var(--space-2);
    }
    .selected-student-item
 {
        padding: var(--space-2) var(--space-3); border: 1px solid var(--border);
    }
    .no-selected-students
 {
        padding: var(--space-4);
    }
    .deferred-actions-table
 {
        width: 100%;
    }
    .deferred-actions-table td, .deferred-actions-table th
 {
        padding: var(--space-2);
    }
    .deferred-actions-table td.message-phone
 {
        width: auto !important; min-width: 0 !important; max-width: none !important;
    }
    .deferred-actions-table
 {
        box-shadow: var(--shadow-sm); margin: 0; padding: 0;
    }
    .deferred-actions-table::before, .deferred-actions-table::after
 {
        width: 0; height: 0;
    }
    .deferred-actions-table colgroup::before, .deferred-actions-table colgroup::after, .deferred-actions-table col::before, .deferred-actions-table col::after
 {
        width: 0; height: 0;
    }
    .deferred-actions-table col.col-phone
 {
        width: clamp(calc(var(--space-16) * 2), 25%, calc(var(--space-16) * 3)); min-width: calc(var(--space-16) * 2);
    }
    .deferred-actions-table col.col-time
 {
        width: clamp(calc(var(--space-16) * 2.5), 35%, calc(var(--space-16) * 3.5)); min-width: calc(var(--space-16) * 2.5);
    }
    .deferred-actions-table col.col-action-1, .deferred-actions-table col.col-action-2
 {
        width: clamp(calc(var(--space-12) * 1.2), 20%, calc(var(--space-16) * 1.5)); min-width: calc(var(--space-12) * 1.2);
    }
    .deferred-actions-table thead::before, .deferred-actions-table thead::after, .deferred-actions-table thead tr::before, .deferred-actions-table thead tr::after
 {
        width: 0; height: 0;
    }
    .deferred-actions-table thead th
 {
        padding: var(--space-3) var(--space-4); border-bottom: calc(var(--space-1) * 2) solid rgba(255, 255, 255, 0.2);
    }
    .deferred-actions-table thead th::before, .deferred-actions-table thead th::after
 {
        width: 0; height: 0;
    }
    .deferred-actions-table thead th:nth-child(1)
 {
        margin-left: 0; padding-left: var(--space-4);
    }
    .deferred-actions-table tbody::before, .deferred-actions-table tbody::after
 {
        width: 0; height: 0;
    }
    .deferred-actions-table tbody tr.message-main-row
 {
        border-bottom: 1px solid var(--border);
    }
    .deferred-actions-table tbody tr.message-main-row::before
 {
        left: 0; top: 0; bottom: 0; width: calc(var(--space-1) * 3);
    }
    .deferred-actions-table tbody tr.message-main-row td
 {
        padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border-light);
    }
    .deferred-actions-table tbody tr.message-main-row td::before, .deferred-actions-table tbody tr.message-main-row td::after
 {
        width: 0; height: 0; padding: 0; margin: 0;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-phone
 {
        margin-left: 0; padding-left: var(--space-4);
    }
    .deferred-actions-table tbody tr.message-main-row td.message-phone::before, .deferred-actions-table tbody tr.message-main-row td.message-phone::after
 {
        width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-actions form
 {
        margin: 0;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-actions .btn
 {
        width: 100%; max-width: 100%;
    }
    .deferred-actions-table tbody tr.message-content-row
 {
        border-bottom: calc(var(--space-3) * 2) solid var(--border-light);
    }
    .deferred-actions-table tbody tr.message-content-row td, .deferred-actions-table tbody tr.message-content-row td[colspan="4"], .deferred-actions-table tbody tr.message-content-row td.message-content-cell
 {
        padding: var(--space-4) var(--space-5); border-top: 1px solid var(--border-light); width: 100%;
    }
    .deferred-actions-table tbody tr.message-content-row .message-content-text
 {
        width: 100%;
    }
    .deferred-actions-table thead
 {
        margin: 0 !important; padding: 0 !important;
    }
    .deferred-actions-table thead::before, .deferred-actions-table thead::after
 {
        width: 0 !important; height: 0 !important;
    }
    .deferred-actions-table thead tr
 {
        margin: 0 !important; padding: 0 !important;
    }
    .deferred-actions-table thead tr::before, .deferred-actions-table thead tr::after
 {
        width: 0 !important; height: 0 !important;
    }
    .deferred-actions-table thead th
 {
        padding: var(--space-3) var(--space-4); border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }
    .deferred-actions-table colgroup::before, .deferred-actions-table colgroup::after, .deferred-actions-table col::before, .deferred-actions-table col::after
 {
        width: 0 !important; height: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row
 {
        border-bottom: 1px solid var(--border) !important; margin: 0 !important; padding: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row::before
 {
        left: 0; top: 0; bottom: 0; width: 3px;
    }
    .deferred-actions-table tbody tr.message-main-row td
 {
        padding: var(--space-3) var(--space-4) !important; border-bottom: 1px solid var(--border-light) !important; margin: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row td::before, .deferred-actions-table tbody tr.message-main-row td::after
 {
        width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-phone
 {
        margin-left: 0 !important; padding-left: var(--space-4) !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-phone::before, .deferred-actions-table tbody tr.message-main-row td.message-phone::after
 {
        width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-time
 {
        margin: 0 !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-actions, .deferred-actions-table tbody tr.message-main-row td[colspan="2"]
 {
        padding: var(--space-3) var(--space-4) !important;
    }
    .deferred-actions-table tbody tr.message-main-row td.message-actions .d-flex
 {
        gap: var(--space-2);
    }
    .deferred-actions-table tbody tr.message-main-row td.message-actions form
 {
        margin: 0;
    }
    .deferred-actions-table tbody tr.message-content-row
 {
        border-bottom: calc(var(--space-3) * 2) solid var(--border-light) !important;
    }
    .deferred-actions-table tbody tr.message-content-row:hover
 {
        box-shadow: none !important;
    }
    .deferred-actions-table tbody tr.message-content-row td
 {
        border-top: 1px solid var(--border-light) !important; border-bottom: none !important; border-left: none !important; border-right: none !important; padding: var(--space-4) var(--space-5) !important;
    }
    .deferred-actions-table tbody tr.message-content-row td[colspan="4"], .deferred-actions-table tbody tr.message-content-row td.message-content-cell
 {
        padding: var(--space-4) var(--space-5) !important; border-top: 1px solid var(--border-light) !important; border-bottom: none !important; width: 100% !important; max-width: 100% !important;
    }
    .deferred-actions-table tbody tr.message-content-row .message-content-text
 {
        max-width: 100% !important; width: 100% !important;
    }
    .table-container > table.sms-queue-table:not(.deferred-actions-table) col.col-phone
 {
        width: clamp(calc(var(--space-16) * 2), 18%, calc(var(--space-16) * 2.5));
    }
    .table-container > table.sms-queue-table:not(.deferred-actions-table) col.col-docs
 {
        width: clamp(calc(var(--space-16) * 2), 25%, calc(var(--space-16) * 4));
    }
    .table-container > table.sms-queue-table:not(.deferred-actions-table) col.col-date
 {
        width: clamp(calc(var(--space-16) * 2.5), 20%, calc(var(--space-16) * 3.5));
    }
    .table-container > table.sms-queue-table:not(.deferred-actions-table) col.col-retries
 {
        width: clamp(calc(var(--space-10) * 1.5), 12%, calc(var(--space-16) * 1.5));
    }
    .table-container > table.sms-queue-table:not(.deferred-actions-table) col.col-status
 {
        width: clamp(calc(var(--space-16) * 1.5), 15%, calc(var(--space-16) * 2.5));
    }
    .table-container > table.delayed-emails-table:not(.deferred-actions-table) col.col-name
 {
        width: clamp(calc(var(--space-16) * 3), 35%, calc(var(--space-16) * 5));
    }
    .table-container > table.delayed-emails-table:not(.deferred-actions-table) col.col-university
 {
        width: clamp(calc(var(--space-16) * 2), 30%, calc(var(--space-16) * 3.5));
    }
    .table-container > table.delayed-emails-table:not(.deferred-actions-table) col.col-time
 {
        width: clamp(calc(var(--space-16) * 2.5), 25%, calc(var(--space-16) * 3.5));
    }
    .stats-section
 {
        margin-bottom: var(--space-6);
    }
    .stat-item
 {
        box-shadow: var(--shadow-sm); border: 1px solid var(--border); gap: var(--space-2);
    }
    .stat-item::before
 {
        top: 0; left: 0; right: 0; height: 4px;
    }
    .stat-item:hover
 {
        box-shadow: var(--shadow-md); transform: translateY(-2px);
    }
    .alert
 {
        margin-bottom: var(--space-md); border-left: 4px solid;
    }
    .info-box
 {
        border-left: 4px solid var(--primary); padding: var(--space-md) var(--space-lg); margin: var(--space-6) 0; box-shadow: var(--shadow-sm);
    }
    .info-box:hover
 {
        box-shadow: var(--shadow-md);
    }
    .info-box p
 {
        margin: 0;
    }
    .admin-alert
 {
        padding: var(--space-md) var(--space-lg); margin-bottom: var(--space-5); gap: var(--space-3); border-left: 4px solid;
    }
    .admin-hero-add-form
 {
        box-shadow: none;
    }
    .admin-curators-container
 {
        margin-top: var(--space-3); padding: var(--space-2) 0;
    }
    .admin-curator-option
 {
        margin: 0;
    }
    .admin-curator-option input[type="radio"]
 {
        width: 0; height: 0; margin: 0;
    }
    .admin-curator-option label
 {
        padding: var(--space-1) var(--space-2); border: calc(var(--space-1) / 2) solid var(--border); box-shadow: var(--shadow-xs); min-height: calc(var(--space-6) + var(--space-1));
    }
    .admin-curator-option label:hover
 {
        box-shadow: var(--shadow-sm); transform: translateY(calc(var(--space-1) / -2));
    }
    .admin-curator-option input[type="radio"]:checked + label
 {
        box-shadow: var(--shadow-md); transform: translateY(calc(var(--space-1) / -2)) scale(1.02);
    }
    .admin-curator-option input[type="radio"]:focus-visible + label
 {
        outline: calc(var(--space-1) / 2) solid rgba(59, 130, 246, 0.3); outline-offset: var(--space-1);
    }
    .admin-curator-option input[type="radio"]:active + label
 {
        transform: translateY(0) scale(0.98);
    }
    .admin-nostrification-section
 {
        gap: var(--space-4);
    }
    .admin-info-text
 {
        margin: var(--space-2) 0; gap: var(--space-2);
    }
    .admin-info-text i
 {
        margin-top: var(--space-1);
    }
    .user-table.documents-table .form-inline
 {
        margin: 0; padding: 0;
    }
    .user-table.documents-table .form-inline button
 {
        margin: 0; padding: 0; border: none;
    }
    .admin-actions-buttons
 {
        gap: var(--space-2); margin-top: var(--space-4);
    }
    .admin-actions-buttons form
 {
        margin: 0; padding: 0;
    }
    .admin-info-section
 {
        margin-top: var(--space-4); padding: var(--space-4); border-left: 4px solid var(--primary);
    }
    .admin-info-section h4
 {
        margin-bottom: var(--space-3);
    }
    .admin-info-section .admin-info-text
 {
        margin: var(--space-2) 0;
    }
    .card::before
 {
        top: 0; left: -100%; width: 100%; height: 2px;
    }
    .card:hover::before
 {
        left: 0;
    }
    .card-header::before
 {
        left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 60%;
    }
    .online-indicator
 {
        width: 8px; height: 8px; box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    }
    .skeleton
 {
        background-size: 200% 100%;
    }
    .tooltip::before
 {
        bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-8px); padding: var(--space-2) var(--space-3); box-shadow: var(--shadow-lg);
    }
    .tooltip::after
 {
        bottom: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent;
    }
    .tooltip:hover::before, .tooltip:hover::after
 {
        transform: translateX(-50%) translateY(-4px);
    }
    .student-actions-container
 {
        gap: var(--space-md); margin: var(--space-lg) 0;
    }
    .navigation-actions
 {
        gap: var(--space-md); margin: var(--space-lg) 0; padding: var(--space-md);
    }
    .translation-statistics
 {
        margin: var(--space-6) 0; padding: var(--space-6); border: 1px solid var(--border);
    }
    .translation-section
 {
        margin: var(--space-6) 0;
    }
    .translation-section-title
 {
        margin-bottom: var(--space-4); gap: var(--space-2);
    }
    .translation-section-title-success
 {
        margin-bottom: var(--space-4); gap: var(--space-2);
    }
    .translation-section-title-danger
 {
        margin-bottom: var(--space-4); gap: var(--space-2);
    }
    .translation-complete-badge
 {
        gap: var(--space-1); padding: var(--space-1) var(--space-3);
    }
    .translation-partial-badge
 {
        gap: var(--space-1); padding: var(--space-1) var(--space-3);
    }
    .translation-success-box, .translation-danger-box, .translation-partial-box
 {
        padding: var(--space-4); border-left: 4px solid;
    }
    .translation-session-message
 {
        padding: var(--space-4); margin-bottom: var(--space-4); gap: var(--space-2);
    }
    .translation-message-success
 {
        border-left: 4px solid var(--success);
    }
    .translation-message-error
 {
        border-left: 4px solid var(--danger);
    }
    .translation-message-info
 {
        border-left: 4px solid var(--info);
    }
    .modal-loading
 {
        padding: var(--space-6);
    }
    .text-error
 {
        padding: var(--space-4);
    }
    .exam-limit-info-success, .exam-limit-info-warning
 {
        padding: var(--space-4); margin-bottom: var(--space-4); border-left: 4px solid;
    }
    .badge
 {
        gap: var(--space-1); padding: var(--space-1) var(--space-3);
    }
    .badge-count
 {
        border: 2px solid var(--bg-primary); box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(16, 185, 129, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count:hover
 {
        transform: scale(1.1); box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(16, 185, 129, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-online, .badge-count.badge-success
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(16, 185, 129, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-online:hover, .badge-count.badge-success:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(16, 185, 129, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-danger, .badge-count.badge-urgent
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(239, 68, 68, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-danger:hover, .badge-count.badge-urgent:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(239, 68, 68, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-warning
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(245, 158, 11, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-warning:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(245, 158, 11, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-info, .badge-count.badge-primary
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(59, 130, 246, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-info:hover, .badge-count.badge-primary:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(59, 130, 246, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-purple, .badge-count.badge-special
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(139, 92, 246, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-purple:hover, .badge-count.badge-special:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(139, 92, 246, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-secondary, .badge-count.badge-neutral
 {
        box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(107, 114, 128, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .badge-count.badge-secondary:hover, .badge-count.badge-neutral:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(107, 114, 128, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
    .badge-count.badge-no-hover:hover
 {
        transform: none; box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(16, 185, 129, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .copy-all-btn
 {
        padding: var(--space-2) var(--space-3); border: 1px solid var(--border); margin-left: var(--space-2);
    }
    .copy-all-btn:hover
 {
        transform: translateY(-1px); box-shadow: var(--shadow-sm);
    }
    .copy-target
 {
        gap: var(--space-2);
    }
    .student-box-admin-info
 {
        border-left: 5px solid var(--primary); box-shadow: var(--shadow-md); margin-bottom: var(--space-6);
    }
    .student-box-admin-info:hover
 {
        box-shadow: var(--shadow-lg);
    }
    .student-box-title
 {
        margin: 0 0 var(--space-4) 0;
    }
    .admin-student-status
 {
        border: 2px solid var(--bg-primary); box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.15),
        0 4px 12px rgba(39, 146, 174, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    }
    .admin-student-status:hover
 {
        box-shadow: 
        0 3px 6px rgba(0, 0, 0, 0.2),
        0 6px 16px rgba(39, 146, 174, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    }
    .admin-student-status:active
 {
        transform: scale(1.02); box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.15),
        0 4px 12px rgba(39, 146, 174, 0.3),
        inset 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .student-box-admin-actions
 {
        max-width: 100%; min-width: 0; margin: 0;
    }
    .container .student-box-admin-actions, .student-box-admin-info + .student-box-admin-actions, .student-box-admin-actions
 {
        width: 100%; max-width: 100%; min-width: 0;
    }
    .student-box-admin-actions::-webkit-scrollbar
 {
        height: 6px;
    }
    .action-icon
 {
        border: 2px solid var(--border); box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.1),
        0 2px 4px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -1px 0 rgba(0, 0, 0, 0.05);
    }
    .action-icon::before
 {
        top: -50%; left: -50%; width: 200%; height: 200%;
    }
    .action-icon img, .action-icon i
 {
        object-fit: contain;
    }
    .action-icon:hover
 {
        transform: translateY(-4px) scale(1.05); box-shadow: 
        0 8px 16px rgba(0, 0, 0, 0.15),
        0 4px 8px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(0, 0, 0, 0.08),
        0 0 0 3px rgba(39, 146, 174, 0.1);
    }
    .action-icon:hover img, .action-icon:hover i
 {
        transform: scale(1.1);
    }
    .action-icon:active
 {
        transform: translateY(-2px) scale(1.02); box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.12),
        0 2px 4px rgba(0, 0, 0, 0.08),
        inset 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .action-icon:focus-visible
 {
        outline: 3px solid var(--primary); outline-offset: 2px;
    }
    .avatar-img
 {
        object-fit: cover; border: solid var(--bg-primary); box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.15),
        0 8px 16px rgba(39, 146, 174, 0.2),
        inset 0 2px 4px rgba(255, 255, 255, 0.3),
        inset 0 -2px 4px rgba(0, 0, 0, 0.1);
    }
    .avatar-img:hover
 {
        transform: scale(1.05); box-shadow: 
        0 6px 12px rgba(0, 0, 0, 0.2),
        0 12px 24px rgba(39, 146, 174, 0.3),
        inset 0 2px 4px rgba(255, 255, 255, 0.4),
        inset 0 -2px 4px rgba(0, 0, 0, 0.15);
    }
    .student-profile-header-container
 {
        margin-bottom: var(--space-lg);
    }
    .student-info-wrapper
 {
        width: 100%;
    }
    .user-table
 {
        margin: var(--space-lg) 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    .user-table[style*="table-layout: fixed"], .user-table.fixed-layout
 {
        box-shadow: var(--shadow-sm);
    }
    .user-table#online-users-table, .user-table#offline-users-table
 {
        width: 100%;
    }
    .table-wrapper
 {
        width: 100%;
    }
    .table-wrapper .user-table
 {
        margin: 0;
    }
    .page-container
 {
        width: 100%; max-width: 100%;
    }
    .stats-grid
 {
        margin: var(--space-xl) 0; padding: 0;
    }
    .stat-card
 {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .stat-card::before
 {
        top: 0; left: 0; right: 0; bottom: 0;
    }
    .stat-card:hover
 {
        transform: translateY(-2px) scale(1.02); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
    .stat-number
 {
        margin-bottom: var(--space-2);
    }
    .page-navigation
 {
        margin: var(--space-xl) 0;
    }
    .nav-list
 {
        padding: 0; margin: 0;
    }
    .nav-list li
 {
        margin: 0;
    }
    .user-table .action-icon:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .user-table .action-icon:hover
 {
        transform: none;
    }
    .user-table#attendance-table
 {
        width: 100%;
    }
    .status-present
 {
        gap: var(--space-1);
    }
    .status-late
 {
        gap: var(--space-1);
    }
    .status-absent
 {
        gap: var(--space-1);
    }
    .user-table#csrf-pages-table
 {
        width: 100%;
    }
    .user-table#csrf-ips-table
 {
        width: 100%;
    }
    .user-table#csrf-time-table
 {
        width: 100%;
    }
    .user-table#csrf-reports-table
 {
        width: 100%;
    }
    .user-table#csrf-debug-table
 {
        width: 100%;
    }
    .user-table#student-list-table
 {
        width: 100%;
    }
    .user-table#students-verified-table, .user-table#students-pending-table
 {
        width: 100%;
    }
    table#student-cost-view-table
 {
        width: 100%;
    }
    .semesters-container
 {
        margin: var(--space-lg) 0;
    }
    .semester-block
 {
        border: 1px solid var(--border-light); box-shadow: var(--shadow-sm);
    }
    .semester-block:hover
 {
        box-shadow: var(--shadow-md); transform: translateY(-2px);
    }
    .semester-header
 {
        margin-bottom: var(--space-md); padding-bottom: var(--space-md); border-bottom: 1px solid var(--border-light);
    }
    .semester-title
 {
        margin: 0; gap: var(--space-2);
    }
    .semester-period
 {
        margin-left: var(--space-2);
    }
    .academic-year
 {
        padding: var(--space-1) var(--space-3);
    }
    .tbl#university-list-table
 {
        width: 100%;
    }
    .user-table th
 {
        border-bottom: 2px solid var(--border);
    }
    .user-table td
 {
        border-bottom: 1px solid var(--border-light);
    }
    .user-table td:first-child
 {
        width: 30%; font-size: inherit;
    }
    .user-table td:last-child
 {
        width: 70%; font-size: inherit;
    }
    .user-table span[onclick*="copyToClipboard"], .user-table .copy-target
 {
        padding: var(--space-1) var(--space-2); gap: var(--space-2);
    }
    .user-table span[onclick*="copyToClipboard"]:hover, .user-table .copy-target:hover
 {
        transform: translateY(-1px);
    }
    .user-table .copy-all-btn
 {
        margin-left: var(--space-md); padding: var(--space-1) var(--space-2);
    }
    .links-table
 {
        width: 100%; margin: var(--space-lg) 0;
    }
    .links-table td
 {
        padding: var(--space-md) var(--space-lg); border-bottom: 1px solid var(--border-light);
    }
    .user-table form
 {
        margin: 0;
    }
    .user-table button, .user-table .btn
 {
        margin-right: var(--space-sm);
    }
    .table-responsive
 {
        width: 100%; margin: var(--space-lg) 0;
    }
    .table-responsive + h3, h3 + .table-responsive
 {
        margin-top: var(--space-md);
    }
    h3 + .table-responsive, .table-responsive:first-child
 {
        margin-top: 0;
    }
    .table-responsive::-webkit-scrollbar
 {
        height: 8px;
    }
    .user-table tbody tr
 {
        border-bottom: 1px solid var(--border-light);
    }
    .user-table tbody tr:hover
 {
        box-shadow: inset 0 0 0 1px var(--border);
    }
    .user-table tbody tr:last-child
 {
        border-bottom: none;
    }
    .user-table .student-index-cell
 {
        width: 3%; min-width: 36px; padding: var(--space-md) var(--space-2); border-bottom: 1px solid var(--border-light);
    }
    .user-table .student-name-cell
 {
        width: 73%; padding: var(--space-md) var(--space-lg); min-width: 200px; border-bottom: 1px solid var(--border-light);
    }
    .user-table .student-name-cell
 {
        max-width: none;
    }
    .user-table .student-status-cell, .user-table .student-payment-cell, .user-table .student-credentials-cell
 {
        width: 8%; min-width: 44px; padding: var(--space-md) var(--space-2); border-bottom: 1px solid var(--border-light);
    }
    .student-info
 {
        width: 100%; gap: var(--space-sm); font-size: inherit; max-width: none; min-width: 0;
    }
    .student-info::after
 {
        bottom: -2px; left: 0; width: 0; height: 2px;
    }
    .student-info:hover
 {
        transform: translateX(2px);
    }
    .student-info:hover::after
 {
        width: 100%;
    }
    .student-info:active
 {
        transform: translateX(0);
    }
    .student-info:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .gender-icon
 {
        width: 32px; height: 32px; object-fit: contain; border: none;
    }
    .payment-icon
 {
        width: 32px; height: 32px; object-fit: contain; border: none;
    }
    .login-pass-icon
 {
        width: 32px; height: 32px; object-fit: contain; border: none;
    }
    .payment-link
 {
        padding: var(--space-2); border: 1px solid var(--border-light);
    }
    .payment-link::before
 {
        top: 50%; left: 50%; width: 0; height: 0; transform: translate(-50%, -50%);
    }
    .payment-link:hover::before
 {
        width: 100px; height: 100px;
    }
    .payment-link:hover
 {
        transform: translateY(-2px); box-shadow: var(--shadow-md);
    }
    .payment-link:active
 {
        transform: translateY(0); box-shadow: var(--shadow-sm);
    }
    .payment-link:focus-visible
 {
        outline: 2px solid var(--accent-green); outline-offset: 2px;
    }
    .login-pass-link
 {
        padding: var(--space-2); border: 1px solid var(--border-light);
    }
    .login-pass-link::before
 {
        top: 50%; left: 50%; width: 0; height: 0; transform: translate(-50%, -50%);
    }
    .login-pass-link:hover::before
 {
        width: 100px; height: 100px;
    }
    .login-pass-link:hover
 {
        transform: translateY(-2px); box-shadow: var(--shadow-md);
    }
    .login-pass-link:active
 {
        transform: translateY(0); box-shadow: var(--shadow-sm);
    }
    .login-pass-link:focus-visible
 {
        outline: 2px solid var(--accent-blue); outline-offset: 2px;
    }
    .status-icon:hover
 {
        transform: scale(1.15);
    }
    .status-icon, .status-icon:hover, .payment-link, .payment-link:hover, .payment-link:active, .login-pass-link, .login-pass-link:hover, .login-pass-link:active
 {
        transform: none;
    }
    .student-actions-mobile
 {
        gap: var(--space-md);
    }
    .credentials-modal
 {
        inset: 0;
    }
    .credentials-modal__backdrop
 {
        inset: 0;
    }
    .credentials-modal__dialog
 {
        width: min(420px, 100%); box-shadow: var(--shadow-2xl); padding: var(--space-6); gap: var(--space-4); max-height: 90vh;
    }
    .credentials-modal__close
 {
        top: var(--space-3); right: var(--space-3); width: 38px; height: 38px; border: none;
    }
    .credentials-modal__close:hover
 {
        transform: scale(1.05);
    }
    .credentials-modal__close:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .credentials-modal__header
 {
        gap: var(--space-3); padding-right: var(--space-10);
    }
    .credentials-modal__title
 {
        margin: 0;
    }
    .credentials-modal__copy-btn
 {
        width: 42px; height: 42px; border: none;
    }
    .credentials-modal__copy-btn:hover
 {
        transform: translateY(-1px);
    }
    .credentials-modal__copy-btn:focus-visible
 {
        outline: 2px solid var(--info); outline-offset: 2px;
    }
    .credentials-modal__body
 {
        gap: var(--space-4);
    }
    .credentials-modal__row
 {
        gap: var(--space-2);
    }
    .credentials-modal__value
 {
        border: 1px solid var(--border);
    }
    .credentials-modal__close:hover, .credentials-modal__copy-btn:hover
 {
        transform: none;
    }
    .user-table .empty-row
 {
        padding: var(--space-xl) var(--space-lg);
    }
    .section-title
 {
        gap: var(--space-md); margin: var(--space-xl) 0 var(--space-lg);
    }
    .section-title i
 {
        font-size: 0.9em;
    }
    .section-title .badge-count
 {
        top: auto; right: auto; margin-left: var(--space-sm);
    }
    .page-header
 {
        gap: var(--space-lg); margin-bottom: var(--space-xl);
    }
    .page-header form
 {
        margin: 0;
    }
    .search-container
 {
        gap: var(--space-md); min-width: 300px;
    }
    .search-input
 {
        min-width: 200px;
    }
    .search-type
 {
        min-width: 150px;
    }
    .search-autocomplete-wrapper
 {
        min-width: 200px;
    }
    .search-autocomplete-list
 {
        top: 100%; left: 0; right: 0; border: 1px solid var(--border); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); max-height: 300px; margin-top: var(--space-1);
    }
    .search-autocomplete-list:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .autocomplete-item
 {
        padding: var(--space-md) var(--space-lg); border-bottom: 1px solid var(--border-light); gap: var(--space-md);
    }
    .autocomplete-item:last-child
 {
        border-bottom: none;
    }
    .autocomplete-item:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: -2px;
    }
    .autocomplete-role
 {
        padding: var(--space-1) var(--space-2);
    }
    .autocomplete-type
 {
        padding: var(--space-1) var(--space-2);
    }
    .autocomplete-no-results
 {
        padding: var(--space-md) var(--space-lg);
    }
    .user-table.documents-table .action-btn, .user-table.documents-table button.action-btn, .user-table.documents-table form .action-btn
 {
        border: 2px solid var(--border); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); padding: 0; margin: 0; font-size: inherit;
    }
    .user-table.documents-table .action-btn::before
 {
        top: 50%; left: 50%; width: 0; height: 0; transform: translate(-50%, -50%);
    }
    .user-table.documents-table .action-btn:hover::before
 {
        width: 120px; height: 120px;
    }
    .user-table.documents-table .action-btn:hover
 {
        transform: translateY(-3px) scale(1.05); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); border-width: 2px;
    }
    .user-table.documents-table .action-btn:active
 {
        transform: translateY(-1px) scale(1.02); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    }
    .user-table.documents-table .action-btn i, .user-table.documents-table button.action-btn i, .user-table.documents-table form .action-btn i
 {
        width: 100%; height: 100%;
    }
    .user-table.documents-table .action-btn:hover i, .user-table.documents-table button.action-btn:hover i, .user-table.documents-table form .action-btn:hover i
 {
        transform: scale(1.15);
    }
    .user-table .action-btn, .user-table button.action-btn, .user-table form .action-btn
 {
        border: 2px solid var(--border); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); padding: 0; margin: 0; font-size: inherit;
    }
    .user-table .action-btn::before
 {
        top: 50%; left: 50%; width: 0; height: 0; transform: translate(-50%, -50%);
    }
    .user-table .action-btn:hover::before
 {
        width: 120px; height: 120px;
    }
    .user-table .action-btn:hover
 {
        transform: translateY(-3px) scale(1.05); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); border-width: 2px;
    }
    .user-table .action-btn:active
 {
        transform: translateY(-1px) scale(1.02); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    }
    .user-table .action-btn i, .user-table button.action-btn i, .user-table form .action-btn i
 {
        width: 100%; height: 100%;
    }
    .user-table .action-btn:hover i, .user-table button.action-btn:hover i, .user-table form .action-btn:hover i
 {
        transform: scale(1.15);
    }
    .user-table .action-btn:focus-visible
 {
        outline: 3px solid var(--primary); outline-offset: 2px;
    }
    .user-table.documents-table .status-badge
 {
        gap: var(--space-1);
    }
    .admin-nostrification-section .btn-primary, .admin-nostrification-section .btn-secondary
 {
        gap: var(--space-2); border: 1px solid transparent; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-right: var(--space-2); margin-bottom: 0;
    }
    .admin-nostrification-section .btn-primary:last-child, .admin-nostrification-section .btn-secondary:last-child
 {
        margin-right: 0;
    }
    .main-navigation
 {
        padding: 0 0 var(--space-5) 0; margin: var(--space-4) 0;
    }
    .main-navigation ul
 {
        padding: 0; margin: 0 auto; gap: var(--space-2); max-width: 100%;
    }
    .main-navigation li
 {
        margin: 0;
    }
    .main-navigation li a
 {
        min-height: 40px; min-width: 120px; gap: var(--space-2); border: 1px solid var(--border);
    }
    .main-navigation li a span
 {
        margin-left: var(--space-2);
    }
    .main-navigation li a i
 {
        min-width: 20px;
    }
    .main-navigation li a:hover
 {
        transform: scale(1.05); box-shadow: var(--shadow-md);
    }
    .main-navigation li a:hover i
 {
        transform: scale(1.1);
    }
    .main-navigation li a:active
 {
        transform: scale(0.95);
    }
    .main-navigation li a:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .university-modal
 {
        left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100vh !important; margin: 0 !important; padding: 0 !important;
    }
    .university-modal.active
 {
        width: 100vw !important; height: 100vh !important; max-width: none !important; inset: 0 !important; font-size: inherit !important;
    }
    .university-modal-dialog
 {
        box-shadow: var(--shadow-2xl); transform: translateY(-20px); max-height: 90vh; margin: 0 !important;
    }
    .university-modal.active .university-modal-dialog
 {
        transform: translateY(0);
    }
    .university-modal-title
 {
        margin-bottom: var(--space-4);
    }
    .university-modal-close
 {
        width: 32px; height: 32px;
    }
    .university-modal-close:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .university-modal-dialog .head-icon-menu
 {
        margin: 0; padding: 0; gap: var(--space-3);
    }
    .university-modal-dialog .head-icon-menu li
 {
        margin: 0; padding: 0;
    }
    .university-modal-dialog .head-icon-menu a, .university-modal-dialog .head-icon-menu .menu-link
 {
        border-bottom: none !important;
    }
    .university-modal-dialog .head-icon-menu a::after, .university-modal-dialog .head-icon-menu .menu-link::after
 {
        width: 0 !important; height: 0 !important;
    }
    .university-modal-dialog .head-icon-menu a:hover, .university-modal-dialog .head-icon-menu .menu-link:hover
 {
        border-bottom: none !important;
    }
    .university-modal-dialog .head-icon-menu a:hover::after, .university-modal-dialog .head-icon-menu .menu-link:hover::after
 {
        width: 0 !important; height: 0 !important;
    }
    .university-modal-dialog .head-icon-menu a.menu-active, .university-modal-dialog .head-icon-menu .menu-link.menu-active
 {
        border-bottom: none !important;
    }
    .university-modal-dialog .head-icon-menu a.menu-active::after, .university-modal-dialog .head-icon-menu .menu-link.menu-active::after
 {
        width: 0 !important; height: 0 !important;
    }
    .border-none
 {
        border: none;
    }
    .col-actions
 {
        gap: var(--space-3);
    }
    .gap-2
 {
        gap: var(--space-2);
    }
    .gap-3
 {
        gap: var(--space-3);
    }
    .gap-4
 {
        gap: var(--space-4);
    }
    .gap-5
 {
        gap: var(--space-5);
    }
    .gap-6
 {
        gap: var(--space-6);
    }
    .grid-auto-fit
 {
        gap: var(--space-2);
    }
    .ml-auto
 {
        margin-left: auto;
    }
    .my-6
 {
        margin: var(--space-6) 0;
    }
    .list-unstyled
 {
        padding: 0; margin: 0;
    }
    .border-top
 {
        border-top: 1px solid var(--border-light);
    }
    .pt-4
 {
        padding-top: var(--space-4);
    }
    .filters-container
 {
        gap: var(--space-3); width: 100%; padding: var(--space-3) 0;
    }
    .filters-container > div
 {
        gap: var(--space-1); min-width: 150px;
    }
    .filters-container label
 {
        gap: var(--space-2);
    }
    .filters-container select, .filters-container input
 {
        width: 100%; min-height: 36px; padding: var(--space-2) var(--space-3); border: 1px solid var(--border);
    }
    .filters-group-wrapper
 {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: var(--space-5); width: 100%; padding: var(--space-4) 0;
    }
    .filters-group
 {
        gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--border-light); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }
    .filters-group:hover
 {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }
    .filters-group-title
 {
        gap: var(--space-2); margin: 0; padding: var(--space-2) 0; border-bottom: 2px solid var(--primary); padding-bottom: var(--space-3);
    }
    .filters-group-fields
 {
        gap: var(--space-3);
    }
    .filter-field
 {
        gap: var(--space-1);
    }
    .filter-field label
 {
        gap: var(--space-2);
    }
    .filter-field select, .filter-field input
 {
        width: 100%; min-height: 36px; padding: var(--space-2) var(--space-3); border: 1px solid var(--border);
    }
    .filter-field select:focus, .filter-field input:focus
 {
        outline: none; box-shadow: 0 0 0 3px rgba(39, 146, 174, 0.1);
    }
    .pb-4
 {
        padding-bottom: var(--space-4);
    }
    .pt-2
 {
        padding-top: var(--space-2);
    }
    .mt-2
 {
        margin-top: var(--space-2);
    }
    .w-40
 {
        width: 40px;
    }
    .h-40
 {
        height: 40px;
    }
    .w-100
 {
        width: 100%;
    }
    .h-20px
 {
        height: 20px;
    }
    .h-100
 {
        height: 100%;
    }
    .left-0
 {
        left: 0;
    }
    .top-0
 {
        top: 0;
    }
    .px-2
 {
        padding-left: var(--space-2); padding-right: var(--space-2);
    }
    .mt-10
 {
        margin-top: var(--space-10);
    }
    .mb-4
 {
        margin-bottom: var(--space-4);
    }
    .mb-5
 {
        margin-bottom: var(--space-5);
    }
    .mb-6
 {
        margin-bottom: var(--space-6);
    }
    .min-w-80px
 {
        min-width: 80px;
    }
    .min-w-100px
 {
        min-width: 100px;
    }
    .min-w-120px
 {
        min-width: 120px;
    }
    .min-w-130px
 {
        min-width: 130px;
    }
    .min-w-150px
 {
        min-width: 150px;
    }
    .max-w-120px
 {
        max-width: 120px;
    }
    .max-w-150px
 {
        max-width: 150px;
    }
    .w-48
 {
        width: 48%;
    }
    .py-2
 {
        padding-top: var(--space-2); padding-bottom: var(--space-2);
    }
    .section-title
 {
        margin-bottom: var(--space-5); border-bottom: 2px solid var(--primary); padding-bottom: var(--space-2);
    }
    .my-5
 {
        margin: var(--space-5) 0;
    }
    .my-2
 {
        margin: var(--space-2) 0;
    }
    .my-4
 {
        margin: var(--space-4) 0;
    }
    .my-3
 {
        margin: var(--space-3) 0;
    }
    .border-left-4
 {
        border-left: 4px solid var(--success);
    }
    .mb-8
 {
        margin-bottom: var(--space-8);
    }
    .mt-4
 {
        margin-top: var(--space-4);
    }
    .mt-5
 {
        margin-top: var(--space-5);
    }
    .p-4
 {
        padding: var(--space-4);
    }
    .p-5
 {
        padding: var(--space-5);
    }
    .p-10
 {
        padding: var(--space-10);
    }
    .ml-2
 {
        margin-left: var(--space-2);
    }
    .p-1
 {
        padding: var(--space-1);
    }
    .m-1
 {
        margin: var(--space-1);
    }
    .mb-1
 {
        margin-bottom: var(--space-1);
    }
    .mt-1
 {
        margin-top: var(--space-1);
    }
    .ml-1
 {
        margin-left: var(--space-1);
    }
    .mr-1
 {
        margin-right: var(--space-1);
    }
    .p-2
 {
        padding: var(--space-2);
    }
    .px-4
 {
        padding-left: var(--space-4); padding-right: var(--space-4);
    }
    .m-2
 {
        margin: var(--space-2);
    }
    .mb-2
 {
        margin-bottom: var(--space-2);
    }
    .mr-2
 {
        margin-right: var(--space-2);
    }
    .p-3
 {
        padding: var(--space-3);
    }
    .m-3
 {
        margin: var(--space-3);
    }
    .mb-3
 {
        margin-bottom: var(--space-3);
    }
    .mt-3
 {
        margin-top: var(--space-3);
    }
    .ml-3
 {
        margin-left: var(--space-3);
    }
    .mr-3
 {
        margin-right: var(--space-3);
    }
    .m-4
 {
        margin: var(--space-4);
    }
    .ml-4
 {
        margin-left: var(--space-4);
    }
    .mr-4
 {
        margin-right: var(--space-4);
    }
    .m-5
 {
        margin: var(--space-5);
    }
    .ml-5
 {
        margin-left: var(--space-5);
    }
    .mr-5
 {
        margin-right: var(--space-5);
    }
    .p-6
 {
        padding: var(--space-6);
    }
    .m-6
 {
        margin: var(--space-6);
    }
    .mt-6
 {
        margin-top: var(--space-6);
    }
    .ml-6
 {
        margin-left: var(--space-6);
    }
    .mr-6
 {
        margin-right: var(--space-6);
    }
    .p-7
 {
        padding: var(--space-7);
    }
    .m-7
 {
        margin: var(--space-7);
    }
    .mb-7
 {
        margin-bottom: var(--space-7);
    }
    .mt-7
 {
        margin-top: var(--space-7);
    }
    .ml-7
 {
        margin-left: var(--space-7);
    }
    .mr-7
 {
        margin-right: var(--space-7);
    }
    .p-8
 {
        padding: var(--space-8);
    }
    .m-8
 {
        margin: var(--space-8);
    }
    .ml-8
 {
        margin-left: var(--space-8);
    }
    .mr-8
 {
        margin-right: var(--space-8);
    }
    .p-9
 {
        padding: var(--space-9);
    }
    .m-9
 {
        margin: var(--space-9);
    }
    .mb-9
 {
        margin-bottom: var(--space-9);
    }
    .mt-9
 {
        margin-top: var(--space-9);
    }
    .ml-9
 {
        margin-left: var(--space-9);
    }
    .mr-9
 {
        margin-right: var(--space-9);
    }
    .m-10
 {
        margin: var(--space-10);
    }
    .mb-10
 {
        margin-bottom: var(--space-10);
    }
    .ml-10
 {
        margin-left: var(--space-10);
    }
    .mr-10
 {
        margin-right: var(--space-10);
    }
    .inline-style-1, .inline-style-2
 {
        gap: 8px; margin-right: 10px;
    }
    .inline-style-3
 {
        margin-top: 5px;
    }
    .inline-style-5
 {
        margin-left: 24px; margin-top: 4px;
    }
    .inline-style-6
 {
        margin-right: 8px;
    }
    .bg-p-1
 {
        padding: 8px;
    }
    .inline-style-7
 {
        margin-left: 24px; margin-top: 4px;
    }
    .inline-style-8
 {
        margin-right: 8px;
    }
    .bg-p-m
 {
        margin-bottom: 10px; padding: 8px;
    }
    .inline-style-9
 {
        padding-top: 10px;
    }
    .p-11
 {
        padding: 0 10px;
    }
    .bg-p-2
 {
        padding: 15px 0; border-left: 4px solid #2196F3;
    }
    .inline-style-11
 {
        margin-left: 10px;
    }
    .inline-style-12
 {
        margin-left: 10px;
    }
    .inline-style-13
 {
        margin-left: 10px;
    }
    .inline-style-14
 {
        margin-left: 10px;
    }
    .inline-style-15
 {
        margin-left: 10px;
    }
    .inline-style-16
 {
        margin-left: 10px;
    }
    .inline-style-17
 {
        margin-left: 10px;
    }
    .inline-style-18
 {
        margin-left: 10px;
    }
    .inline-style-19
 {
        margin-left: 10px;
    }
    .inline-style-20
 {
        margin-left: 10px;
    }
    .inline-style-21
 {
        margin-left: 10px;
    }
    .inline-style-22
 {
        margin-left: 10px;
    }
    .inline-style-23
 {
        margin-left: 10px;
    }
    .inline-style-24
 {
        margin-left: 10px;
    }
    .inline-style-25
 {
        margin-left: 10px;
    }
    .inline-style-26
 {
        margin-left: 10px;
    }
    .inline-style-27
 {
        margin-left: 10px;
    }
    .inline-style-28
 {
        margin-left: 10px;
    }
    .inline-style-29
 {
        margin-left: 10px;
    }
    .inline-style-30
 {
        margin-left: 10px;
    }
    .inline-style-31
 {
        margin-left: 10px;
    }
    .inline-style-32
 {
        margin-left: 10px;
    }
    .inline-style-33
 {
        margin-left: 10px;
    }
    .inline-style-34
 {
        margin-left: 10px;
    }
    .inline-style-35
 {
        margin-left: 10px;
    }
    .inline-style
 {
        gap: 8px;
    }
    .utility
 {
        top: 2px; left: 50%; transform: translateX(-50%);
    }
    .utility-1
 {
        padding-top: 10px;
    }
    .bg-p-text
 {
        right: 5px; top: 50%; transform: translateY(-50%); font-size: 1.2em; padding: 0;
    }
    .utility-2
 {
        padding-right: 40px; width: 100%;
    }
    .utility-3
 {
        width: 100%;
    }
    .utility-6
 {
        gap: 10px;
    }
    .utility-8
 {
        min-width: 250px;
    }
    .utility-9
 {
        min-width: 200px;
    }
    .bg-m-border
 {
        margin: 10px 0; border: 1px solid #ccc;
    }
    .bg-border
 {
        border: 1px solid var(--color-success);
    }
    .utility-17
 {
        width: 100%;
    }
    .utility-18
 {
        width: 300px;
    }
    .bg-border-5
 {
        border-left: 4px solid #17a2b8;
    }
    .bg-border-6
 {
        border-left: 4px solid #ff9800;
    }
    .utility-27
 {
        gap: 10px;
    }
    .bg-border-7
 {
        border-left: 4px solid #2196F3;
    }
    .utility-31
 {
        width: 280px;
    }
    .utility-32
 {
        margin-left: 20px; margin-top: 10px;
    }
    .mt-15
 {
        margin-top: 15px;
    }
    .utility-35
 {
        max-height: 300px;
    }
    .bg-border-8
 {
        border-left: 4px solid #ffc107;
    }
    .bg-m-border-1
 {
        border-left: 4px solid #dc3545; margin: 15px 0;
    }
    .m-border
 {
        margin: 15px 0; border-left: 4px solid #28a745;
    }
    .m-border-1
 {
        margin: 15px 0; border-left: 4px solid #2792ae;
    }
    .utility-40
 {
        min-width: 150px;
    }
    .utility-41
 {
        min-width: 0;
    }
    .bg-border-9
 {
        border-left: 4px solid var(--color-success);
    }
    .m-text
 {
        margin: 0;
    }
    .bg-m-border-2
 {
        border: 2px solid #ffc107; margin: 20px 0;
    }
    .bg-border-10
 {
        border-left: 3px solid #ffc107;
    }
    .utility-45
 {
        border-bottom: 3px solid #667eea; padding-bottom: 10px;
    }
    .utility-47
 {
        width: 18px; height: 18px;
    }
    .bg-border-11
 {
        border: 2px solid #f44336;
    }
    .bg-border-12
 {
        border: 2px solid #ff9800;
    }
    .bg-border-13
 {
        border: 2px solid var(--color-success);
    }
    .utility-50
 {
        gap: 15px;
    }
    .bg-border-14
 {
        border: 2px solid #667eea;
    }
    .bg-border-15
 {
        border: 2px solid #ffc107;
    }
    .bg-border-16
 {
        border: 1px solid #ddd;
    }
    .utility-53
 {
        gap: 10px;
    }
    .bg-border-17
 {
        gap: 20px; border: 2px solid #667eea;
    }
    .m-text-1
 {
        margin-top: -20px;
    }
    .exam-ticket-signature-cell
 {
        border-bottom: 1px solid black;
    }
    .exam-ticket-meta-label
 {
        border-bottom: 0px solid black;
    }
    .exam-ticket-label-cell
 {
        border-bottom: 0px solid black;
    }
    .exam-ticket-value-cell, .utility-59
 {
        border-bottom: 1px solid black;
    }
    .exam-ticket-banner-cell
 {
        border-bottom: 0px solid black;
    }
    .exam-ticket-header-main
 {
        width: 80%;
    }
    .exam-ticket-logo
 {
        max-height: 80px;
    }
    .exam-ticket-logo-col
 {
        width: 20%;
    }
    .exam-ticket-table, .utility-64
 {
        width: 100%;
    }
    .utility-67
 {
        width: 100%;
    }
    .utility-69
 {
        height: 120px;
    }
    .utility-71
 {
        width: 200px;
    }
    .utility-74
 {
        min-width: 220px;
    }
    .utility-75
 {
        width: 80px;
    }
    .bg-border-18
 {
        border-left: 4px solid #ffc107;
    }
    .utility-76
 {
        gap: 15px;
    }
    .bg-border-21
 {
        border-left: 4px solid #2196F3;
    }
    .bg-m-border-3
 {
        margin: 20px 0; border-left: 4px solid #28a745;
    }
    .utility-78
 {
        gap: 15px;
    }
    .utility-79
 {
        gap: 15px;
    }
    .utility-80
 {
        width: 70%;
    }
    .utility-81
 {
        gap: 15px;
    }
    .gap-md
 {
        gap: 10px;
    }
    .utility-85
 {
        gap: 15px;
    }
    .utility-86
 {
        gap: 15px;
    }
    .utility-87
 {
        gap: 20px;
    }
    .bg-border-23
 {
        border: 1px solid #bee5eb;
    }
    .scrollable-list
 {
        max-height: 400px;
    }
    .bg-border-24
 {
        border-left: 4px solid #ffc107;
    }
    .scrollable-list-sm
 {
        max-height: 200px;
    }
    .utility-94
 {
        max-width: 200px;
    }
    .utility-98
 {
        width: 100px;
    }
    .utility-100
 {
        width: 150px;
    }
    .utility-101
 {
        width: 120px;
    }
    .utility-102
 {
        gap: 4px;
    }
    .m-border-2
 {
        margin: 4px 0; border: 1px solid #e9ecef;
    }
    .utility-105
 {
        transform: scale(1.2);
    }
    .bg-text-4
 {
        top: -1px; right: -1px;
    }
    .bg-border-28
 {
        border: 2px solid " . ($isStandard ? "#28a745" : "#dee2e6") . ";
    }
    .utility-106
 {
        gap: 15px;
    }
    .utility-107
 {
        border-bottom: 2px solid var(--color-primary); padding-bottom: 8px;
    }
    .bg-border-29
 {
        border-left: 4px solid #2196f3;
    }
    .m-border-3
 {
        margin: 20px 0; border: 1px solid #dee2e6;
    }
    .utility-113
 {
        border-bottom: 1px солид блэк;
    }
    .utility-117
 {
        border-bottom: 1px solid black;
    }
    .m-text-2
 {
        width: 100%; margin-top: -5px;
    }
    .utility-118
 {
        width: 100%;
    }
    .utility-121
 {
        border-bottom: 1px solid black;
    }
    .utility-122
 {
        border-bottom: 1px solid black;
    }
    .utility-123
 {
        border-bottom: 1px солид блэк;
    }
    .utility-124
 {
        width: 100%;
    }
    .utility-126
 {
        border-bottom: 1px солид блэк;
    }
    .utility-128
 {
        width: 65px;
    }
    .utility-129
 {
        max-width: calc(var(--space-8) * 4.6875); max-height: calc(var(--space-8) * 4.6875);
    }
    .logo-container
 {
        margin-bottom: var(--space-6);
    }
    .logo-image
 {
        max-height: calc(var(--space-8) * 3.125); box-shadow: var(--shadow-sm);
    }
    .bg-m-border-4
 {
        margin: 15px 0; border: 2px solid var(--color-success);
    }
    .utility-130
 {
        gap: 5px;
    }
    .utility-131
 {
        gap: 15px;
    }
    .utility-133
 {
        gap: 20px;
    }
    .utility-135
 {
        min-width: 200px;
    }
    .utility-136
 {
        gap: 5px;
    }
    .bg-border-33
 {
        border: 1px solid #ccc;
    }
    .m-border-4
 {
        border-left: 4px solid var(--color-primary); margin: 10px 0;
    }
    .free-slots-container
 {
        max-width: 1400px; margin: var(--space-5) auto; padding: var(--space-5);
    }
    .results-container
 {
        padding: var(--space-5); box-shadow: var(--shadow-md);
    }
    .students-info
 {
        padding: var(--space-md); margin-bottom: var(--space-5); border-left: 4px solid var(--primary);
    }
    .students-info h3
 {
        margin: 0 0 var(--space-sm) 0;
    }
    .analyze-btn
 {
        padding: var(--space-md) var(--space-8); border: none; font-size: calc(var(--text-base) * 1); width: 100%; margin-top: var(--space-sm);
    }
    .analyze-btn:hover
 {
        transform: translateY(-2px); box-shadow: var(--shadow-lg);
    }
    .analyze-btn:active
 {
        transform: translateY(0);
    }
    .summary-cards
 {
        gap: var(--space-md); margin-bottom: var(--space-8);
    }
    .summary-card
 {
        padding: var(--space-5); box-shadow: var(--shadow-md);
    }
    .summary-card:hover
 {
        transform: translateY(-2px); box-shadow: var(--shadow-lg);
    }
    .summary-value
 {
        font-size: calc(var(--text-4xl) * 1); margin-bottom: var(--space-xs);
    }
    .summary-label
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .slot-card
 {
        border: 2px solid var(--border); padding: var(--space-5); margin-bottom: var(--space-5); box-shadow: var(--shadow-sm);
    }
    .slot-card:hover
 {
        box-shadow: var(--shadow-md); transform: translateY(-2px);
    }
    .slot-header
 {
        margin-bottom: var(--space-md); padding-bottom: var(--space-sm); border-bottom: 2px solid var(--border-light);
    }
    .slot-title
 {
        font-size: calc(var(--text-xl) * 1.25);
    }
    .slot-badge
 {
        padding: var(--space-xs) var(--space-md); font-size: calc(var(--text-base) * 0.875);
    }
    .slot-stats
 {
        gap: var(--space-md); margin-top: var(--space-md);
    }
    .stat-value
 {
        font-size: calc(var(--text-2xl) * 1);
    }
    .stat-label
 {
        margin-top: var(--space-xs);
    }
    .stat-card--simple
 {
        padding: var(--space-2); box-shadow: none; border: none;
    }
    .stat-card--simple:hover
 {
        transform: none; box-shadow: none;
    }
    .stat-label--light
 {
        margin-top: var(--space-1);
    }
    .progress-bar-container
 {
        padding: calc(var(--space-1) * 0.375); margin: var(--space-md) 0;
    }
    .progress-bar
 {
        height: calc(var(--space-md) * 1.25); width: 0%;
    }
    .progress-text
 {
        margin-top: var(--space-1);
    }
    .progress-fill
 {
        height: 100%; font-size: calc(var(--text-base) * 0.75);
    }
    .file-preview-container
 {
        max-height: calc(var(--space-6) * 12.5); border: 1px solid var(--border-light); padding: var(--space-md);
    }
    .file-preview-item
 {
        border: 1px solid var(--border-light); padding: var(--space-2); margin: var(--space-1) 0;
    }
    .student-list
 {
        margin-top: var(--space-md);
    }
    .student-list-toggle
 {
        border: none; padding: var(--space-sm); width: 100%;
    }
    .student-list-content
 {
        margin-top: var(--space-sm); max-height: 300px;
    }
    .student-item
 {
        border: 1px solid var(--border);
    }
    .student-item:hover
 {
        box-shadow: var(--shadow-sm);
    }
    .exam-student-list
 {
        gap: var(--space-2);
    }
    .exam-student-item
 {
        gap: var(--space-3);
    }
    .exam-student-absent:hover
 {
        box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
    }
    .exam-student-text
 {
        margin-top: var(--space-1);
    }
    .exam-student-text-dark
 {
        margin-top: var(--space-1);
    }
    .exam-select-all-label
 {
        margin: 0;
    }
    .contact-option
 {
        border: 2px solid transparent; padding: var(--space-md);
    }
    .no-results
 {
        padding: var(--space-10); font-size: calc(var(--text-lg) * 1.125);
    }
    .uni-table-container
 {
        box-shadow: var(--shadow-sm); max-width: 100%;
    }
    .uni-table-container--scrollable
 {
        max-height: calc(
        var(--space-md) * 2 + 
        (var(--space-md) * 2 + var(--text-base) * 1.5) * 5 + 
        4px 
    );
    }
    .uni-table-container--scrollable::-webkit-scrollbar
 {
        width: 8px; height: 8px;
    }
    .uni-table
 {
        width: 100%; margin: 0;
    }
    .uni-table-header th
 {
        padding: var(--space-md) var(--space-3); border: none;
    }
    .uni-table td
 {
        padding: var(--space-md) var(--space-2); border-bottom: 1px solid var(--border);
    }
    .student-search-container
 {
        width: 100%; margin-bottom: var(--space-6);
    }
    .student-search-input
 {
        width: 100%; border: 2px solid var(--border); outline: none;
    }
    .student-search-input:focus
 {
        box-shadow: 0 0 0 3px rgba(39, 146, 174, 0.1);
    }
    .student-search-input:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .student-search-filters
 {
        gap: var(--space-md); margin-bottom: var(--space-md); border: 1px solid var(--border); box-shadow: var(--shadow-sm);
    }
    .student-search-filter-group
 {
        gap: var(--space-xs);
    }
    .student-search-filter-label
 {
        gap: var(--space-sm); margin-bottom: var(--space-xs);
    }
    .student-search-filter-label i
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .student-search-filter-select
 {
        width: 100%; border: 2px solid var(--border); outline: none; background-position: right var(--space-md) center; background-size: 12px;
    }
    .student-search-filter-select:focus
 {
        box-shadow: 0 0 0 3px rgba(39, 146, 174, 0.1);
    }
    .student-search-filter-select:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .student-search-filter-select option
 {
        padding: var(--space-sm);
    }
    .student-search-results
 {
        margin-top: var(--space-md); margin-bottom: 0; padding: 0; border: 1px solid var(--border); box-shadow: var(--shadow-lg); height: calc(
        calc(var(--space-md) + var(--text-base) * 1.5 + var(--space-md)) + 
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-md)) * 4 + 
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-xs)) + 
        4px 
    ); min-height: calc(
        calc(var(--space-md) + var(--text-base) * 1.5 + var(--space-md)) +
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-md)) * 4 +
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-xs)) +
        4px
    ); max-height: calc(
        calc(var(--space-md) + var(--text-base) * 1.5 + var(--space-md)) +
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-md)) * 4 +
        (var(--space-md) + var(--text-base) * 1.5 + var(--space-xs) + var(--text-base) * 1.5 + var(--space-xs)) +
        4px
    );
    }
    .student-search-results-header
 {
        border-bottom: 1px solid var(--border); gap: var(--space-md); height: calc(var(--space-md) + var(--text-base) * 1.5 + var(--space-md)); min-height: calc(var(--space-md) + var(--text-base) * 1.5 + var(--space-md)); max-height: calc(var(--space-md) + var(--text-base) * 1.5 + var(--space-md)); margin: 0;
    }
    .student-search-results-count
 {
        gap: var(--space-sm);
    }
    .student-search-select-all
 {
        margin-left: auto;
    }
    .student-search-checkbox-label
 {
        gap: var(--space-sm);
    }
    .student-search-checkbox:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .student-search-results-list
 {
        margin: 0; padding: 0;
    }
    .student-search-results-list::-webkit-scrollbar
 {
        width: 8px;
    }
    .student-search-item
 {
        margin: 0; border-bottom: 1px solid var(--border-light); gap: var(--space-md);
    }
    .student-search-item-content
 {
        min-width: 0; width: 100%;
    }
    .student-search-item-checkbox-label
 {
        padding-top: calc(var(--text-base) * 0.25);
    }
    .student-search-item-checkbox:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .student-search-item:last-child
 {
        border-bottom: none; padding-bottom: var(--space-xs); margin-bottom: 0;
    }
    .student-search-item:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: -2px;
    }
    .student-search-item.active
 {
        border-left: 4px solid var(--primary);
    }
    .student-search-item-name-row
 {
        width: 100%; margin-bottom: var(--space-xs);
    }
    .student-search-item-details-row
 {
        width: 100%;
    }
    .student-search-scroll-buttons
 {
        top: 50%; transform: translateY(-50%);
    }
    .student-search-scroll-btn
 {
        border: 2px solid var(--primary); box-shadow: 0 4px 12px rgba(39, 146, 174, 0.3), 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .student-search-scroll-btn::before
 {
        top: 50%; left: 50%; width: 0; height: 0; transform: translate(-50%, -50%);
    }
    .student-search-scroll-btn:hover
 {
        transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 16px rgba(39, 146, 174, 0.4), 0 4px 8px rgba(0, 0, 0, 0.15);
    }
    .student-search-scroll-btn:hover::before
 {
        width: 100%; height: 100%;
    }
    .student-search-scroll-btn:active
 {
        transform: translateY(0) scale(0.98); box-shadow: 0 2px 8px rgba(39, 146, 174, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .student-search-scroll-btn:focus-visible
 {
        outline: 3px solid var(--primary); outline-offset: 3px; box-shadow: 0 4px 12px rgba(39, 146, 174, 0.4), 0 0 0 3px rgba(39, 146, 174, 0.2);
    }
    .student-search-scroll-btn:disabled
 {
        box-shadow: none;
    }
    .student-search-scroll-btn i
 {
        font-size: calc(var(--text-base) * 0.875);
    }
    .student-search-no-results
 {
        padding: var(--space-10); height: 100%; min-height: calc(
        (var(--space-md) * 2 + var(--text-base) * 1.5 + var(--space-2)) * 5 +
        4px
    );
    }
    .student-search-loading
 {
        padding: var(--space-10); height: 100%; min-height: calc(
        (var(--space-md) * 2 + var(--text-base) * 1.5 + var(--space-2)) * 5 +
        4px
    );
    }
    .student-search-item-exams
 {
        margin-top: var(--space-3); padding-top: var(--space-3); padding-left: 0; padding-right: 0; padding-bottom: 0; border-top: 1px solid var(--border-light); width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 0;
    }
    .student-search-item-exams-loading
 {
        gap: var(--space-2); padding: var(--space-2) 0; border: none; margin: 0;
    }
    .student-search-item-exams-error
 {
        gap: var(--space-2); padding: var(--space-2);
    }
    .student-search-item-exams-list
 {
        gap: var(--space-3);
    }
    .student-search-item-exams-title
 {
        gap: var(--space-2); margin-bottom: var(--space-2);
    }
    .student-search-item-exam
 {
        padding: var(--space-3); border: 1px solid var(--border-light); gap: var(--space-2); margin-bottom: var(--space-2);
    }
    .student-search-item-exam:last-child
 {
        margin-bottom: 0;
    }
    .student-search-item-exam-name
 {
        gap: var(--space-2);
    }
    .student-search-item-exam-details
 {
        gap: var(--space-3);
    }
    .student-search-item-exam-date, .student-search-item-exam-time, .student-search-item-exam-university
 {
        gap: var(--space-1);
    }
    .student-search-item-exam-meeting
 {
        margin-top: var(--space-1);
    }
    .student-search-item-exam-meeting-link
 {
        gap: var(--space-1); padding: var(--space-1) var(--space-2); border: 1px solid var(--primary);
    }
    .student-search-item-exam-meeting-link:hover
 {
        box-shadow: 0 4px 12px rgba(39, 146, 174, 0.3); transform: translateY(-1px);
    }
    .student-search-item-exam-meeting-link:active
 {
        transform: translateY(0);
    }
    .student-search-item-exam-meeting-link:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px; box-shadow: 0 0 0 4px rgba(39, 146, 174, 0.2);
    }
    .pending-exams-container
 {
        width: 100%; margin-top: var(--space-4);
    }
    .pending-exams-loading
 {
        gap: var(--space-2); padding: var(--space-6);
    }
    .pending-exams-list
 {
        gap: var(--space-4);
    }
    .pending-exams-header
 {
        gap: var(--space-2); padding: var(--space-3); margin-bottom: var(--space-2);
    }
    .pending-exam-item
 {
        gap: var(--space-md); padding: var(--space-4); border: 1px solid var(--border-light); box-shadow: var(--shadow-sm);
    }
    .pending-exam-item:hover
 {
        box-shadow: var(--shadow-md);
    }
    .pending-exam-checkbox-wrapper
 {
        padding-top: calc(var(--text-base) * 0.25);
    }
    .pending-exam-checkbox
 {
        width: calc(var(--space-4) + var(--space-1)); height: calc(var(--space-4) + var(--space-1)); min-width: calc(var(--space-4) + var(--space-1)); min-height: calc(var(--space-4) + var(--space-1)); margin: 0;
    }
    .pending-exam-radio-wrapper
 {
        padding-top: calc(var(--text-base) * 0.25);
    }
    .pending-exam-radio
 {
        width: calc(var(--space-4) + var(--space-1)); height: calc(var(--space-4) + var(--space-1)); min-width: calc(var(--space-4) + var(--space-1)); min-height: calc(var(--space-4) + var(--space-1)); margin: 0;
    }
    .pending-exam-radio-label
 {
        margin: 0; padding: 0;
    }
    .pending-exam-item:has(.pending-exam-radio:checked)
 {
        box-shadow: 0 0 0 2px rgba(39, 146, 174, 0.1);
    }
    .pending-exam-radio:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .pending-exam-content
 {
        min-width: 0; width: 100%;
    }
    .pending-exam-header-row
 {
        gap: var(--space-4); margin-bottom: var(--space-3);
    }
    .pending-exam-name
 {
        gap: var(--space-2); min-width: 200px;
    }
    .pending-exam-students-count
 {
        gap: var(--space-2); padding: var(--space-2) var(--space-3);
    }
    .pending-exam-details
 {
        gap: var(--space-4); margin-bottom: var(--space-3);
    }
    .pending-exam-detail-item
 {
        gap: var(--space-2);
    }
    .pending-exam-meeting
 {
        margin-top: var(--space-2);
    }
    .pending-exam-meeting-link
 {
        gap: var(--space-2); padding: var(--space-2) var(--space-3); border: 1px solid var(--primary);
    }
    .pending-exam-meeting-link:hover
 {
        box-shadow: 0 4px 12px rgba(39, 146, 174, 0.3); transform: translateY(-1px);
    }
    .pending-exam-meeting-link:active
 {
        transform: translateY(0);
    }
    .pending-exam-meeting-link:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px; box-shadow: 0 0 0 4px rgba(39, 146, 174, 0.2);
    }
    .add-students-to-exam-block
 {
        margin-top: var(--space-6); padding: var(--space-4); border: 1px solid var(--border-light);
    }
    .add-students-to-exam-btn
 {
        gap: var(--space-2); padding: var(--space-3) var(--space-6); border: 1px solid var(--primary); box-shadow: var(--shadow-sm);
    }
    .add-students-to-exam-btn:hover:not(:disabled)
 {
        box-shadow: 0 4px 12px rgba(39, 146, 174, 0.3); transform: translateY(-1px);
    }
    .add-students-to-exam-btn:active:not(:disabled)
 {
        transform: translateY(0); box-shadow: var(--shadow-sm);
    }
    .add-students-to-exam-btn:focus-visible
 {
        outline: 2px solid var(--primary); outline-offset: 2px;
    }
    .add-students-to-exam-btn:disabled
 {
        transform: none;
    }
    .exam-students-table-loading, .exam-students-table-empty, .exam-students-table-error
 {
        padding: var(--space-6);
    }
    .exam-students-table-loading i
 {
        margin-right: var(--space-2);
    }
    .exam-students-table-reasons
 {
        margin-top: var(--space-2);
    }
    .exam-status-badge
 {
        padding: var(--space-1) var(--space-2);
    }
    .pending-exams-empty
 {
        gap: var(--space-2); padding: var(--space-6);
    }
    .pending-exams-error
 {
        gap: var(--space-2); padding: var(--space-6);
    }
    .table-container .exam-students-table
 {
        width: 100%;
    }
    .table-container .exam-students-table col.col-checkbox
 {
        width: var(--space-10); min-width: var(--space-10); max-width: var(--space-10);
    }
    .table-container .exam-students-table col.col-full-name
 {
        width: 25%; min-width: 0;
    }
    .table-container .exam-students-table col.col-university
 {
        width: 15%; min-width: 0;
    }
    .table-container .exam-students-table col.col-degree
 {
        width: 10%; min-width: 0;
    }
    .table-container .exam-students-table col.col-specialty
 {
        width: 20%; min-width: 0;
    }
    .table-container .exam-students-table col.col-exam
 {
        width: 15%; min-width: 0;
    }
    .table-container .exam-students-table col.col-action-1
 {
        width: calc(var(--space-10) * 2); min-width: calc(var(--space-10) * 2); max-width: calc(var(--space-10) * 2);
    }
    .table-container .exam-students-table thead::after
 {
        bottom: 0; left: 0; right: 0; height: 2px;
    }
    .table-container .exam-students-table th
 {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }
    .table-container .exam-students-table td
 {
        border-bottom: 1px solid var(--border-light);
    }
    .table-container .exam-students-table tbody tr:last-child td
 {
        border-bottom: none;
    }
    .table-container .exam-students-table th:nth-child(1), .table-container .exam-students-table td:nth-child(1)
 {
        padding: var(--space-3) var(--space-2); width: 40px; min-width: 40px; max-width: 40px;
    }
    .table-container .exam-students-table th:nth-child(2), .table-container .exam-students-table td:nth-child(2)
 {
        padding: var(--space-3) var(--space-4); min-width: 150px;
    }
    .table-container .exam-students-table th:nth-child(3), .table-container .exam-students-table td:nth-child(3)
 {
        padding: var(--space-3) var(--space-3); min-width: 100px;
    }
    .table-container .exam-students-table th:nth-child(4), .table-container .exam-students-table td:nth-child(4)
 {
        padding: var(--space-3) var(--space-2); min-width: 80px;
    }
    .table-container .exam-students-table th:nth-child(5), .table-container .exam-students-table td:nth-child(5)
 {
        padding: var(--space-3) var(--space-3); min-width: 120px;
    }
    .table-container .exam-students-table th:nth-child(6), .table-container .exam-students-table td:nth-child(6)
 {
        padding: var(--space-3) var(--space-3); min-width: 100px;
    }
    .table-container .exam-students-table th:nth-child(7), .table-container .exam-students-table td:nth-child(7)
 {
        padding: var(--space-3) var(--space-2); width: 80px; min-width: 80px; max-width: 80px;
    }
    .table-container .exam-students-table tbody td:nth-child(7)
 {
        border-bottom: 1px solid var(--border-light);
    }
    .table-container .exam-students-table:not(.tbl) th:nth-child(1) input[type="checkbox"], .table-container .exam-students-table:not(.tbl) td:nth-child(1) input[type="checkbox"]
 {
        width: 18px; height: 18px; margin: 0;
    }
    .exam-students-table .btn-danger
 {
        padding: 0;
    }
    .exam-type-badge
 {
        gap: var(--space-1); padding: var(--space-1) var(--space-2);
    }
    .exam-type-badge i
 {
        font-size: 0.875em;
    }
    .exam-type-badge.exam-type-entrance
 {
        border: 1px solid rgba(220, 53, 69, 0.3);
    }
    .exam-type-badge.exam-type-one-time
 {
        border: 1px solid rgba(0, 123, 255, 0.3);
    }
    .exam-type-badge.exam-type-regular
 {
        border: 1px solid rgba(108, 117, 125, 0.3);
    }
    .student-search-item-exam-meeting-link, .student-search-item-exam-meeting-link:hover, .student-search-item-exam-meeting-link:active, .pending-exam-meeting-link, .pending-exam-meeting-link:hover, .pending-exam-meeting-link:active
 {
        transform: none;
    }
    .search-results-header
 {
        gap: var(--space-3); margin-bottom: var(--space-3);
    }
    .search-results-header h2
 {
        margin: 0; min-width: 0;
    }
    .active-sort
 {
        border-bottom: calc(var(--space-1) / 2) solid var(--primary);
    }
    .filter-toggle
 {
        gap: var(--space-2); padding: var(--space-md) var(--space-lg); border: none; box-shadow: var(--shadow-sm); min-height: calc(var(--space-10) + var(--space-1));
    }
    .filter-toggle:hover
 {
        transform: translateY(-2px); box-shadow: var(--shadow-md);
    }
    .filter-toggle:active
 {
        transform: translateY(0);
    }
    .filter-toggle[aria-expanded="true"] i
 {
        transform: rotate(180deg);
    }
    #main-results-section .table-wrapper, #excluded-section .table-wrapper
 {
        width: 100%; margin: var(--space-md) 0; box-shadow: var(--shadow-sm);
    }
    #main-results-section .user-table, #excluded-section .user-table
 {
        width: 100%; min-width: 600px;
    }
    #main-results-section .user-table th.tbl__col--id, #main-results-section .user-table td.tbl__col--id, #excluded-section .user-table th.tbl__col--id, #excluded-section .user-table td.tbl__col--id
 {
        width: 8%; min-width: 55px;
    }
    #main-results-section .user-table th:nth-child(2), #main-results-section .user-table td:nth-child(2), #excluded-section .user-table th:nth-child(2), #excluded-section .user-table td:nth-child(2)
 {
        width: 37%; min-width: 160px;
    }
    #main-results-section .user-table th:nth-child(3), #main-results-section .user-table td:nth-child(3), #excluded-section .user-table th:nth-child(3), #excluded-section .user-table td:nth-child(3)
 {
        width: 20%; min-width: 120px;
    }
    #main-results-section .user-table th:nth-child(4), #main-results-section .user-table td:nth-child(4), #excluded-section .user-table th:nth-child(4), #excluded-section .user-table td:nth-child(4)
 {
        width: 20%; min-width: 140px;
    }
    #main-results-section .user-table th:nth-child(5), #main-results-section .user-table td:nth-child(5), #excluded-section .user-table th:nth-child(5), #excluded-section .user-table td:nth-child(5)
 {
        width: 15%; min-width: 120px;
    }
    .m
 {
        margin: var(--space-2);
    }
    .search-suggestions
 {
        top: 100%; left: 0; right: 0; border: 1px solid var(--border); border-top: none; max-height: calc(var(--space-16) * 4.6875); box-shadow: var(--shadow-lg);
    }
    .search-suggestion-item
 {
        padding: var(--space-3); border-bottom: 1px solid var(--border-light);
    }
    .search-suggestion-item.pending
 {
        border-left: calc(var(--space-1) / 2) solid var(--warning);
    }
    .search-suggestion-item.added
 {
        border-left: calc(var(--space-1) / 2) solid var(--success);
    }
    .search-suggestion-item:last-child
 {
        border-bottom: none;
    }
    .suggestion-header
 {
        margin-bottom: var(--space-1); gap: var(--space-3);
    }
    .suggestion-phone
 {
        margin-right: var(--space-3);
    }
    .no-suggestions
 {
        padding: var(--space-3);
    }
    .loading-suggestions
 {
        padding: var(--space-3);
    }
    .user-table.table-2cols
 {
        width: 100%;
    }
    .user-table.table-5cols
 {
        width: 100%;
    }
    .user-table.table-4cols
 {
        width: 100%;
    }
    .user-table.table-7cols
 {
        width: 100%;
    }
    .translation-selection-block
 {
        gap: 10px; width: 100%; padding: 8px 12px; border: 1px solid #4a90e2; margin: 0;
    }
    .translation-selection-block:hover
 {
        box-shadow: 0 2px 8px rgba(74, 144, 226, 0.2);
    }
    .translation-checkbox
 {
        margin: 0; width: 20px; height: 20px;
    }
    .translation-label
 {
        margin: 0; font-size: 14px; gap: 5px;
    }
    .translation-label .icon
 {
        font-size: 16px;
    }
    .translation-quantity
 {
        width: 70px; padding: 6px 10px; border: 2px solid #4a90e2; font-size: 14px;
    }
    .translation-quantity:focus
 {
        outline: none; box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
    }
    .translation-block
 {
        margin: 15px 0; padding: 8px;
    }
    .translation-block-blue
 {
        border-left: 4px solid #4a90e2;
    }
    .translation-block-yellow
 {
        border-left: 4px solid #ffc107;
    }
    .translation-document-link
 {
        margin-left: 10px;
    }
    .translation-session-message
 {
        padding: 15px 20px; margin: 20px 0; border-left: 5px solid; box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    .translation-statistics
 {
        padding: 25px; margin: 20px 0; border-left: 5px solid var(--color-primary); box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    .translation-statistics h4
 {
        margin: 0 0 20px 0; gap: 8px; font-size: 1.4em; border-bottom: 2px solid #dee2e6; padding-bottom: 10px;
    }
    .translation-statistics h5
 {
        margin: 15px 0 10px 0; gap: 8px; font-size: 1.1em;
    }
    .translation-complete-badge
 {
        padding: 4px 10px; font-size: 0.85em; margin-left: 10px;
    }
    .translation-partial-badge
 {
        padding: 4px 10px; font-size: 0.85em; margin-left: 10px;
    }
    .translation-section
 {
        margin-bottom: 20px;
    }
    .translation-section-title
 {
        border-bottom: 2px solid var(--color-primary); padding-bottom: 5px; margin: 15px 0 10px 0; gap: 8px; font-size: 1.1em;
    }
    .translation-section-title-success
 {
        border-bottom: 2px solid #28a745; padding-bottom: 5px; margin: 15px 0 10px 0; gap: 8px; font-size: 1.1em;
    }
    .translation-section-title-danger
 {
        border-bottom: 2px solid #dc3545; padding-bottom: 5px; margin: 15px 0 10px 0; gap: 8px; font-size: 1.1em;
    }
    .translation-success-box
 {
        padding: 15px; margin-top: 10px;
    }
    .translation-success-box ul
 {
        margin: 0; padding-left: 20px;
    }
    .translation-danger-box
 {
        padding: 15px; margin-top: 10px;
    }
    .translation-danger-box p
 {
        margin: 0;
    }
    .translation-danger-box p.info
 {
        margin: 10px 0 0 0;
    }
    .translation-partial-box
 {
        margin-top: 15px; padding: 15px;
    }
    .translation-partial-box p
 {
        margin: 0 0 10px 0;
    }
    .translation-table
 {
        margin-top: 10px;
    }
    .translation-table th
 {
        width: 150px;
    }
    .addMoreFiles
 {
        gap: var(--space-2); margin-top: var(--space-2); border: 1px solid var(--secondary);
    }
    .addMoreFiles:hover
 {
        box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3); transform: translateY(calc(var(--space-1) / -2));
    }
    .addMoreFiles:active
 {
        transform: translateY(0);
    }
    .addMoreFiles:focus-visible
 {
        outline: 2px solid var(--secondary); outline-offset: 2px; box-shadow: 0 0 0 4px rgba(108, 117, 125, 0.2);
    }
    .user-table.table-2cols
 {
        width: 100%;
    }
    .user-table.table-5cols
 {
        width: 100%;
    }
    .user-table.table-4cols
 {
        width: 100%;
    }
    .user-table.table-7cols
 {
        width: 100%;
    }
    .translation-selection-block:hover
 {
        box-shadow: 0 2px 8px rgba(74, 144, 226, 0.2);
    }
    .translation-label .icon
 {
        font-size: 16px;
    }
    .translation-quantity:focus
 {
        outline: none; box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
    }
    .translation-statistics h4
 {
        margin: 0 0 20px 0; gap: 8px; font-size: 1.4em; border-bottom: 2px solid #dee2e6; padding-bottom: 10px;
    }
    .translation-statistics h5
 {
        margin: 15px 0 10px 0; gap: 8px; font-size: 1.1em;
    }
    .translation-success-box ul
 {
        margin: 0; padding-left: 20px;
    }
    .translation-danger-box p
 {
        margin: 0;
    }
    .translation-danger-box p.info
 {
        margin: 10px 0 0 0;
    }
    .translation-partial-box p
 {
        margin: 0 0 10px 0;
    }
    .translation-table th
 {
        width: 150px;
    }
    .stats-container
 {
        gap: var(--space-3); width: 100%; padding: var(--space-4) 0;
    }
    .stat-widget
 {
        padding: var(--space-3); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border: 1px solid transparent;
    }
    .stat-widget:hover
 {
        transform: translateY(-4px); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
    }
    .stat-widget::before
 {
        top: -50%; right: -50%; width: 200%; height: 200%;
    }
    .stat-widget::after
 {
        top: 0; left: 0; right: 0; bottom: 0;
    }
    .stat-widget-content
 {
        gap: var(--space-2);
    }
    .stat-widget--primary
 {
        border: 1px solid rgba(39, 146, 174, 0.3);
    }
    .stat-widget--success
 {
        border: 1px solid rgba(5, 150, 105, 0.3);
    }
    .stat-widget--warning
 {
        border: 1px solid rgba(212, 160, 23, 0.3);
    }
    .stat-widget--danger
 {
        border: 1px solid rgba(239, 68, 68, 0.3);
    }
    .stat-widget--info
 {
        border: 1px solid rgba(59, 130, 246, 0.3);
    }
    .stat-widget--neutral
 {
        border: 1px solid rgba(107, 114, 128, 0.3);
    }
    .stat-widget--light
 {
        border: 1px solid rgba(75, 85, 99, 0.15);
    }
    .stat-icon
 {
        width: 48px; height: 48px; margin-bottom: 0;
    }
    .stat-widget:hover .stat-icon
 {
        transform: scale(1.1) rotate(5deg);
    }
    .stat-value
 {
        margin: 0;
    }
    .stat-label
 {
        margin-bottom: 0;
    }
    .stat-subtitle
 {
        font-size: 0.75rem; margin-top: 0; flex-basis: 100%;
    }
    .stat-trend
 {
        gap: var(--space-1); font-size: 0.85rem; margin-top: var(--space-2); padding-top: var(--space-2); border-top: 1px solid rgba(255, 255, 255, 0.1); flex-basis: 100%;
    }
    .stat-trend i
 {
        font-size: 1rem;
    }
    .stat-progress
 {
        width: 100%; height: 4px; margin-top: var(--space-2); flex-basis: 100%;
    }
    .stat-progress-bar
 {
        height: 100%; box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
    }
    .stat-widget--sm
 {
        padding: var(--space-3);
    }
    .stat-widget--sm .stat-label
 {
        font-size: 0.75rem;
    }
    .stat-widget--sm .stat-icon
 {
        width: 36px; height: 36px;
    }
    .stat-widget--lg
 {
        padding: var(--space-6);
    }
    .stat-widget--lg .stat-icon
 {
        width: 64px; height: 64px;
    }
    .stats-grid
 {
        width: 100%;
    }
    #mail-settings.site-settings-mail
 {
        border: 2px solid var(--color-primary); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
    #mail-settings.site-settings-mail .mail-settings-tabs
 {
        border-bottom: 1px solid #dee2e6;
    }
    #mail-settings.site-settings-mail .mail-settings-tab
 {
        border: 1px solid #ccc;
    }
    #mail-settings.site-settings-mail .mail-config-subtab
 {
        border: 1px solid #ced4da;
    }
    #mail-settings.site-settings-mail .mail-tab-panel
 {
        padding-top: var(--space-2);
    }
    #mail-settings.site-settings-mail .mail-relationship-hint
 {
        border-left: 4px solid #17a2b8;
    }
    #mail-settings.site-settings-mail .mail-hosting-hint
 {
        border-left: 3px solid #6c757d;
    }
    #mail-settings.site-settings-mail .mail-accounts-intro
 {
        margin: 0 0 var(--space-4);
    }
    #mail-settings.site-settings-mail .mail-root-env-roles-intro
 {
        margin: 0 0 var(--space-4);
    }
    #mail-settings.site-settings-mail .mail-cred-map-heading
 {
        margin-top: var(--space-4);
    }
    #mail-settings.site-settings-mail .mail-cred-map-table
 {
        margin-bottom: var(--space-5);
    }
    #mail-settings.site-settings-mail .mail-cred-status
 {
        padding: 0.15em 0.5em;
    }
    #mail-settings.site-settings-mail .mail-cred-role-card
 {
        margin: var(--space-5) 0; padding: var(--space-4); border: 1px solid var(--border-color, #dee2e6);
    }
    #mail-settings.site-settings-mail .mail-cred-role-card__title
 {
        margin-top: 0;
    }
    #mail-settings.site-settings-mail .mail-cred-role-card__link
 {
        margin: 0 0 var(--space-2);
    }
    #mail-settings.site-settings-mail .mail-cred-role-email
 {
        margin: 0 0 var(--space-3);
    }
    #mail-settings.site-settings-mail .mail-cred-warning, #mail-settings.site-settings-mail .mail-cred-fallback-note
 {
        margin: 0 0 var(--space-3);
    }
    #mail-settings.site-settings-mail .mail-cred-other-heading
 {
        margin-top: var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--border-color, #dee2e6);
    }
    #mail-settings.site-settings-mail .mail-cred-secret-display
 {
        max-width: 100%;
    }
    body.otp-gate-page
 {
        min-height: 100vh; padding: 20px; margin: 0;
    }
    body.otp-gate-page .otp-gate-layout
 {
        width: 100%;
    }
    .cost-management-container
 {
        max-width: 1200px; margin: 0 auto; padding: 20px;
    }
    .cost-management-container .specialty-checkbox
 {
        margin-right: 10px !important; margin-top: 2px !important;
    }
    .selected-params
 {
        border: 1px solid #2196f3; padding: 15px; margin-bottom: 20px;
    }
    .selected-params h4
 {
        margin: 0 0 10px 0;
    }
    .selected-params p
 {
        margin: 5px 0; font-size: 14px;
    }
    .help-text
 {
        font-size: 12px; margin-left: 28px;
    }
    .line-actions
 {
        gap: 10px; margin-top: 10px;
    }
    .loading
 {
        padding: 20px;
    }
    .message
 {
        padding: 15px; margin: 20px 0;
    }
    .message.success
 {
        border: 1px solid #c3e6cb;
    }
    .message.error
 {
        border: 1px solid #f5c6cb;
    }
    .message.warning
 {
        border: 1px solid #ffeaa7;
    }
    .restore-container
 {
        max-width: 1200px; margin: 20px auto; padding: 20px;
    }
    .students-list
 {
        gap: 15px; margin-bottom: 30px;
    }
    .tabs
 {
        gap: 10px; margin-bottom: 20px; border-bottom: 2px solid #ddd;
    }
    .tab
 {
        padding: 10px 20px; border: none; font-size: 16px; border-bottom: 3px solid transparent;
    }
    .edit-container
 {
        max-width: 1200px; margin: 20px auto; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .button-group
 {
        gap: 15px; margin-top: 30px; padding-top: 20px; border-top: 2px solid #ddd;
    }
    .entry-admission-content
 {
        padding: 20px 0;
    }
    .stats-info
 {
        padding: 15px; margin-bottom: 20px;
    }
    .current-admission
 {
        font-size: 0.9em;
    }
    .no-data
 {
        padding: 40px;
    }
    .management-section
 {
        padding: 25px; margin: 20px 0; box-shadow: 0 2px 15px rgba(0,0,0,0.08); border: 1px solid #e9ecef;
    }
    .section-title
 {
        margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e9ecef; gap: 10px; font-size: 18px;
    }
    .bulk-actions
 {
        gap: 15px;
    }
    .no-data, .loading-cell
 {
        padding: 40px 20px;
    }
    .no-data i, .loading-cell i
 {
        font-size: 32px; margin-bottom: 10px;
    }
    .info-grid
 {
        gap: 15px;
    }
    .info-item
 {
        gap: 4px;
    }
    .info-item strong
 {
        font-size: 13px;
    }
    .stats-container
 {
        gap: 25px;
    }
    .management-section .stats-section h4
 {
        margin: 0 0 15px 0; padding-bottom: 8px; border-bottom: 2px solid #e9ecef;
    }
    .management-section .student-info
 {
        padding: 20px; margin-bottom: 25px; border-left: 4px solid var(--color-primary);
    }
    .management-section .student-info h4
 {
        margin: 0 0 15px 0; gap: 8px;
    }
    .syllabus-container
 {
        max-width: 900px; margin: 20px auto; padding: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }
    .calendar-container
 {
        padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-bottom: 30px;
    }
    .calendar-form
 {
        margin-bottom: 20px; gap: 15px;
    }
    .calendar-form select
 {
        padding: 8px 12px; border: 1px solid #ddd; font-size: 14px; min-width: 120px;
    }
    .calendar-form button
 {
        padding: 8px 20px; border: none; font-size: 14px;
    }
    .calendar-table
 {
        width: 100%; margin-top: 15px;
    }
    .calendar-table th, .calendar-table td
 {
        border: 1px solid #ddd; padding: 12px; min-width: 40px; height: 50px;
    }
    .calendar-table td
 {
        font-size: 14px;
    }
    .calendar-table td.today
 {
        border: 2px solid var(--color-primary);
    }
    .schedule-container
 {
        padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-bottom: 30px;
    }
    .schedule-table
 {
        width: 100%; margin-top: 15px;
    }
    .schedule-table th
 {
        padding: 12px; border-bottom: 2px solid #ddd;
    }
    .schedule-table td
 {
        padding: 10px 12px; border-bottom: 1px solid #eee;
    }
    .schedule-table tr.date-header td
 {
        padding: 10px 12px; border-bottom: 2px solid #ddd;
    }
    .attendance-status
 {
        gap: 5px; padding: 4px 10px; font-size: 13px;
    }
    .user-info-box
 {
        padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-bottom: 30px;
    }
    .user-info-box h2
 {
        margin-top: 0; gap: 10px;
    }
    .user-info-box .info-grid
 {
        gap: 15px; margin-top: 15px;
    }
    .user-info-box .info-item
 {
        gap: 5px;
    }
    .user-info-box .info-label
 {
        font-size: 13px;
    }
    .user-info-box .info-value
 {
        font-size: 15px;
    }
    .calendar-legend
 {
        gap: 20px; margin-top: 15px;
    }
    .legend-item
 {
        gap: 8px; font-size: 13px;
    }
    .legend-color
 {
        width: 20px; height: 20px; border: 1px solid #ddd;
    }
    .legend-color.today
 {
        border: 2px solid var(--color-primary);
    }
    .empty-state
 {
        padding: 40px 20px;
    }
    .empty-state i
 {
        font-size: 48px; margin-bottom: 15px;
    }
    .error-message
 {
        padding: 15px; border-left: 4px solid #dc3545; margin: 15px 0;
    }
    .btn-export
 {
        padding: 10px 20px; gap: 8px; font-size: 14px;
    }
    .btn-export:active
 {
        transform: scale(0.98);
    }
    .curator-links-table, .curator-table-responsive, .curator-btn, .curator-nav, .curator-search-results-header, .curator-student-info, .copy-toast, .curator-payment-link, .curator-login-pass-link
 {
        font-size: 14px;
    }
    .curator-user-table
 {
        max-width: 100%; width: 100%; margin: 0 auto;
    }
    .curator-user-table th
 {
        padding: 4px 3px; border-bottom: 2px solid var(--color-primary); font-size: 11px;
    }
    .curator-user-table td
 {
        padding: 3px 4px; font-size: 12px; border: 1px solid #e0e0e0; max-width: 180px;
    }
    .curator-user-table td:hover
 {
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    }
    .curator-user-table img, .curator-user-table-img
 {
        max-width: 100px; height: auto; border: 2px solid var(--color-primary);
    }
    .curator-gender-icon, .curator-status-icon, .curator-payment-icon, .curator-login-pass-icon
 {
        border: 0 !important;
    }
    .curator-user-table h1
 {
        font-size: 20px; margin: 10px 0;
    }
    .curator-user-table p, .curator-user-table a, .curator-user-table li, .curator-user-table button, .curator-user-table th, .curator-user-table td
 {
        font-size: 12px;
    }
    .curator-table-header-details, .credentials-modal.credentials-modal--curator .credentials-modal__label, .credentials-modal.credentials-modal--curator .credentials-modal__value, .credentials-modal.credentials-modal--curator .credentials-modal__body, .credentials-modal.credentials-modal--curator .credentials-modal__row
 {
        font-size: 14px;
    }
    .curator-table-responsive
 {
        margin: 15px 0;
    }
    .curator-user-table .curator-table-header-title
 {
        font-size: 14px; margin: 0;
    }
    .curator-user-table .curator-table-header-details
 {
        font-size: 12px;
    }
    .curator-user-table .curator-student-index-cell
 {
        width: 5%; min-width: 40px; font-size: 12px;
    }
    .curator-user-table .curator-student-name-cell
 {
        font-size: 12px;
    }
    .curator-student-name-text
 {
        font-size: 12px;
    }
    .curator-user-table .curator-student-status-cell, .curator-user-table .curator-student-payment-cell, .curator-user-table .curator-student-credentials-cell
 {
        width: 7%; min-width: 52px; font-size: 12px;
    }
    .curator-status-icon:hover
 {
        transform: scale(1.2);
    }
    .credentials-modal.credentials-modal--curator
 {
        inset: 0; padding: 24px;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__backdrop
 {
        inset: 0;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__dialog
 {
        width: min(420px, 100%); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25); padding: 24px 24px 28px; gap: 16px; max-height: 90vh;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__close
 {
        top: 12px; right: 12px; width: 38px; height: 38px; border: none; font-size: 22px;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__close:hover
 {
        transform: scale(1.05);
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__header
 {
        gap: 12px; padding-right: 40px;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__title
 {
        font-size: 20px; margin: 0;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__copy-btn
 {
        width: 42px; height: 42px; border: none;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__copy-btn:hover
 {
        transform: translateY(-1px);
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__body
 {
        gap: 14px;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__row
 {
        gap: 12px; padding: 12px 14px; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__label
 {
        font-size: 13px;
    }
    .credentials-modal.credentials-modal--curator .credentials-modal__value
 {
        font-size: 15px;
    }
    .university-header.curator-table-unihead, .curator-user-table th.curator-uni-group-header
 {
        border: 0;
    }
    .curator-user-table td [data-copy], .curator-user-table td .curator-profile-copy
 {
        padding: 2px 4px;
    }
    .curator-btn
 {
        padding: 12px 24px; border: none; font-size: 14px;
    }
    .curator-links-table
 {
        margin: 1rem 0;
    }
    .curator-links-table td
 {
        padding: 0.75rem;
    }
    .curator-links-table a
 {
        padding: 0.75rem; margin: 0.5rem 0;
    }
    .curator-search-results-header
 {
        gap: 20px; margin-bottom: 20px;
    }
    .curator-search-results-header h2
 {
        margin: 0;
    }
    .curator-nav
 {
        margin: 15px 0; gap: 10px;
    }
    .curator-user-table td:hover
 {
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    }
    .curator-user-table img, .curator-user-table-img
 {
        object-fit: cover; margin: 0 auto; width: 40px; height: 40px;
    }
    .curator-user-table h1
 {
        font-size: 18px; margin: 0;
    }
    .curator-user-table form
 {
        width: 100%;
    }
    .curator-user-table input[type="text"], .curator-user-table input[type="email"], .curator-user-table input[type="tel"], .curator-user-table input[type="password"], .curator-user-table input[type="file"]
 {
        font-size: 14px; padding: 8px 12px; border: 1px solid #ddd;
    }
    .curator-user-table input[type="text"]:focus, .curator-user-table input[type="email"]:focus, .curator-user-table input[type="tel"]:focus, .curator-user-table input[type="password"]:focus
 {
        outline: none; box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
    }
    .curator-user-table label
 {
        font-size: 14px; margin-bottom: 5px;
    }
    .curator-user-table button[type="submit"], .curator-user-table a[href*="curator_panel"]
 {
        font-size: 16px !important; padding: 10px 20px !important; border: none; min-width: 150px; margin: 0 !important;
    }
    .curator-form-buttons button[type="submit"], .curator-form-buttons a[href*="curator_panel"], form ~ div button[type="submit"], form ~ div a[href*="curator_panel"], form + div button[type="submit"], form + div a[href*="curator_panel"]
 {
        font-size: 16px !important; padding: 10px 20px !important; border: none !important; margin: 0 !important;
    }
    .curator-user-table button[type="submit"]:hover, .curator-form-buttons button[type="submit"]:hover, form ~ div button[type="submit"]:hover, form + div button[type="submit"]:hover
 {
        transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3);
    }
    .curator-user-table a[href*="curator_panel"]:hover, .curator-form-buttons a[href*="curator_panel"]:hover, form ~ div a[href*="curator_panel"]:hover, form + div a[href*="curator_panel"]:hover
 {
        transform: translateY(-1px); box-shadow: 0 2px 4px rgba(108, 117, 125, 0.3);
    }
    .curator-form-buttons, form ~ div, form + div
 {
        gap: 10px !important; margin-top: 20px !important; width: 100% !important;
    }
    .curator-form-buttons button[type="submit"], .curator-form-buttons a[href*="curator_panel"], form ~ div button[type="submit"], form ~ div a[href*="curator_panel"], form + div button[type="submit"], form + div a[href*="curator_panel"]
 {
        min-width: 0 !important; width: auto !important; max-width: none !important; flex-basis: 0 !important;
    }
    .contact-type-option input[type="radio"]
 {
        margin-right: 8px;
    }
    .curator-user-table img[alt="Avatar"]
 {
        max-width: 150px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .curator-student-box-admin-info
 {
        border-left: 5px solid var(--primary); padding: var(--space-5) var(--space-6); box-shadow: var(--shadow-sm);
    }
    .curator-empty-state-icon
 {
        font-size: 4rem; margin-bottom: var(--space-4);
    }
    .curator-user-table th .curator-col-heading-ellipsis
 {
        max-width: 60px; min-width: 40px;
    }
    .curator-student-box-title
 {
        margin: 0 0 var(--space-4); padding: var(--space-2) var(--space-4);
    }
    .curator-student-box-admin-info p
 {
        margin: var(--space-2) 0;
    }
    .curator-student-box-admin-actions
 {
        gap: var(--space-2);
    }
    

    .curator-student-box-admin-info .curator-student-status
 {
        padding: var(--space-1) var(--space-3); box-shadow: var(--shadow-sm);
    }
    .copy-target i.copied
 {
        transform: scale(1.2);
    }
    .copy-target
 {
        gap: 5px;
    }
    .copy-target i
 {
        font-size: 14px;
    }
    .copy-target.copied i
 {
        transform: scale(1.2);
    }
    .curator-cost-semesters-table
 {
        width: 100%; max-width: 100%; margin: 20px 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .curator-cost-semesters-table th
 {
        padding: 15px 12px; font-size: 13px; border-bottom: 2px solid #1a202c;
    }
    .curator-cost-semesters-table tbody tr
 {
        border-bottom: 1px solid var(--border-light);
    }
    .curator-cost-semesters-table tbody tr.tbl__row--danger.tbl__row--danger
 {
        border-left: 4px solid var(--danger);
    }
    .curator-cost-semesters-table tbody tr.tbl__row--warning.tbl__row--warning
 {
        border-left: 4px solid var(--warning);
    }
    .curator-cost-semesters-table tbody tr.tbl__row--success.tbl__row--success
 {
        border-left: 4px solid var(--success);
    }
    .curator-cost-semesters-table tbody tr.tbl__row--info.tbl__row--info
 {
        border-left: 4px solid var(--info);
    }
    .curator-cost-semesters-table tbody tr.tbl__row--future.tbl__row--future
 {
        border-left: 4px solid #9ca3af;
    }
    .curator-cost-semesters-table tbody tr.tbl__row--overpayment.tbl__row--overpayment
 {
        border-left: 4px solid #0ea5e9;
    }
    .curator-cost-semesters-table tbody tr.tbl__row--debt-paid.tbl__row--debt-paid
 {
        border-left: 4px solid #0d9488;
    }
    .curator-cost-semesters-table td
 {
        padding: 12px; font-size: 14px; border: none;
    }
    .curator-orders-table
 {
        border: 2px solid #7b1fa2; box-shadow: 0 4px 12px rgba(123, 31, 162, 0.15);
    }
    .curator-orders-table thead th
 {
        font-size: 0.9em;
    }
    .curator-orders-table tbody tr:hover
 {
        transform: translateX(2px);
    }
    .curator-document-type
 {
        border-left: 3px solid #7b1fa2;
    }
    .curator-delivery-type
 {
        border-left: 3px solid #7b1fa2;
    }
    .curator-status-paid
 {
        border-left: 3px solid #388e3c;
    }
    .curator-status-waiting
 {
        border-left: 3px solid #d32f2f;
    }
    .curator-status-processing
 {
        border-left: 3px solid #7b1fa2;
    }
    .curator-student-item
 {
        border-left: 4px solid #7b1fa2;
    }
    .curator-student-item:hover
 {
        transform: translateX(3px); box-shadow: 0 4px 12px rgba(123, 31, 162, 0.2);
    }
    .curator-student-info-card
 {
        border: 2px solid #7b1fa2;
    }
    .curator-action-button
 {
        border: none; padding: 8px 16px; font-size: 0.85em;
    }
    .curator-action-button:hover
 {
        transform: translateY(-2px); box-shadow: 0 4px 12px rgba(123, 31, 162, 0.3);
    }
    .curator-status-controls
 {
        gap: 8px;
    }
    .curator-status-badge
 {
        padding: 4px 8px; font-size: 11px;
    }
    .curator-warning
 {
        border-left: 4px solid #ff9800; padding: 12px;
    }
    .curator-error
 {
        border-left: 4px solid #f44336; padding: 12px;
    }
    .curator-success
 {
        border-left: 4px solid var(--color-success); padding: 12px;
    }
    .receipt-missing-indicator__icons
 {
        gap: 0.2rem; font-size: 0.875rem;
    }
    .receipt-missing-indicator__icons .fa-times-circle
 {
        font-size: 0.88em;
    }
    .receipt-missing-indicator .sr-only
 {
        width: 1px; height: 1px; padding: 0; margin: -1px; border: 0;
    }
    .curator-settings-info-banner
 {
        border-left: 4px solid #2196f3; margin-bottom: 20px; padding: 15px;
    }
    .curator-settings-section-heading
 {
        padding: 10px;
    }
    .curator-settings-section-heading--warning
 {
        border-left: 4px solid #ffc107;
    }
    .curator-settings-input-readonly
 {
        width: 100%;
    }
    .curator-field-info-sm
 {
        font-size: 11px; margin-top: 3px;
    }
    .curator-contact-options-wrap
 {
        padding: 10px 0;
    }
    .curator-contact-type-option
 {
        padding: 8px; border: 2px solid transparent; margin-bottom: 10px;
    }
    .curator-contact-type-option:last-child
 {
        margin-bottom: 0;
    }
    .curator-contact-type-option input[type="radio"]
 {
        margin-right: 8px;
    }
    .curator-contact-type-desc
 {
        font-size: 12px; margin-left: 24px; margin-top: 4px;
    }
    .curator-contact-info-highlight
 {
        font-size: 11px; padding: 8px; margin-top: 5px;
    }
    .curator-settings-avatar-preview
 {
        max-width: 150px;
    }
    

/* === css_split_uni.py append @ 2026-04-03 21:34:33 === */

/* ═══════════════════════════════════════════════════════════════════════════
   🖥️  MAIL DESKTOP STYLES - Все размеры для десктопа (1024px и выше)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Общие правила для всех desktop-брейкпоинтов почты */

    

    .mail-container {
        display: block;
        width: 100%;
        margin: 20px auto;
        padding: 20px;
    }

    

    .mail-navigation {
        margin-bottom: 0;
    }

    .mail-nav-menu {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .mail-item-header {
        flex-direction: row;
        align-items: center;
    }

    .mail-nav-item {
        flex: 0 1 auto;
    }
}

@media (prefers-color-scheme: dark) {
/* ===== ТЕМНАЯ ТЕМА (ОПЦИОНАЛЬНО) ===== */
    :root
 {
        --student-card-bg: rgba(31, 41, 55, 0.95);
        --student-glass-bg: rgba(31, 41, 55, 0.3);
        --student-glass-border: rgba(255, 255, 255, 0.1);
    }
    .student-table td, .student-lesson td
 {
        color: #f3f4f6;
    }
    
}

@media (hover: none) and (pointer: coarse) {
    body.verify-page #verifyForm button
 {
        min-height: 48px;
    }
    body.verify-page #verifyForm .user-table td:hover
 {
        background-color: inherit;
    }
    body.verify-page #verifyForm .user-table input:focus
 {
        border-width: 2px;
    }
    
}

@media (prefers-contrast: high) {
    body.verify-page #verifyForm .user-table
 {
        border: 2px solid #000;
    }
    body.verify-page #verifyForm .user-table td
 {
        border: 1px solid #000;
    }
    body.verify-page .signature-pad
 {
        border: 3px solid #000 !important;
    }
    
}