.App{min-height:100vh;background-color:#f8f9fa}.App main{padding-top:2rem}.navigation{background-color:#343a40;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.navigation .container{display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.navigation h1{margin:0;font-size:1.5rem}.navigation nav{display:flex;gap:1rem}.navigation nav a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.navigation nav a:hover,.navigation nav a.active{background-color:#ffffff1a}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.page-header h1{margin:0;color:#343a40;font-size:1.5rem}.page{padding:0 2rem;max-width:1200px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 8px #00000026}.btn{display:inline-block;padding:.5rem 1rem;border:1px solid transparent;border-radius:4px;font-size:.875rem;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease;background:none}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62;border-color:#545b62}.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838;border-color:#1e7e34}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333;border-color:#c82333}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.form-container{max-width:min(800px,90vw);margin:0 auto;width:100%}.form{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#343a40}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-blue{background-color:#e3f2fd;color:#1565c0}.status-orange{background-color:#fff3e0;color:#ef6c00}.status-purple{background-color:#f3e5f5;color:#7b1fa2}.status-green{background-color:#e8f5e8;color:#2e7d32}.status-red{background-color:#ffebee;color:#c62828}.status-gray{background-color:#f5f5f5;color:#616161}.filters-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.filters-row{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.search-container{flex:1;min-width:300px}.filter-controls{display:flex;gap:.75rem;align-items:center}.filter-select{padding:.5rem .75rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;background-color:#fff;min-width:150px}.filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.search-bar{position:relative}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;width:1rem;height:1rem;color:#6c757d;z-index:1}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.search-clear{position:absolute;right:.75rem;background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:2px;display:flex;align-items:center;justify-content:center}.search-clear:hover{color:#495057;background-color:#f8f9fa}.search-clear svg{width:1rem;height:1rem}.data-table{width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.data-table table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.375rem .75rem;text-align:left;border-bottom:1px solid #dee2e6;font-size:.875rem;line-height:1.3}.data-table th{background-color:#f8f9fa;font-weight:600;color:#495057;padding:.5rem .75rem}.data-table tbody tr:hover{background-color:#f8f9fa}.response-selector{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.response-panel{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;height:500px;display:flex;flex-direction:column}.response-panel h3{margin:0 0 1rem;color:#343a40;border-bottom:1px solid #dee2e6;padding-bottom:.5rem}.response-list{flex:1;overflow-y:auto;margin-top:1rem}.response-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:1rem;margin-bottom:.75rem;transition:all .2s ease}.response-card:hover{background-color:#e9ecef;border-color:#3498db}.response-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.response-text{color:#343a40;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.response-meta{display:flex;gap:.5rem;font-size:.75rem;color:#6c757d}.selected-response-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:1rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:flex-start}.selected-response-content{flex:1}.selected-response-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.order-badge{background:#6c757d;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.selected-response-actions{display:flex;gap:.5rem;align-items:center}.empty-state{text-align:center;padding:3rem;color:#6c757d}.empty-state h3{margin-bottom:1rem;color:#6c757d}.loading{text-align:center;padding:3rem;color:#6c757d;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.page{padding:0 1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-row{flex-direction:column;align-items:stretch;gap:1rem}.search-container{min-width:auto}.filter-controls{flex-wrap:wrap;justify-content:space-between}.filter-select{min-width:120px;flex:1}.response-selector{display:flex;flex-direction:column;gap:1rem}.response-panel{height:300px}.form-container{max-width:none}}@media (max-width: 480px){.page{padding:0 .5rem}.response-panel{padding:1rem;height:250px}.btn{padding:.375rem .75rem;font-size:.75rem}}