:root { --bs-primary: #0b5ed7; }
body { min-height: 100vh; }
.login-page { background: linear-gradient(135deg,#0f172a,#1d4ed8); }
.login-card { max-width: 440px; border-radius: 1.25rem; }
.brand-mark { width: 58px; height: 58px; display:grid; place-items:center; border-radius: 16px; background:#0d6efd; color:#fff; font-weight:800; font-size:1.25rem; }
.metric-card { transition: transform .15s ease; }
.metric-card:hover { transform: translateY(-2px); }
@media (max-width: 576px) { .display-6 { font-size: 2rem; } }

.mmil-hero {background: #102f42; color: white; border-radius: 1.2rem; padding: clamp(1.4rem, 5vw, 3.5rem);}
.dashboard-card {border: 1px solid #dce5ec; border-radius: 1rem; padding: 1.5rem; transition: transform .15s;}
.dashboard-card:hover {transform: translateY(-3px); border-color: #257a9e;}
.table td {max-width: 26rem; overflow-wrap: anywhere; min-width: 9rem;}
input, select, button.btn {min-height: 44px;}
pre {white-space: pre-wrap; overflow-wrap: anywhere;}