body { color: #1f2937; font-family: Arial, sans-serif; }
.app-navbar { background: linear-gradient(135deg, #0f172a, #1d4ed8); }
.page-hero h1 { font-weight: 700; }
.nav-link-card, .stat-card, .section-card, .setting-card, .history-link-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.nav-link-card:hover, .history-link-card:hover { transform: translateY(-2px); box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.08); }
.stat-card { background: linear-gradient(180deg, #ffffff, #f8fafc); }
.stat-card .display-6 { color: #0f172a; }
.section-card .card-header { padding-top: 1.25rem; }
.empty-state { padding: 1rem; border: 1px dashed #cbd5e1; border-radius: 0.75rem; background-color: #f8fafc; color: #64748b; text-align: center; }
.placeholder-note { padding: 1rem; border-left: 4px solid #2563eb; background-color: #eff6ff; border-radius: 0.5rem; }
.table td, .table th { vertical-align: middle; }
.reverse-input { min-width: 7rem; }
.modal-content { border: 0; border-radius: 1rem; }
.scroll-panel { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #94a3b8 #e2e8f0; }
.scroll-panel::-webkit-scrollbar { width: 8px; }
.scroll-panel::-webkit-scrollbar-track { background: #e2e8f0; border-radius: 999px; }
.scroll-panel::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #94a3b8, #64748b); border-radius: 999px; }
.scroll-after-four { max-height: 18rem; padding-right: 0.25rem; }
.scroll-panel-table { max-height: 24rem; padding-right: 0.25rem; }
.scroll-benchmark-table { max-height: 19rem; padding-right: 0.25rem; }
footer { color: #64748b; }
@media (max-width: 767.98px) { .display-6 { font-size: 2rem; } .page-hero { text-align: center; } }