body { background-color: #f8fafc; }
.navbar-custom { background-color: #621132; border-bottom: 3px solid #d4c19c; }
.card-header-custom { background-color: #1e293b; color: #ffffff; font-weight: bold; }
.btn-action { background-color: #621132; color: #fff; border: none; font-weight: 600; }
.btn-action:hover { background-color: #8f1d42; color: #fff; }
.small-muted { font-size: 0.9rem; color: #64748b; }
.metric-card { border-left: 4px solid #621132; }
.login-box { max-width: 420px; margin: 6rem auto; }
.table td, .table th { vertical-align: middle; }
.offline-shell { min-height: 100vh; display: grid; place-items: center; padding: 2rem; background: #f8fafc; }
.offline-panel { width: min(100%, 420px); padding: 2rem; border-radius: 8px; background: #fff; text-align: center; border-top: 4px solid #621132; }
.offline-mark { width: 56px; height: 56px; margin: 0 auto 1rem; display: grid; place-items: center; border-radius: 8px; background: #621132; color: #fff; font-weight: 800; font-size: 1.75rem; }
.offline-panel h1 { font-size: 1.35rem; margin-bottom: 0.75rem; font-weight: 700; }
.offline-panel p { color: #475569; margin-bottom: 1.25rem; }