body { background:#f4f6f9; }
.card { border:0; border-radius:18px; box-shadow:0 8px 24px rgba(0,0,0,.06); }
.table thead th { white-space: nowrap; }
.login-page { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#16213e,#0f3460); }
.login-card { max-width:420px; width:100%; }
.required:after { content:' *'; color:#dc3545; }
.os-photo { max-width:180px; border-radius:12px; margin:6px; }
.metric { font-size:2rem; font-weight:800; }
@media (max-width: 768px) {
  .table-responsive { font-size:.9rem; }
  .metric { font-size:1.5rem; }
}