:root {
    --bg: #f2f5fa;
    --ink: #172033;
    --muted: #657089;
    --line: #dce3ee;
    --brand: #2546a8;
    --brand2: #157f8c;
    --danger: #b73545;
    --shadow: 0 16px 42px rgba(30, 52, 95, .10);
}

body { background: linear-gradient(135deg, #f4f7fc, #eef7f7); }
.topbar { background: linear-gradient(100deg, #172354, #2850b8 60%, #147f8d); }
.sidebar { background: #17234f; }
.sidebar a:hover, .sidebar a:focus { background: #2f50ad; }
.metrics strong { color: var(--brand); }
.metrics a, .metrics > div, .panel, .table-wrap {
    border-color: var(--line);
    box-shadow: var(--shadow);
}
.report-grid { margin-top: 18px; }