html, body { height: 100%; }
body { background: #f5f7fb; }
.site-wrapper { min-height: 100vh; display: flex; flex-direction: column; }
.card { border: 0; border-radius: 1rem; }
.stat-card { transition: transform .15s ease, box-shadow .15s ease; }
.stat-card:hover { transform: translateY(-2px); box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08)!important; }
.table td, .table th { vertical-align: middle; }
.loading-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 9999; display: none; align-items: center; justify-content: center; color: #fff; text-align: center; }
.loading-overlay.show { display: flex; }
.loading-box { background: rgba(0,0,0,.35); border-radius: 1rem; padding: 2rem; min-width: 280px; }