*{box-sizing:border-box;margin:0;padding:0}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.loading-overlay.active{visibility:visible;opacity:1}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,191,99,.2);border-radius:50%;border-top-color:#00bf63;animation:spin 1s linear infinite;margin-bottom:15px}.loading-text{color:#0a2342;font-weight:500;margin-top:15px;animation:pulse 1.5s infinite ease-in-out}body{font-family:Inter,Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#f5f7fa;color:#2d3748;line-height:1.6}.survey-reporting-container{max-width:1400px;margin:0 auto;padding:2rem;background-color:#fff;box-shadow:0 4px 12px #00000014;border-radius:8px}.reporting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.reporting-header h1{color:#0a2342;font-size:1.8rem;font-weight:600;position:relative}.reporting-header h1:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background-color:#00bf63;border-radius:2px}.reporting-actions{display:flex;gap:12px;align-items:center}.supply-id-input{padding:.75rem 1rem;width:200px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .2s ease}.supply-id-input:focus{outline:none;border-color:#00bf63;box-shadow:0 0 0 3px #00bf6333}button{cursor:pointer;padding:.75rem 1.25rem;border:none;border-radius:6px;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:all .2s ease}.fetch-data-btn{background-color:#00bf63;color:#fff;position:relative}.fetch-data-btn:hover{background-color:#00a857;box-shadow:0 2px 8px #00bf634d}.fetch-data-btn.loading{pointer-events:none;padding-right:2.5rem}.fetch-data-btn.loading .fetch-spinner{display:inline-block}.fetch-spinner{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.refresh-btn{background-color:#3a7ca5;color:#fff;position:relative}.refresh-btn:hover{background-color:#316b8f;box-shadow:0 2px 8px #3a7ca54d}.refresh-btn.loading{pointer-events:none;padding-right:2.5rem}.refresh-btn.loading .refresh-spinner{display:inline-block}.refresh-spinner{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.export-btn{background-color:#0a2342;color:#fff}.export-btn:hover{background-color:#071b36;box-shadow:0 2px 8px #0a23424d}.clear-filters-btn{background-color:#f3f4f6;color:#64748b}.clear-filters-btn:hover{background-color:#e5e7eb;color:#4b5563}button:disabled{background-color:#cbd5e0;cursor:not-allowed;box-shadow:none}.survey-insights{margin-top:2rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.insight-card{background:#fff;padding:1.5rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 2px 8px #0000000f;border-top:4px solid #00bf63;transition:transform .2s ease,box-shadow .2s ease}.insight-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.insight-card:nth-child(2){border-top-color:#3a7ca5}.insight-card:nth-child(3){border-top-color:#0a2342}.insight-card:nth-child(4){border-top-color:#e69b00}.insight-label{font-size:.85rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.insight-value{font-size:2rem;font-weight:700;color:#0a2342}.survey-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.date-filter{display:flex;flex-direction:column;gap:5px}.date-filter label{font-size:.85rem;font-weight:500;color:#64748b}.date-filter input[type=date],.search-filter input[type=text]{padding:.65rem 1rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;transition:all .2s ease}.date-filter input[type=date]:focus,.search-filter input[type=text]:focus{outline:none;border-color:#00bf63;box-shadow:0 0 0 3px #00bf6333}.search-filter{flex-grow:1}.search-filter input[type=text]{width:100%}.tab-navigation{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.tab-button{background:transparent;color:#64748b;padding:.75rem 1.5rem;font-weight:500;border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:6px 6px 0 0}.tab-button:hover{color:#0a2342;background-color:#f8fafc}.tab-button.active{color:#00bf63;border-bottom-color:#00bf63;font-weight:600}.survey-results{overflow-x:auto;margin-bottom:2rem}table{width:100%;border-collapse:collapse;font-size:.9rem}thead tr{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}th{padding:1rem;text-align:left;font-weight:600;color:#4b5563;position:sticky;top:0;z-index:1;background-color:#f8fafc}tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}tbody tr:hover{background-color:#f1f5f9}td{padding:1rem;color:#4b5563}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-complete{background-color:#00bf6326;color:#00894a}.status-terminated{background-color:#e53e3e26;color:#c53030}.status-quality{background-color:#f6ad5526;color:#c05621}.status-overquota{background-color:#3a7ca526;color:#2c5282}.status-unknown{background-color:#a0aec026;color:#4a5568}.error-message{background-color:#e53e3e1a;color:#e53e3e;padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-weight:500;border-left:4px solid #e53e3e}.no-results{text-align:center;padding:3rem;color:#64748b;background-color:#f8fafc;border-radius:8px;font-weight:500}.charts-container{margin-top:1.5rem}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.chart-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000f}.chart-card.wide{grid-column:1 / -1}.chart-card h3{margin-bottom:1rem;color:#0a2342;font-size:1.1rem;font-weight:600}.chart-container{height:300px;margin-bottom:1rem}.chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:6px;font-size:.85rem}.legend-color{width:12px;height:12px;border-radius:3px}@media (max-width: 768px){.reporting-header{flex-direction:column;align-items:flex-start;gap:1rem}.reporting-actions{width:100%;flex-wrap:wrap}.supply-id-input{width:100%}.survey-filters{flex-direction:column}.date-filter{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.survey-insights{animation:fadeIn .4s ease-out}.insight-card{animation:fadeIn .4s ease-out;animation-fill-mode:both}.insight-card:nth-child(1){animation-delay:.1s}.insight-card:nth-child(2){animation-delay:.2s}.insight-card:nth-child(3){animation-delay:.3s}.insight-card:nth-child(4){animation-delay:.4s}