.site-header nav{align-items:center;gap:8px}
.site-header nav .nav-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 11px;border:1px solid #ffffff55;border-radius:7px;background:#ffffff0b;color:#fff;font:650 .9rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none;white-space:nowrap}
.site-header nav .nav-button:hover,.site-header nav .nav-button:focus-visible{background:#ffffff20;border-color:#fff}
.site-header nav .nav-logout{cursor:pointer}
.site-header nav form{display:flex;align-items:center}
.nav-user{padding:0 4px;white-space:nowrap}
.finance-summary{margin:20px 0 30px}.finance-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px}.finance-toolbar h2{margin:0;color:var(--navy);font-size:1.3rem}.finance-toolbar p{margin:4px 0 0;color:var(--muted)}.year-filter{display:grid;gap:4px;min-width:130px;font-weight:700}.year-filter select{min-height:40px;padding:7px 10px;border:1px solid #9fb2c3;border-radius:7px;background:#fff;font:inherit}.finance-metrics-five{grid-template-columns:repeat(5,minmax(0,1fr))}.finance-metric.invoiced{border-top-color:#2d6f9d}.finance-metric.uninvoiced{border-top-color:#c88b19}.finance-metric.paid{border-top-color:#258259}.finance-metric.due{border-top-color:#b24646}.finance-metric.invoiced .finance-icon{color:#2d6f9d}.finance-metric.uninvoiced .finance-icon{color:#96640d;background:#fff4d8}.finance-metric.paid .finance-icon{color:#176642;background:#e6f5ed}.finance-metric.due .finance-icon{color:#a33d3d;background:#faeaea}.finance-toolbar+.finance-metrics{margin-top:8px}.chart-panel{padding:18px 20px}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.85rem}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}.legend-invoiced,.bar-invoiced{fill:#387fa8;background:#387fa8}.legend-paid,.bar-paid{fill:#27946a;background:#27946a}.chart-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.finance-chart{display:block;width:100%;min-width:640px;height:auto;max-height:280px}.chart-grid{stroke:#e2e9ed;stroke-width:1}.chart-axis{fill:#637484;font:11px system-ui,-apple-system,"Segoe UI",sans-serif}.finance-entry>.section-heading{margin-bottom:14px}.finance-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:14px}.finance-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;padding-top:12px;border-top:1px solid var(--line)}.finance-form button{grid-column:1/-1;justify-self:start}.finance-search button,.finance-manage{display:inline-flex;align-items:center;gap:8px}.finance-manage{margin-top:14px}.button-icon{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.result-caption{margin:0 0 8px;color:var(--muted);font-size:.88rem}.finance-summary .panel{margin:18px 0}.finance-summary .finance-note{margin-bottom:12px}@media(max-width:1100px){.finance-metrics-five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.finance-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.finance-toolbar{align-items:stretch;flex-direction:column}.year-filter{max-width:180px}.finance-metrics-five{grid-template-columns:1fr}.chart-panel{padding:15px 12px}.chart-panel .section-heading{gap:8px}.finance-form{grid-template-columns:1fr}.finance-form button{grid-column:auto;justify-self:stretch}.finance-search{grid-template-columns:1fr}.finance-search button{justify-self:start}.finance-chart{min-width:620px}.finance-summary .panel{margin:14px 0}}
