/* AT-Tahzib — Digital Islamic Boarding School System — custom styles */
* { -webkit-tap-highlight-color: transparent; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
.sidebar-link { transition: all .15s; }
.sidebar-link:hover { background: rgba(255,255,255,.08); }
.sidebar-link.active { background: rgba(255,255,255,.15); border-left: 3px solid #86efac; }
.card { background:#fff; border-radius:1rem; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.fade-in { animation: fade .25s ease; }
@keyframes fade { from { opacity:0; transform:translateY(6px);} to {opacity:1; transform:none;} }
.spinner { border:3px solid #e2e8f0; border-top-color:#15A23A; border-radius:50%; width:28px; height:28px; animation:spin .7s linear infinite; }
@keyframes spin { to { transform:rotate(360deg);} }
table.data-table th { font-weight:600; color:#475569; font-size:.75rem; text-transform:uppercase; letter-spacing:.03em; }
table.data-table td, table.data-table th { padding:.6rem .75rem; text-align:left; }
table.data-table tbody tr:hover { background:#f8fafc; }
.badge { padding:.15rem .55rem; border-radius:9999px; font-size:.72rem; font-weight:600; }
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:4px; }
#scanner-region video { border-radius: 0.75rem; }
.modal-backdrop { background: rgba(15,23,42,.5); backdrop-filter: blur(2px); }
/* Form controls */
.inp { width:100%; margin-top:.25rem; padding:.55rem .75rem; border:1px solid #cbd5e1; border-radius:.6rem; font-size:.875rem; outline:none; transition:border-color .15s, box-shadow .15s; background:#fff; }
.inp:focus { border-color:#15A23A; box-shadow:0 0 0 3px rgba(21,162,58,.15); }
.inp:disabled { background:#f1f5f9; color:#64748b; cursor:not-allowed; }
.lbl { display:block; font-size:.8rem; font-weight:500; color:#475569; }
label > input, label { font-size:.875rem; }