body { background: #f4f4f4; color: #393938; }
.app-navbar { background: #393938; border-bottom: 5px solid #ba1822; }
.navbar-brand { display: flex; align-items: center; gap: .75rem; font-weight: 700; }
.app-logo { width: 52px; height: 52px; object-fit: contain; }
.card { border: 0; border-top: 4px solid #ba1822; box-shadow: 0 2px 8px rgba(57,57,56,.12); }
.btn-primary { --bs-btn-bg: #ba1822; --bs-btn-border-color: #ba1822; --bs-btn-hover-bg: #98131b; --bs-btn-hover-border-color: #98131b; --bs-btn-active-bg: #821018; --bs-btn-active-border-color: #821018; }
.btn-outline-primary { --bs-btn-color: #ba1822; --bs-btn-border-color: #ba1822; --bs-btn-hover-bg: #ba1822; --bs-btn-hover-border-color: #ba1822; }
a { color: #9c141d; }
a:hover { color: #741016; }
.form-control:focus, .form-select:focus { border-color: #ba1822; box-shadow: 0 0 0 .25rem rgba(186,24,34,.18); }
.table thead th { background: #393938; color: #fff; border-color: #4b4b49; }
.table td, .table th { vertical-align: middle; }
.admin-sidebar { min-height: calc(100vh - 61px); background: #393938; }
.admin-sidebar .nav-link { color: rgba(255,255,255,.82); }
.admin-sidebar .nav-link:hover, .admin-sidebar .nav-link.active { color: #fff; background: #ba1822; }
.stock-low { font-weight: 700; }
.stock-note { display: none; }
@media (max-width: 767.98px) { .admin-sidebar { min-height: auto; } .app-logo { width: 42px; height: 42px; } }