.report-trends-panel { color: #e5eef5; background: linear-gradient(135deg, rgba(9,35,48,.96), rgba(11,22,34,.96)); border: 1px solid rgba(94,234,212,.2); }
.report-trends-header { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; flex-wrap:wrap; }.report-trends-kicker { margin:0; color:#5eead4; font-size:.7rem; font-weight:800; letter-spacing:.12em; }.report-trends-panel h2 { margin:.25rem 0; font-size:1.2rem; font-weight:900; }.report-trends-subtitle { margin:0; color:#94a3b8; font-size:.86rem; }.report-trends-actions { display:flex; gap:.5rem; }.report-trends-actions button { border:1px solid rgba(148,163,184,.3); border-radius:8px; padding:.55rem .8rem; background:rgba(255,255,255,.07); color:#cbd5e1; font-size:.8rem; font-weight:800; cursor:pointer; }.report-trends-actions button.active { border-color:#5eead4; background:rgba(20,184,166,.2); color:#99f6e4; }.report-trends-legend { display:flex; gap:1rem; margin:1rem 0 .25rem; color:#cbd5e1; font-size:.75rem; }.report-trends-legend span { display:flex; align-items:center; gap:.35rem; }.report-trends-legend i { width:9px; height:9px; border-radius:50%; display:inline-block; }.report-trends-legend i.income,.report-trends-bars .bar.income { background:#2dd4bf; }.report-trends-legend i.expense,.report-trends-bars .bar.expense { background:#fb7185; }.report-trends-body { min-height:230px; overflow-x:auto; }.report-trends-chart { display:flex; align-items:stretch; gap:.5rem; min-width:720px; height:245px; padding:.5rem 0 0; border-bottom:1px solid rgba(148,163,184,.2); }.report-trends-column { flex:1; min-width:48px; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:.35rem; }.report-trends-values { display:flex; flex-direction:column; align-items:center; gap:1px; color:#94a3b8; font-size:.57rem; white-space:nowrap; }.report-trends-bars { width:100%; height:175px; display:flex; align-items:flex-end; justify-content:center; gap:3px; }.report-trends-bars .bar { display:block; width:35%; min-height:2px; border-radius:4px 4px 0 0; opacity:.9; }.report-trends-column strong { color:#94a3b8; font-size:.65rem; white-space:nowrap; transform:rotate(-35deg); transform-origin:top center; margin-top:.35rem; }.report-trends-total { display:flex; justify-content:space-between; gap:1rem; margin-top:1.6rem; color:#94a3b8; font-size:.75rem; }.report-trends-total strong { color:#99f6e4; }.report-trends-error { color:#fda4af; }
@media print { .report-trends-panel { display:none !important; } }
.report-trends-actions { align-items:center; }
.report-trends-actions select { border:1px solid rgba(148,163,184,.3); border-radius:8px; padding:.55rem .8rem; background:rgba(255,255,255,.07); color:#cbd5e1; font-size:.8rem; font-weight:800; cursor:pointer; }
.report-trends-actions select option { color:#172033; }