.period-selector{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;margin-bottom:24px;padding:20px}.period-selector-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.period-selector-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.period-quick-buttons{flex-wrap:wrap;gap:8px;display:flex}.period-quick-btn{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.period-quick-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.period-inputs{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.period-input-group{flex-direction:column;gap:6px;display:flex}.period-input-group label{color:var(--text-secondary);font-size:12px;font-weight:500}.period-input{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;padding:8px 12px;font-size:14px}.period-input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.period-apply-btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:10px;font-weight:600;transition:all .2s}.period-apply-btn:hover{background:var(--brand-primary-dark);transform:translateY(-2px)}.period-selector-comparacao .period-inputs-comparacao{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px;display:grid}.period-column{flex-direction:column;gap:8px;display:flex}.period-column h4{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.period-input-group{align-items:center;gap:8px;display:flex}.period-input-group input{flex:1}.period-separator{color:var(--text-tertiary);font-size:12px}.dre-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.dre-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:20px;position:relative;overflow:hidden}.dre-card:before{content:"";opacity:.5;background:linear-gradient(90deg,currentColor,#0000);height:3px;position:absolute;top:0;left:0;right:0}.dre-card-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.dre-card-icon{font-size:24px}.dre-card-title{color:var(--text-secondary);margin:0;font-size:13px;font-weight:600}.dre-card-value{margin-bottom:8px;font-size:24px;font-weight:700}.dre-card-variation{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.dre-variation-arrow{font-size:14px}.chart-container{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;margin-bottom:24px;padding:20px}.chart-title{color:var(--text-primary);margin:0 0 16px;font-size:14px;font-weight:600}.chart-empty{min-height:300px;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:14px;display:flex}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px;display:grid}.charts-grid-full{grid-template-columns:1fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}.margin-gauge{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.gauge-title{color:var(--text-primary);font-size:14px;font-weight:600}.gauge-svg{max-width:100%;height:auto}.gauge-value{font-size:28px;font-weight:700}.gauge-status{color:var(--text-secondary);font-size:12px;font-weight:600}.export-buttons{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.export-btn{border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.export-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translateY(-2px)}.export-pdf:hover{background:#d1251c;border-color:#d1251c}.export-excel:hover{background:#1f7145;border-color:#1f7145}.export-csv:hover{background:#06c;border-color:#06c}.export-print:hover{background:#666;border-color:#666}.dre-table-container{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;margin-bottom:24px;padding:20px}.dre-table-title{color:var(--text-primary);margin:0 0 16px;font-size:14px;font-weight:600}.dre-table-wrapper{overflow-x:auto}.dre-table{border-collapse:collapse;width:100%;font-size:13px}.dre-table thead{background:var(--bg-primary);border-bottom:2px solid var(--border-default)}.dre-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:12px;font-size:11px;font-weight:600}.dre-table tbody tr{border-bottom:1px solid var(--border-default);transition:background-color .2s}.dre-table tbody tr:hover{background:var(--bg-primary)}.dre-table td{color:var(--text-primary);padding:12px}.table-codigo{color:var(--brand-primary);font-family:Monaco,Courier New,monospace;font-weight:600}.table-nome{font-weight:500}.table-total{background:var(--bg-primary);border-top:2px solid var(--border-default);font-weight:700}.table-empty{min-height:200px;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:14px;display:flex}.expand-btn{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;transition:all .2s}.expand-btn:hover{transform:scale(1.2)}.categoria-header td{background:var(--bg-primary);padding:0!important}.categorias-list{flex-direction:column;gap:8px;padding:12px;display:flex}.categoria-item{background:var(--bg-surface);border-radius:6px;grid-template-columns:1fr auto auto;gap:12px;padding:8px;font-size:12px;display:grid}.categoria-nome{color:var(--text-secondary)}.categoria-valor{text-align:right;color:var(--text-primary);min-width:100px;font-weight:600}.page-header{margin-bottom:24px}.page-title{color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.skeleton-loader{background:linear-gradient(90deg, var(--bg-primary) 25%, var(--bg-surface) 50%, var(--bg-primary) 75%);background-size:200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border-radius:12px;height:150px}.skeleton-chart{border-radius:12px;height:350px}@media (width<=768px){.period-selector-header{flex-direction:column;align-items:flex-start}.period-inputs{grid-template-columns:1fr}.period-inputs-comparacao{grid-template-columns:1fr!important}.dre-cards-grid{grid-template-columns:1fr}.export-buttons{flex-direction:column}.export-btn{width:100%}.chart-container{padding:12px}.dre-table{font-size:11px}.dre-table td,.dre-table th{padding:8px}}@media print{.period-selector,.export-buttons,.expand-btn{display:none}.chart-container,.dre-table-container{page-break-inside:avoid;border:1px solid #ccc}}.relatorios-page{max-width:1400px;margin:0 auto;padding:24px}.error-banner{background:var(--error-color);color:#fff;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.loading-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.empty-state{background:var(--bg-surface);border:2px dashed var(--border-default);text-align:center;color:var(--text-tertiary);border-radius:12px;padding:60px 40px}.empty-state-icon{margin-bottom:16px;font-size:48px;display:block}.empty-state-title{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state-text{margin:0;font-size:13px}.comparacao-container{grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;margin-bottom:24px;display:grid}.comparacao-periodo{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:20px}.comparacao-periodo h3{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.comparacao-variacao{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:12px;min-width:180px;padding:20px}.comparacao-variacao h3{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.variacao-summary{flex-direction:column;gap:12px;display:flex}.variacao-item{background:var(--bg-surface);border-left:3px solid var(--brand-primary);border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.variacao-item span:first-child{color:var(--text-secondary);font-size:12px;font-weight:500}.variacao-value{color:var(--brand-primary);font-size:16px;font-weight:700}.tendencia-selector,.tipo-selector{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;margin-bottom:20px;padding:16px}.selector-group{align-items:center;gap:16px;display:flex}.selector-group label{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:600}.selector-buttons{flex-wrap:wrap;gap:8px;display:flex}.selector-btn{border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.selector-btn:hover{background:var(--bg-surface);border-color:var(--brand-primary)}.selector-btn.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.tendencia-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.tendencia-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.card-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.card-value{color:var(--brand-primary);font-size:20px;font-weight:700}.card-meta{color:var(--text-tertiary);font-size:11px;font-style:italic}.tendencia-table-container{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:20px}.tendencia-table-container h3{color:var(--text-primary);margin:0 0 16px;font-size:14px;font-weight:600}.tendencia-table-wrapper{overflow-x:auto}.tendencia-table{border-collapse:collapse;width:100%;font-size:12px}.tendencia-table thead{background:var(--bg-primary);border-bottom:2px solid var(--border-default)}.tendencia-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:12px;font-size:11px;font-weight:600}.tendencia-table tbody tr{border-bottom:1px solid var(--border-default)}.tendencia-table tbody tr:hover{background:var(--bg-primary)}.tendencia-table td{color:var(--text-primary);padding:12px}.mes-cell{color:var(--brand-primary);font-weight:600}.resultado-cell{font-weight:700}.variacao-cell{text-align:center;font-weight:600}.variacao-cell.positive{color:var(--success-color)}.variacao-cell.negative{color:var(--error-color)}.detalhe-summary{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-bottom:24px;padding:20px;display:grid}.summary-card{align-items:center;gap:16px;display:flex}.summary-icon{font-size:40px}.summary-content{flex-direction:column;gap:4px;display:flex}.summary-title{color:var(--text-secondary);text-transform:uppercase;margin:0;font-size:13px;font-weight:500}.summary-value{color:var(--brand-primary);font-size:28px;font-weight:700}.summary-percent{color:var(--text-tertiary);font-size:12px}.summary-meta{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.meta-item{text-align:right;flex-direction:column;gap:4px;display:flex}.meta-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.meta-value{color:var(--text-primary);font-size:14px;font-weight:700}.categorias-breakdown{margin-top:24px}.categorias-breakdown h3{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.categorias-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.categoria-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:16px}.categoria-card h4{color:var(--brand-primary);margin:0 0 12px;font-size:13px;font-weight:600}.categoria-items{flex-direction:column;gap:8px;display:flex}.categoria-row{background:var(--bg-primary);border-radius:6px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:8px;font-size:12px;display:grid}.categoria-label{color:var(--text-secondary)}.categoria-valor{text-align:right;min-width:80px;font-weight:600}.categoria-percent{text-align:right;color:var(--text-tertiary);min-width:50px}.tables-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px;display:grid}.tables-grid>div h3{color:var(--text-primary);margin:0 0 16px;font-size:14px;font-weight:600}.chart-wrapper{width:100%}@media (width<=1024px){.comparacao-container{grid-template-columns:1fr;gap:16px}.comparacao-variacao{min-width:auto}.detalhe-summary,.summary-meta,.tables-grid{grid-template-columns:1fr}}@media (width<=768px){.relatorios-page{padding:12px}.selector-group{flex-direction:column;align-items:flex-start}.selector-buttons{width:100%}.selector-btn{flex:1;min-width:100px}.tendencia-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.categorias-grid{grid-template-columns:1fr}.detalhe-summary{padding:12px}.summary-meta{gap:8px}}