:root {
    --brand-primary: #1e4fa3;
    --brand-secondary: #102847;
}
body.app-body { background: #f4f7fb; color: #1b2330; min-height: 100vh; }
.login-page {
    min-height: 100vh;
    background: radial-gradient(circle at top right, rgba(30,79,163,.25), transparent 24%), radial-gradient(circle at bottom left, rgba(222,53,11,.12), transparent 22%), linear-gradient(135deg, #0b1d36 0%, #102847 45%, #0c1830 100%);
}
.login-card { border: 0; border-radius: 24px; overflow: hidden; box-shadow: 0 22px 60px rgba(0,0,0,.22); }
.login-side { background: linear-gradient(180deg, #163e82, #0f2d5d); color: #fff; }
.logo-login { max-height: 72px; width: auto; object-fit: contain; background: rgba(255,255,255,.96); padding: 10px 14px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.logo-login.logo-hospital { max-height: 82px; }
.brand-logo-navbar { height: 34px; width: auto; object-fit: contain; background: rgba(255,255,255,.95); border-radius: 8px; padding: 2px 4px; }
.top-summary-card, .stat-card, .module-card { border: 0; border-radius: 18px; box-shadow: 0 12px 35px rgba(15,31,65,.08); }
.stat-icon { width: 52px; height: 52px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; }
.section-title { font-weight: 700; color: #11294d; }
.table-modern th { background: #eff5ff; color: #17345f; border-bottom-width: 1px; }
.table-modern td, .table-modern th { vertical-align: middle; }
.thumb-preview { width: 92px; height: 72px; object-fit: cover; border-radius: 12px; border: 1px solid #dde5f3; }
.video-preview { width: 100%; max-height: 280px; border-radius: 14px; background: #000; }
.detail-label { color: #5d6b80; font-size: .88rem; text-transform: uppercase; letter-spacing: .04em; }
.detail-value { font-weight: 600; color: #17263d; }
.module-card .card-body, .stat-card .card-body, .top-summary-card .card-body { padding: 1.25rem; }
@media (max-width: 767.98px) { .logo-login { max-height: 58px; } .brand-logo-navbar { height: 28px; } }