/* SI Yayasan Al-Amin Tabanan — 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 #5eead4; }
.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:#0d9488; 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); }