body { background: #f3f5f9; }
.admin-top { background: #082a45; border-bottom: 3px solid #d0021b; }
.admin-side { width: 220px; flex: none; background: #fff; border-right: 1px solid #e3e6ee; min-height: calc(100vh - 59px); }
.admin-side .nav-link { color: #333; border-radius: .35rem; padding: .55rem .8rem; }
.admin-side .nav-link:hover { background: #eef1f8; }
.admin-side .nav-link.active { background: #082a45; color: #fff; }
.admin-main { min-width: 0; }
.card-box { background: #fff; border-radius: .5rem; padding: 1.25rem; box-shadow: 0 1px 3px rgba(0, 0, 0, .06); }
.thumb-sm { width: 64px; height: 44px; object-fit: cover; border-radius: .25rem; background: #e9ecef; }
.thumb-md { max-width: 240px; max-height: 160px; object-fit: contain; border-radius: .35rem; border: 1px solid #e3e6ee; }
.stat { font-size: 2rem; font-weight: 700; color: #082a45; }
.photo-admin img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: .35rem; }
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.btn-primary { --bs-btn-bg: #082a45; --bs-btn-border-color: #082a45; --bs-btn-hover-bg: #0f3d63; --bs-btn-hover-border-color: #0f3d63; --bs-btn-active-bg: #051a2c; }