:root { --rf: #003189; --rf-r: #ED2939; }
body { background:#f0f2f8; font-size:.875rem; min-height:100vh; }
.navbar { background:var(--rf) !important; }
.navbar-logo { display:block; }
.navbar-brand,.nav-link { color:#fff !important; }
.nav-link.active,.nav-link:hover { color:#ccd9ff !important; }
.nav-link.active { border-bottom:2px solid #fff; }
.card { border:none; border-radius:10px; box-shadow:0 1px 8px rgba(0,0,0,.07); }
.card-header { border-radius:10px 10px 0 0 !important; font-size:.82rem; font-weight:600; }
.section-lbl { font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em;
    color:#6c757d; padding-left:8px; border-left:3px solid var(--rf-r); margin-bottom:.6rem; }
.form-label { font-size:.78rem; color:#495057; margin-bottom:2px; }
.form-control,.form-select { font-size:.82rem; }
.form-control-sm,.form-select-sm { font-size:.78rem; }
.btn-rf { background:var(--rf); border-color:var(--rf); color:#fff; }
.btn-rf:hover { background:#002070; color:#fff; }
.winner { border:2px solid #198754 !important; }
.loser { opacity:.8; }
.impot-num { font-size:1.9rem; font-weight:700; line-height:1; }
.detail-r { display:flex; justify-content:space-between; font-size:.8rem;
    padding:3px 0; border-top:1px solid #f0f2f8; }
.detail-r .l { color:#6c757d; }
.eco-banner { background:#d1e7dd; border:1px solid #a3cfbb; border-radius:8px; padding:.75rem 1rem; }
footer.app-footer { background:var(--rf); color:rgba(255,255,255,.6); font-size:.78rem; padding:.65rem 1rem; text-align:center; width:100%; }
.month-table th,.month-table td { font-size:.78rem; padding:.3rem .4rem; vertical-align:middle; }
.month-table input { width:80px; font-size:.78rem; padding:2px 5px; }
.badge-km { font-size:.68rem; background:#e8f0fe; color:#1a5fb4; border-radius:4px; padding:1px 5px; }