.attendance-section{background:#0f0a1e;min-height:calc(100vh - 320px);padding:3rem 0 5rem}.attendance-container{max-width:1200px;margin:0 auto;padding:0 2rem}.attendance-table-wrapper{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.attendance-table{border-collapse:collapse;width:100%;font-size:.88rem}.attendance-table thead tr{background:#6366f11f;border-bottom:1px solid #ffffff14}.attendance-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;padding:1rem 1.25rem;font-size:.78rem;font-weight:600}.attendance-table tbody tr{border-bottom:1px solid #ffffff0d;transition:background .2s}.attendance-table tbody tr:hover{background:#6366f10f}.attendance-table td{color:#fffc;padding:1rem 1.25rem}.attendance-status{border-radius:100px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-present{color:#6ee7b7;background:#10b98126;border:1px solid #10b98140}.status-absent{color:#fca5a5;background:#ef444426;border:1px solid #ef444440}.action-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:.35rem;font-size:.8rem;transition:all .2s;display:inline-flex}.edit-btn:hover{color:#a5b4fc;background:#6366f133;border-color:#6366f166}.delete-btn:hover{color:#fca5a5;background:#ef444433;border-color:#ef444466}.pagination{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;display:flex}.page-btn{color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 .75rem;font-family:Inter,sans-serif;font-size:.85rem;transition:all .2s;display:inline-flex}.page-btn:hover,.page-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.import-hint{text-align:center;color:#ffffff59;padding:2.5rem;font-size:.9rem}.import-hint i{color:#6366f180;margin-bottom:.75rem;font-size:2.5rem;display:block}.table-scroll{overflow-x:auto}@media (max-width:768px){.attendance-table th,.attendance-table td{padding:.75rem .9rem}}