@import url("/static/brand-fonts.css?v=373");
/* TREFF8 finance dashboard v3.0 */
.finance-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0 16px;padding:17px;background:#fff;border:1px solid #e2e5ea;border-radius:12px}
.finance-filters label{display:flex;flex-direction:column;gap:7px;font-weight:600;color:#3a404a;font-size:13px;flex:1 1 130px;min-width:120px}
.finance-filters label:nth-child(4){min-width:190px;flex:2 1 180px}
.finance-filters input,.finance-filters select{min-height:40px;width:100%;max-width:100%;padding:7px 10px}
.finance-filters button{min-height:40px;white-space:nowrap}
.finance-stats{margin:16px 0;grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
.fin-scroll{overflow-x:auto;margin:12px 0 20px}
.fin-scroll table{min-width:830px}
.fin-bars{background:#fff;border:1px solid #e3e5ea;border-radius:10px;padding:14px;max-height:390px;overflow-y:auto;margin:12px 0 15px}
.fin-bar-row{display:grid;grid-template-columns:105px minmax(60px,1fr) 82px;gap:12px;align-items:center;margin:10px 0;font-size:12px;color:#555c67}
.fin-bar-track{display:flex;gap:2px;align-items:stretch;height:12px;background:#f2f3f5;border-radius:3px;overflow:hidden}
.fin-bar-issued{background:#FFCC00;min-width:0}
.fin-bar-cancelled{background:#9b9fa7;min-width:0}
.fin-bar-row strong{text-align:right;font-variant-numeric:tabular-nums;font-size:12px}
@media(max-width:650px){.finance-filters{padding:12px;gap:9px}.finance-filters label{flex-basis:46%}.finance-filters button{flex:1}.fin-bar-row{grid-template-columns:80px minmax(30px,1fr) 72px;gap:7px}}