#page{padding:20px 30px}@media(max-width: 768px){#page{padding:15px}}#page .header{position:relative;margin-bottom:20px}#page .header::before{content:"";position:absolute;left:0;top:-2px;width:80px;height:3px;background:linear-gradient(90deg, var(--p-blue-400), var(--p-purple-500), var(--p-teal-500));border-radius:1px;opacity:.5}@media(max-width: 768px){#page .header::before{left:50%;transform:translateX(-50%);width:30px}}#page .header h1{font-family:"Open Sans",sans-serif;font-size:1.4rem;font-weight:600;margin:0 0 3px 0;color:var(--p-surface-800);letter-spacing:-0.2px;line-height:1.2}@media(max-width: 768px){#page .header h1{font-size:1.3rem;text-align:center}}@media(max-width: 480px){#page .header h1{font-size:1.2rem}}.dashboard{position:relative}.dashboard .mobile-filter-btn{display:none;background:var(--p-orange-500);color:#fff;border:none;border-radius:6px;padding:12px 16px;font-size:14px;font-weight:600;font-family:"Open Sans",sans-serif;box-shadow:0 2px 4px rgba(245,101,101,.2);cursor:pointer;transition:all .2s ease;margin-bottom:16px;width:100%}.dashboard .mobile-filter-btn svg{margin-right:6px}.dashboard .mobile-filter-btn:hover{background:var(--p-orange-600);transform:translateY(-1px);box-shadow:0 4px 8px rgba(245,101,101,.3)}@media(max-width: 768px){.dashboard .mobile-filter-btn{display:flex;align-items:center;justify-content:center}}.dashboard .filter-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1002;opacity:0;transition:opacity .3s ease}@media(max-width: 768px){.filter.mobile-active~.dashboard .filter-overlay{display:block;opacity:1}}.dashboard .filter{background:var(--p-surface-0);border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid var(--p-surface-200);margin-bottom:24px}@media(max-width: 768px){.dashboard .filter{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1003;border-radius:0;padding:0;background:var(--p-surface-0);flex-direction:column;transform:translateX(-100%);transition:transform .3s ease}.dashboard .filter.mobile-active{display:flex;transform:translateX(0)}}.dashboard .filter .filter-header{display:none}@media(max-width: 768px){.dashboard .filter .filter-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--p-surface-200);background:var(--p-surface-50)}.dashboard .filter .filter-header h3{margin:0;font-size:18px;font-weight:600;color:var(--p-surface-800);font-family:"Open Sans",sans-serif}.dashboard .filter .filter-header .filter-close{background:none;border:none;color:var(--p-surface-600);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.dashboard .filter .filter-header .filter-close:hover{background:var(--p-surface-100);color:var(--p-surface-800)}}.dashboard .filter .filter-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px;align-content:flex-start}@media(max-width: 768px){.dashboard .filter .filter-content{flex:1;padding:20px;grid-template-columns:1fr;gap:20px;overflow-y:auto}}@media(min-width: 1200px){.dashboard .filter .filter-content{grid-template-columns:repeat(4, 1fr)}}.dashboard .filter .filter-actions{margin-top:20px;display:flex;justify-content:flex-end}@media(max-width: 768px){.dashboard .filter .filter-actions{padding:20px;border-top:1px solid var(--p-surface-200);background:var(--p-surface-50);margin-top:0}}.dashboard .filter .filter-actions .btn-search{display:flex;align-items:center;gap:8px;background:var(--p-primary-500);color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:600;font-family:"Open Sans",sans-serif;cursor:pointer;transition:all .2s ease}.dashboard .filter .filter-actions .btn-search:hover{background:var(--p-primary-600);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}@media(max-width: 768px){.dashboard .filter .filter-actions .btn-search{width:100%;justify-content:center;padding:16px;font-size:16px}}.dashboard .filter .filter-actions .btn-search svg{flex-shrink:0}body.filter-open{overflow:hidden}#q1Result{background:var(--p-surface-0);border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid var(--p-surface-200)}#q1Result h3{margin:0 0 20px 0;font-size:16px;font-weight:600;color:var(--p-surface-800);font-family:"Open Sans",sans-serif;text-align:center}#q1Result .stats-container{margin-bottom:20px}#q1Result .stats-container .stats-row{margin-bottom:12px}#q1Result .stats-container .stats-row.totals,#q1Result .stats-container .stats-row.percentuals{display:flex;justify-content:space-between;align-items:center}#q1Result .stats-container .stats-row.totals .stat-item,#q1Result .stats-container .stats-row.percentuals .stat-item{display:flex;flex-direction:column;align-items:center}#q1Result .stats-container .stats-row.totals .stat-item.pago,#q1Result .stats-container .stats-row.percentuals .stat-item.pago{color:var(--p-green-600)}#q1Result .stats-container .stats-row.totals .stat-item.pendente,#q1Result .stats-container .stats-row.percentuals .stat-item.pendente{color:var(--p-orange-600)}#q1Result .stats-container .stats-row.totals .stat-item .value,#q1Result .stats-container .stats-row.percentuals .stat-item .value{font-size:18px;font-weight:700;font-family:"Open Sans",sans-serif}#q1Result .stats-container .stats-row.totals .stat-item .label,#q1Result .stats-container .stats-row.percentuals .stat-item .label{font-size:12px;font-weight:500;text-transform:uppercase;opacity:.8}#q1Result .stats-container .stats-row.progress-bar .progress-container{width:100%;height:8px;background:var(--p-surface-200);border-radius:4px;overflow:hidden;display:flex}#q1Result .stats-container .stats-row.progress-bar .progress-container .progress-bar-fill{height:100%;transition:width .6s cubic-bezier(0.4, 0, 0.2, 1)}#q1Result .stats-container .stats-row.progress-bar .progress-container .progress-bar-fill.pago{background:var(--p-green-500)}#q1Result .stats-container .stats-row.progress-bar .progress-container .progress-bar-fill.pendente{background:var(--p-orange-500)}#q1Result .chart-container{height:120px;position:relative}#q1Result .chart-container canvas{width:100% !important;height:100% !important}.dashboard-content{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}@media(min-width: 992px){.dashboard-content{grid-template-columns:2fr 1fr;gap:32px}}.dashboard-bottom{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}@media(min-width: 992px){.dashboard-bottom{grid-template-columns:2fr 1fr;gap:32px}}#months .chart-container{background:var(--p-surface-0);border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid var(--p-surface-200)}#months .chart-container .chart-title{margin:0 0 16px 0;font-size:16px;font-weight:600;color:var(--p-surface-800);font-family:"Open Sans",sans-serif;text-align:center}@media(max-width: 768px){#months .chart-container .chart-title{font-size:14px;margin-bottom:12px}}#months .chart-container #statusMonthsChart{max-height:300px}@media(max-width: 768px){#months .chart-container #statusMonthsChart{max-height:250px}}#q1Result{background:var(--p-surface-0);border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid var(--p-surface-200);min-height:200px}#q1Result .stats-section .stats-summary{display:flex;justify-content:space-between;margin-bottom:12px}#q1Result .stats-section .stats-summary .stat-item{text-align:center}#q1Result .stats-section .stats-summary .stat-item .stat-label{font-size:12px;font-weight:600;color:var(--p-surface-600);font-family:"Open Sans",sans-serif;text-transform:uppercase;letter-spacing:.5px}#q1Result .stats-section .stats-summary .stat-item .stat-value{font-size:24px;font-weight:700;font-family:"Roboto Mono",monospace;margin-top:4px}#q1Result .stats-section .stats-summary .stat-item .stat-value.paid{color:var(--p-green-600)}#q1Result .stats-section .stats-summary .stat-item .stat-value.pending{color:var(--p-orange-600)}#q1Result .stats-section .progress-bar-wrapper{margin-bottom:12px}#q1Result .stats-section .progress-bar-wrapper .progress-bar{width:100%;height:12px;background:var(--p-surface-200);border-radius:6px;overflow:hidden;display:flex}#q1Result .stats-section .progress-bar-wrapper .progress-bar .progress-paid{background:var(--p-green-500);transition:width .6s ease}#q1Result .stats-section .progress-bar-wrapper .progress-bar .progress-pending{background:var(--p-orange-500);transition:width .6s ease}#q1Result .stats-section .percentage-summary{display:flex;justify-content:space-between}#q1Result .stats-section .percentage-summary .percentage-item{text-align:center}#q1Result .stats-section .percentage-summary .percentage-item .percentage-label{font-size:11px;font-weight:600;color:var(--p-surface-600);font-family:"Open Sans",sans-serif;text-transform:uppercase;letter-spacing:.3px}#q1Result .stats-section .percentage-summary .percentage-item .percentage-value{font-size:18px;font-weight:700;font-family:"Roboto Mono",monospace;margin-top:2px}#q1Result .stats-section .percentage-summary .percentage-item .percentage-value.paid{color:var(--p-green-600)}#q1Result .stats-section .percentage-summary .percentage-item .percentage-value.pending{color:var(--p-orange-600)}#q1Result .stats-section .chart-wrapper{margin-top:16px;height:150px}#q1Result .stats-section .chart-wrapper canvas{width:100% !important;height:100% !important}#parcelas .chart-container{background:var(--p-surface-0);border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid var(--p-surface-200)}#parcelas .chart-container .chart-title{margin:0 0 16px 0;font-size:16px;font-weight:600;color:var(--p-surface-800);font-family:"Open Sans",sans-serif;text-align:center}@media(max-width: 768px){#parcelas .chart-container .chart-title{font-size:14px;margin-bottom:12px}}#parcelas .chart-container #parcelasChart{max-height:300px}@media(max-width: 768px){#parcelas .chart-container #parcelasChart{max-height:250px}}#adimplencia{background:var(--p-surface-0);border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid var(--p-surface-200)}#adimplencia h3{margin:0 0 12px 0;font-size:16px;font-weight:600;color:var(--p-surface-800);font-family:"Open Sans",sans-serif;text-align:center}#adimplencia .stats-container{margin-bottom:12px}#adimplencia .stats-container .stats-row{margin-bottom:8px}#adimplencia .stats-container .stats-row.totals,#adimplencia .stats-container .stats-row.percentuals{display:flex;justify-content:space-between;align-items:center}#adimplencia .stats-container .stats-row.totals .stat-item,#adimplencia .stats-container .stats-row.percentuals .stat-item{display:flex;flex-direction:column;align-items:center}#adimplencia .stats-container .stats-row.totals .stat-item.adimplente,#adimplencia .stats-container .stats-row.percentuals .stat-item.adimplente{color:var(--p-green-600)}#adimplencia .stats-container .stats-row.totals .stat-item.inadimplente,#adimplencia .stats-container .stats-row.percentuals .stat-item.inadimplente{color:var(--p-red-600)}#adimplencia .stats-container .stats-row.totals .stat-item .value,#adimplencia .stats-container .stats-row.percentuals .stat-item .value{font-size:18px;font-weight:700;font-family:"Open Sans",sans-serif}#adimplencia .stats-container .stats-row.totals .stat-item .label,#adimplencia .stats-container .stats-row.percentuals .stat-item .label{font-size:12px;font-weight:500;text-transform:uppercase;opacity:.8}#adimplencia .stats-container .stats-row.progress-bar .progress-container{width:100%;height:8px;background:var(--p-surface-200);border-radius:4px;overflow:hidden;display:flex}#adimplencia .stats-container .stats-row.progress-bar .progress-container .progress-bar-fill{height:100%;transition:width .6s cubic-bezier(0.4, 0, 0.2, 1)}#adimplencia .stats-container .stats-row.progress-bar .progress-container .progress-bar-fill.adimplente{background:var(--p-green-500)}#adimplencia .stats-container .stats-row.progress-bar .progress-container .progress-bar-fill.inadimplente{background:var(--p-red-500)}#adimplencia .chart-container{height:140px;position:relative}#adimplencia .chart-container canvas{width:100% !important;height:100% !important;max-height:140px}@media(max-width: 768px){#adimplencia .chart-container canvas{max-height:120px}}