.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.q-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.q-card{background:var(--surface,#fff);border:1px solid var(--gray-150,#e8e8f0);border-radius:var(--radius-xl,16px);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .18s,transform .18s,border-color .18s;position:relative}.q-card:before{content:"";display:block;height:3px;background:linear-gradient(90deg,#8b5cf6,#c4b5fd)}.q-card:hover{box-shadow:0 6px 24px #8b5cf621;transform:translateY(-2px);border-color:#c4b5fd}.q-card-body{padding:.875rem 1.125rem .75rem;flex:1}.q-card-name{font-size:.9375rem;font-weight:700;color:var(--gray-900);line-height:1.35;margin:0 0 .25rem;padding-right:3.5rem}.q-card-desc{font-size:.8125rem;color:var(--gray-500);line-height:1.5;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.q-card-status{position:absolute;top:.875rem;right:.875rem}.q-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.125rem .75rem;gap:.5rem}.q-card-meta{display:flex;gap:.375rem;align-items:center;flex-wrap:wrap}.q-card-cta{font-size:.75rem;font-weight:700;color:#7c3aed;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:#0000007a;display:flex;align-items:flex-start;justify-content:center;z-index:500;padding:1.5rem 1rem;overflow-y:auto}.detail-card{max-width:580px;width:100%;padding:0;overflow:hidden;max-height:calc(100vh - 3rem);display:flex;flex-direction:column}.resp-modal-card{width:100%;max-width:900px;padding:0;overflow:hidden;max-height:calc(100vh - 3rem);display:flex;flex-direction:column}.resp-modal-header{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100);flex-shrink:0}.resp-body{display:grid;grid-template-columns:280px 1fr;flex:1;overflow:hidden}@media(max-width:640px){.resp-body{grid-template-columns:1fr}.resp-detail-panel,.resp-body.detail-open .resp-list-panel{display:none}.resp-body.detail-open .resp-detail-panel{display:flex;flex-direction:column}}.resp-list-panel{border-right:1px solid var(--gray-100);overflow-y:auto}.resp-detail-panel{display:flex;flex-direction:column;background:var(--gray-50)}.resp-item{display:flex;gap:.75rem;align-items:flex-start;padding:.875rem 1.125rem;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .15s}.resp-item:hover{background:var(--primary-subtle,rgba(99,102,241,.05))}.resp-item.active{background:var(--primary-subtle,rgba(99,102,241,.08));border-left:3px solid var(--primary)}.resp-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.resp-item-info{flex:1;min-width:0}.resp-item-name{font-size:.875rem;font-weight:700;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resp-item-email{font-size:.75rem;color:var(--gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.1rem}.resp-item-date{font-size:.6875rem;color:var(--gray-400);margin-top:.25rem}.resp-ans-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);background:var(--surface);flex-shrink:0}.resp-ans-name{font-size:1rem;font-weight:800;color:var(--gray-900)}.resp-ans-email{font-size:.8125rem;color:var(--gray-400);margin-top:.2rem}.resp-ans-date{font-size:.75rem;color:var(--gray-400);margin-top:.2rem}.resp-ans-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.ans-row{margin-bottom:1.25rem}.ans-q{font-size:.8125rem;font-weight:600;color:var(--gray-500);margin-bottom:.375rem;line-height:1.4}.ans-v{font-size:.9375rem;color:var(--gray-800);line-height:1.5}.ans-badge{display:inline-block;padding:.2rem .625rem;border-radius:99px;font-size:.8125rem;font-weight:700}.ans-badge.scale-1,.ans-badge.scale-2{background:#fee2e2;color:#b91c1c}.ans-badge.scale-3{background:#fef9c3;color:#854d0e}.ans-badge.scale-4,.ans-badge.scale-5,.ans-badge.yes{background:#dcfce7;color:#166534}.ans-badge.no{background:#fee2e2;color:#b91c1c}.detail-header{display:flex;gap:1rem;align-items:flex-start;padding:1.375rem 1.5rem 1.125rem;border-bottom:1px solid var(--gray-100);flex-shrink:0}.detail-section-label{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:.75rem}.detail-actions{display:flex;gap:.625rem;justify-content:flex-end;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--gray-100);background:var(--gray-50);flex-shrink:0;flex-wrap:wrap}.detail-action-btn.danger:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.q-view-item{background:var(--gray-50);border:1px solid var(--gray-150,#e8e8f0);border-radius:var(--radius-lg,10px);padding:.75rem .875rem;display:flex;flex-direction:column;gap:.375rem}.q-view-num{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7c3aed}.q-view-text{font-size:.9rem;font-weight:600;color:var(--gray-800);line-height:1.45}.q-view-type{font-size:.6875rem;color:var(--gray-400);display:flex;align-items:center;gap:.375rem}.q-type-chip{background:#ede9fe;color:#6d28d9;font-size:.6875rem;font-weight:700;padding:.125rem .5rem;border-radius:99px}.q-options-list{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.q-option-chip{font-size:.75rem;background:var(--gray-100);color:var(--gray-600);padding:.2rem .55rem;border-radius:99px;font-weight:600}.question-row{background:var(--gray-50);border:1px solid var(--gray-150,#e8e8f0);border-radius:var(--radius-lg,10px);padding:.875rem}.modal-card{padding:1.5rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-header h2{font-size:1.125rem;font-weight:700}.modal-close{width:32px;height:32px;border-radius:var(--radius-full);font-size:1.25rem;color:var(--gray-500);display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:background .15s}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--gray-700);margin-bottom:.375rem}.form-input{width:100%;padding:.575rem .8rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-lg,10px);font-size:.9rem;color:var(--gray-800);background:var(--surface);transition:border-color .15s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary,#6366f1)}.form-input::placeholder{color:var(--gray-400)}