.invoice-dashboard.container{width:100%;max-width:none;margin:0;padding:0 0 2rem}.welcome-banner{color:#fff;background:linear-gradient(135deg,#7f1d1d 0%,#dc2626 45%,#ea580c 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 24px #dc262659}.welcome-banner h1{margin:0 0 .35rem;font-size:24px;font-weight:700}.welcome-banner p{opacity:.85;margin:0;font-size:14px}.welcome-meta{flex-wrap:wrap;gap:1.5rem;margin-top:.75rem;display:flex}.welcome-meta-item{opacity:.9;align-items:center;gap:.4rem;font-size:13px;display:flex}.welcome-icon{opacity:.2;font-size:56px}.filter-bar{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:.85rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.filter-field{flex-direction:column;gap:.3rem;min-width:160px;display:flex}.filter-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.filter-field input,.filter-field select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;padding:.5rem .65rem;font-family:inherit;font-size:13px}.filter-field input:focus,.filter-field select:focus{border-color:var(--primary-color)}.filter-actions{gap:.5rem;margin-left:auto;display:flex}.btn-filter{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:13px;font-weight:600;display:inline-flex}.btn-filter.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-filter:disabled{opacity:.6;cursor:not-allowed}.dashboard-shell{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:16px;margin-bottom:1rem;overflow:hidden}.dash-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.35rem;padding:.6rem .75rem 0;display:flex}.dash-tab-btn{appearance:none;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px 10px 0 0;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-size:14px;font-weight:600;display:inline-flex}.dash-tab-btn:hover{color:var(--text-primary)}.dash-tab-btn.active{background:var(--bg-card);color:#b91c1c;border:1px solid var(--border-color);border-bottom-color:var(--bg-card);z-index:1;margin-bottom:-1px;position:relative}.dash-tab-panel{padding:1.35rem 1.5rem 1.6rem;display:none}.dash-tab-panel.active{display:block}.section-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:.4rem;margin:.25rem 0 .65rem;font-size:11px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(6,1fr);align-items:start;gap:1.1rem;margin-bottom:1.2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:14px;padding:1.25rem 1.35rem;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card.blue:before{background:var(--primary-color)}.stat-card.green:before{background:var(--success-color)}.stat-card.yellow:before{background:var(--warning-color)}.stat-card.purple:before{background:var(--purple-color)}.stat-card.orange:before{background:var(--orange-color)}.stat-card.red:before{background:var(--danger-color)}.stat-card.qb-inv:before{background:#2ca01c}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;display:flex}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.stat-icon.soft-blue{color:var(--primary-color);background:#1a5f9f1f}.stat-icon.soft-green{color:var(--success-color);background:#10b9811f}.stat-icon.soft-yellow{color:var(--warning-color);background:#ffc1071f}.stat-icon.soft-purple{color:var(--purple-color);background:#9333ea1f}.stat-icon.soft-orange{color:var(--orange-color);background:#f973161f}.stat-icon.soft-red{color:var(--danger-color);background:#dc35451f}.stat-icon.soft-qb{color:#2ca01c;background:#2ca01c1f}.stat-icon.soft-qb-warn{color:#d97706;background:#f59e0b1f}.stat-icon.soft-qb-danger{color:#dc2626;background:#ef44441f}.stat-value{letter-spacing:-.5px;white-space:nowrap;text-overflow:clip;height:1.15em;min-height:1.15em;margin-bottom:.35rem;font-size:clamp(18px,5.2vw,26px);font-weight:700;line-height:1.15;overflow:hidden}.invoice-dashboard .stat-value:not(.is-loading){display:block}.stat-footer{color:var(--text-secondary);font-size:12px}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{align-items:center;gap:.5rem;font-size:14px;font-weight:600;display:flex}.section-title i{color:var(--primary-color)}.section-sub{color:var(--text-secondary);font-size:12px}.chart-row{gap:1.25rem;margin-bottom:1.75rem;display:grid}.chart-row-2{grid-template-columns:2fr 1fr}.chart-row-half{grid-template-columns:1fr 1fr}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:14px;padding:1.25rem 1.5rem}.chart-container{width:100%;position:relative}.chart-container>canvas{display:block;width:100%!important;height:100%!important}.chart-h-200{height:200px}.chart-h-260{height:260px}.chart-h-280{height:280px}.period-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.period-btn{appearance:none;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500}.period-btn.active{background:var(--bg-card);color:var(--primary-color);box-shadow:var(--shadow)}.progress-bar-row{align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.progress-bar-label{white-space:nowrap;text-overflow:ellipsis;min-width:100px;max-width:160px;font-size:12px;overflow:hidden}.progress-bar-track{background:var(--bg-secondary);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .6s}.progress-bar-val{color:var(--text-secondary);text-align:right;min-width:72px;font-size:11px}.empty-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;font-size:13px;display:flex}.empty-state i{opacity:.4;font-size:28px}@media (max-width:1400px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.chart-row-2,.chart-row-half{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.invoice-dashboard.container{padding:0 0 1.5rem}.welcome-icon{display:none}.filter-field{flex:calc(50% - .5rem);min-width:0}.filter-actions{width:100%;margin-left:0}.stat-card{padding:1rem 1.1rem}.stat-value{letter-spacing:-.35px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-value{letter-spacing:-.3px}}