.students-surface{overflow:hidden}.list-toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.2rem}.search-box{align-items:center;border:1px solid var(--border);border-radius:.4rem;display:flex;gap:.5rem;max-width:24rem;padding:0 .7rem;width:100%}.search-box input{border:0;outline:0;padding:.65rem 0;width:100%}.list-toolbar select{border:1px solid var(--border);border-radius:.4rem;padding:.65rem}.table-wrap{overflow:auto}.tabler-table{border-collapse:collapse;width:100%}.tabler-table th{background:#fafbfc;color:var(--muted);font-size:.72rem;letter-spacing:.06em;padding:.8rem 1.2rem;text-align:left;text-transform:uppercase}.tabler-table td{border-top:1px solid var(--border);padding:1rem 1.2rem}.status-pill{background:#e7f7ed;border-radius:999px;color:#218739;font-size:.75rem;padding:.3rem .6rem}.row-action{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,4px);color:var(--muted);cursor:pointer;display:inline-flex;font:inherit;font-size:.8125rem;font-weight:500;min-height:2rem;padding:.35rem .65rem;text-decoration:none!important}.row-action:hover{background:var(--tblr-menu-hover);border-color:var(--border);color:var(--accent);text-decoration:none!important}.list-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:.4rem;justify-content:center;min-height:15rem}.list-state strong{color:var(--text)}.list-error{color:#b42318;padding:2rem}.list-footer{align-items:center;border-top:1px solid var(--border);color:var(--muted);display:flex;gap:1rem;justify-content:space-between;padding:.9rem 1.2rem}.grid-footer-controls{align-items:center;display:flex;gap:.5rem}.grid-footer-controls .search-select{min-width:10rem}.grid-footer-controls .search-select label{display:none}.grid-footer-controls .search-select-toggle{min-height:2rem;padding:.35rem .65rem}.page-number{display:inline-block;padding:0 1rem}
.row-actions{align-items:center;display:flex;gap:.4rem;justify-content:flex-end}.row-action.icon-only,.grid-icon-action{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,4px);color:var(--muted);cursor:pointer;display:inline-flex;font:inherit;font-size:0;height:2rem;justify-content:center;line-height:1;min-height:2rem;min-width:2rem;padding:0;text-decoration:none!important;width:2rem}.row-action.icon-only .action-icon,.grid-icon-action .action-icon{font-size:1rem;line-height:1;transform:translateY(-.01rem)}.row-action.icon-only:hover,.grid-icon-action:hover{background:var(--tblr-menu-hover);border-color:var(--border);color:var(--accent);text-decoration:none!important}.row-action.icon-only.danger:hover,.grid-icon-action.danger:hover{background:color-mix(in srgb,#d63939 10%,var(--surface));border-color:color-mix(in srgb,#d63939 35%,var(--border));color:#d63939}.row-action.icon-only[disabled],.grid-icon-action[disabled]{cursor:not-allowed;opacity:.55}
.list-state.loading-state::before{animation:grid-loading-spin .75s linear infinite;border:2px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-top-color:var(--accent);border-radius:999px;content:"";display:block;height:1.65rem;margin-bottom:.2rem;width:1.65rem}@keyframes grid-loading-spin{to{transform:rotate(360deg)}}
.empty-student-icon{align-items:center;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:999px;color:var(--accent);display:inline-flex;height:4rem;justify-content:center;margin-bottom:.45rem;width:4rem}.empty-student-icon svg{fill:none;height:2.1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:2.1rem}
.sort-header{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-size:inherit;font-weight:inherit;gap:.35rem;letter-spacing:inherit;padding:0;text-align:left;text-transform:inherit}.sort-header i{color:var(--muted);font-style:normal;font-size:.75rem}.sort-header:hover,.sort-header:hover i{color:var(--accent)}
[dir="rtl"] .tabler-table th,[dir="rtl"] .tabler-table td{text-align:right!important}[dir="rtl"] .tabler-table th:last-child,[dir="rtl"] .tabler-table td:last-child{text-align:left!important}[dir="rtl"] .sort-header{direction:rtl;flex-direction:row-reverse;justify-content:flex-end;text-align:right!important;width:100%}[dir="rtl"] .sort-header i{margin-left:0;margin-right:.15rem}[dir="rtl"] .row-actions{justify-content:flex-start}