.survey-reporting-container{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f8fafc;min-height:100vh}.reporting-header{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.reporting-header h1{margin:0;color:#1e293b;font-size:28px;font-weight:700}.reporting-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.supply-id-input{padding:10px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:200px;transition:border-color .2s ease}.supply-id-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.fetch-data-btn,.refresh-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.fetch-data-btn{background-color:#3b82f6;color:#fff}.fetch-data-btn:hover:not(:disabled){background-color:#2563eb}.fetch-data-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.refresh-btn{background-color:#10b981;color:#fff}.refresh-btn:hover:not(:disabled){background-color:#059669}.refresh-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.survey-insights{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background-color:#e2e8f0}.insight-card{background:#fff;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:background-color .2s ease}.insight-card:hover{background-color:#f8fafc}.insight-label{font-size:14px;color:#64748b;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.insight-value{font-size:32px;font-weight:700;color:#1e293b}.survey-filters{padding:24px;border-top:1px solid #e2e8f0}.filters-row{display:flex;align-items:end;gap:20px;margin-bottom:16px;flex-wrap:wrap}.filters-row:last-child{margin-bottom:0}.date-filter,.status-filter,.search-filter,.clear-filter,.export-filter{display:flex;flex-direction:column;gap:6px;min-width:150px}.date-filter label,.status-filter label,.search-filter label,.clear-filter label,.export-filter label{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.date-filter input,.status-filter select,.search-filter input{padding:8px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s ease}.date-filter input:focus,.status-filter select:focus,.search-filter input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.status-select{min-width:160px}.clear-filters-btn,.export-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.clear-filters-btn{background-color:#ef4444;color:#fff}.clear-filters-btn:hover{background-color:#dc2626}.export-btn{background-color:#8b5cf6;color:#fff}.export-btn:hover{background-color:#7c3aed}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:16px;border-radius:8px;margin:16px 24px;font-weight:500}.survey-results{padding:24px;border-top:1px solid #e2e8f0}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}thead{background-color:#f8fafc}th{padding:16px 12px;text-align:left;font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}td{padding:14px 12px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151}tr:hover{background-color:#f8fafc}tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-complete{background-color:#dcfce7;color:#166534}.status-incomplete{background-color:#fef3c7;color:#92400e}.status-terminated{background-color:#fecaca;color:#991b1b}.status-quotafull{background-color:#e0e7ff;color:#3730a3}.status-overquota{background-color:#fde68a;color:#92400e}.status-other{background-color:#f1f5f9;color:#475569}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin:24px 0;flex-wrap:wrap;gap:16px}.pagination-info{display:flex;align-items:center;gap:20px;font-size:14px;color:#64748b}.items-per-page{display:flex;align-items:center;gap:8px}.items-per-page-select{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{padding:8px 12px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px}.pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#9ca3af}.pagination-btn:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.pagination-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-btn.active:hover{background-color:#2563eb;border-color:#2563eb}.no-results{text-align:center;padding:48px 24px;color:#64748b;font-size:16px;font-weight:500}@media (max-width: 768px){.survey-reporting-container{padding:16px}.reporting-header{flex-direction:column;align-items:stretch;text-align:center}.reporting-actions{justify-content:center}.supply-id-input{min-width:100%}.insights-grid{grid-template-columns:1fr}.filters-row{flex-direction:column;align-items:stretch}.date-filter,.status-filter,.search-filter,.clear-filter,.export-filter{min-width:100%}.pagination-container{flex-direction:column;align-items:stretch;text-align:center}.pagination-controls{justify-content:center;flex-wrap:wrap}table{font-size:12px}th,td{padding:8px 6px}}@media (max-width: 640px){table{display:block;overflow-x:auto;white-space:nowrap}}