.reporting-container{padding:20px;max-width:1400px;margin:0 auto}.reporting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.reporting-header h2{margin:0;font-size:24px;color:#333}.reporting-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.date-range-picker{display:flex;gap:10px;align-items:center}.date-range-picker label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#666}.date-range-picker input[type=date]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.btn-refresh,.btn-export{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-refresh:hover,.btn-export:hover{background-color:#0056b3}.btn-export{background-color:#28a745}.btn-export:hover{background-color:#218838}.report-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;align-items:center}.card-icon{font-size:36px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px}.card-content{flex:1}.card-value{font-size:28px;font-weight:700;color:#333;margin-bottom:5px}.card-label{font-size:14px;color:#666;margin-bottom:5px}.card-change{font-size:12px;padding:2px 8px;border-radius:4px;display:inline-block}.card-change.positive{background-color:#d4edda;color:#155724}.card-change.negative{background-color:#f8d7da;color:#721c24}.card-change.neutral{background-color:#d1ecf1;color:#0c5460}.reporting-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0;overflow-x:auto;padding-bottom:5px}.reporting-tabs button{padding:10px 20px;background:none;border:none;cursor:pointer;font-size:14px;color:#666;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.reporting-tabs button:hover{color:#007bff}.reporting-tabs button.active{color:#007bff;border-bottom-color:#007bff;font-weight:600}.reporting-content{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.report-tab{display:flex;flex-direction:column;gap:30px}.report-section{margin-bottom:20px}.report-section h3{margin:0 0 20px;font-size:18px;color:#333}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.metric-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.metric-label{font-size:12px;color:#666;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:32px;font-weight:700;color:#333;margin-bottom:5px}.metric-change{font-size:12px;padding:3px 8px;border-radius:4px;display:inline-block}.metric-change.positive{background-color:#d4edda;color:#155724}.metric-change.negative{background-color:#f8d7da;color:#721c24}.metric-change.neutral{background-color:#d1ecf1;color:#0c5460}.data-table{overflow-x:auto;margin-top:20px}.data-table table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.data-table td{padding:12px;border-bottom:1px solid #e0e0e0}.data-table tr:hover{background-color:#f8f9fa}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.success{background-color:#d4edda;color:#155724}.status-badge.warning{background-color:#fff3cd;color:#856404}.status-badge.error{background-color:#f8d7da;color:#721c24}.status-badge.info{background-color:#d1ecf1;color:#0c5460}.loading-message,.no-data-message,.no-permission-message{text-align:center;padding:60px 20px;color:#666}.loading-message{font-size:18px}.no-data-message p,.no-permission-message p{margin:10px 0;color:#666}.no-permission-message h3{color:#dc3545;margin-bottom:10px}@media (max-width: 768px){.reporting-header{flex-direction:column;align-items:flex-start}.reporting-controls,.date-range-picker{width:100%;flex-direction:column}.date-range-picker label,.date-range-picker input[type=date]{width:100%}.report-summary-cards{grid-template-columns:1fr}.reporting-tabs{overflow-x:scroll}.reporting-content{padding:15px}.metrics-grid{grid-template-columns:1fr}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px}}.recharts-wrapper{margin:20px 0}.recharts-surface{overflow:visible}@media print{.reporting-header,.reporting-tabs,.btn-refresh,.btn-export{display:none}.reporting-content{box-shadow:none}.report-summary-cards,.report-section{page-break-inside:avoid}}.dark .reporting-container{background-color:#111827}.dark .reporting-header h2{color:#f3f4f6}.dark .date-range-picker label{color:#9ca3af}.dark .date-range-picker input[type=date]{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.dark .date-range-picker input[type=date]:focus{border-color:#60a5fa;outline:none}.dark .summary-card{background:#1f2937;box-shadow:0 2px 4px #0000004d}.dark .card-icon{background:#374151}.dark .card-value{color:#f3f4f6}.dark .card-label{color:#9ca3af}.dark .card-change.positive{background-color:#22c55e33;color:#86efac}.dark .card-change.negative{background-color:#ef444433;color:#fca5a5}.dark .card-change.neutral{background-color:#3b82f633;color:#93c5fd}.dark .reporting-tabs{border-bottom-color:#374151}.dark .reporting-tabs button{color:#9ca3af}.dark .reporting-tabs button:hover{color:#60a5fa}.dark .reporting-tabs button.active{color:#60a5fa;border-bottom-color:#60a5fa}.dark .reporting-content{background:#1f2937;box-shadow:0 2px 4px #0000004d}.dark .report-section h3{color:#f3f4f6}.dark .metric-card{background:#374151}.dark .metric-label{color:#9ca3af}.dark .metric-value{color:#f3f4f6}.dark .metric-change.positive{background-color:#22c55e33;color:#86efac}.dark .metric-change.negative{background-color:#ef444433;color:#fca5a5}.dark .metric-change.neutral{background-color:#3b82f633;color:#93c5fd}.dark .data-table,.dark .data-table table{background:#1f2937}.dark .data-table th{background:#374151;color:#f3f4f6;border-bottom-color:#4b5563}.dark .data-table td{color:#f3f4f6;border-bottom-color:#4b5563}.dark .data-table tr:hover{background-color:#374151}.dark .status-badge.success{background-color:#22c55e33;color:#86efac}.dark .status-badge.warning{background-color:#f59e0b33;color:#fcd34d}.dark .status-badge.error{background-color:#ef444433;color:#fca5a5}.dark .status-badge.info{background-color:#3b82f633;color:#93c5fd}.dark .loading-message,.dark .no-data-message,.dark .no-permission-message,.dark .no-data-message p,.dark .no-permission-message p{color:#9ca3af}.dark .no-permission-message h3{color:#fca5a5}.dark .recharts-cartesian-grid-horizontal line,.dark .recharts-cartesian-grid-vertical line{stroke:#374151}.dark .recharts-text{fill:#9ca3af}.dark .recharts-legend-item-text{color:#f3f4f6!important}.dark .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:#1f2937!important;border-color:#4b5563!important}.dark .recharts-tooltip-label,.dark .recharts-tooltip-item{color:#f3f4f6!important}.dark .btn-refresh,.dark .btn-export{background-color:#3b82f6}.dark .btn-refresh:hover{background-color:#2563eb}.dark .btn-export{background-color:#22c55e}.dark .btn-export:hover{background-color:#16a34a}.dark .overflow-x-auto{background:transparent}