.table-wrapper{background:#fff;border:1px solid #e9ecef;border-radius:12px;max-height:70vh;overflow:auto;box-shadow:0 2px 8px #0000001a}.patients-table{border-collapse:collapse;width:100%;font-family:Outfit,sans-serif;font-size:14px}.patients-table thead{z-index:10;background-color:var(--background);position:sticky;top:0}.patients-table th{color:#495057;text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #dee2e6;border-left:1px solid #dee2e6;border-right:1px solid #dee2e6;padding:16px 12px;font-size:13px;font-weight:600}.patients-table th:first-child{border-left:none;border-top-left-radius:11px}.patients-table th:last-child{border-right:none;border-top-right-radius:11px}.patients-table td{color:#495057;border-bottom:1px solid #e9ecef;border-left:1px solid #e9ecef;border-right:1px solid #e9ecef;padding:14px 12px;line-height:1.4}.patients-table td:first-child{border-left:none}.patients-table td:last-child{border-right:none}.patients-table tbody tr{transition:all .2s}.patients-table tbody tr:hover{background-color:var(--bg-primary-light)}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-block}.status-emergency{color:#c53030;background-color:#fee}.status-consultation{color:#1890ff;background-color:#e6f7ff}.status-checkup{color:#0369a1;background-color:#f0f9ff}.status-followup{color:#059669;background-color:#ecfdf5}.gender-male{color:#3b82f6;font-weight:500}.gender-female{color:#ec4899;font-weight:500}.age-cell{color:#6b7280;font-weight:500}.phone-cell{color:#374151;font-family:Courier New,monospace;font-size:13px}.pagination-container{background:#f8f9fa;border-top:1px solid #e9ecef;border-bottom-right-radius:11px;border-bottom-left-radius:11px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pagination-info{color:#6c757d;font-size:14px}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-btn{color:#495057;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;align-items:center;gap:4px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;color:#adb5bd}.pagination-btn.active{color:#fff;background:#007bff;border-color:#007bff}.page-size-selector{color:#6c757d;align-items:center;gap:8px;font-size:14px;display:flex}.page-size-selector select{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:4px 8px;font-size:14px}.table-loading{color:#6c757d;justify-content:center;align-items:center;height:200px;font-size:16px;display:flex}.loading-spinner{border:2px solid #e9ecef;border-top-color:#007bff;border-radius:50%;width:20px;height:20px;margin-right:10px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-error{color:#dc3545;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:200px;font-size:16px;display:flex}@media (max-width:768px){.patients-table{font-size:12px}.patients-table th,.patients-table td{padding:8px 6px}.pagination-container{flex-direction:column;gap:12px;padding:12px}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{padding:6px 10px;font-size:12px}}@media (max-width:640px){.patients-table,.patients-table thead,.patients-table tbody,.patients-table th,.patients-table td,.patients-table tr{display:block}.patients-table thead tr{position:absolute;top:-9999px;left:-9999px}.patients-table tr{background:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:10px;padding:10px;box-shadow:0 2px 4px #0000001a}.patients-table td{text-align:left;border:none;border-bottom:1px solid #eee;padding-top:8px;padding-bottom:8px;position:relative;padding-left:50%!important}.patients-table td:before{content:attr(data-label)": ";white-space:nowrap;color:#495057;width:45%;padding-right:10px;font-weight:600;position:absolute;left:6px}.patients-table td:last-child{border-bottom:0}}
