@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #0085FF;--primary-dark: #006fd6;--primary-light: #E8F3FF;--success: #33C481;--success-light: #E8F9F0;--error: #FD5995;--error-light: #fff4f7;--bg-page: #F4F4F4;--bg-panel: #FFFFFF;--border: #CFD1D2;--border-light: #E1E1E1;--text-primary: #111827;--text-secondary: #6B7280;--text-label: #2F384C;--radius-card: 1.25rem;--radius-btn: 8px;--shadow-panel: 0px 10px 15px 0px rgba(0, 0, 0, .08);--font: "Outfit", serif}.page{width:100%;min-height:100%;padding:24px 16px;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;font-family:var(--font)}.panel{width:100%;max-width:1400px;background:var(--bg-panel);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);overflow:hidden;margin-bottom:40px}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 24px;border-bottom:1px solid var(--border-light)}.toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel-title{font-size:18px;font-weight:500;color:var(--text-primary);font-family:var(--font);margin:0}.token-warn{font-size:12px;color:var(--error);font-family:var(--font)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:var(--radius-btn);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,opacity .15s;padding:0 16px;white-space:nowrap;letter-spacing:.01em}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline-green{background:#fff;color:var(--success);border-color:var(--success)}.btn-outline-green:hover:not(:disabled){background:var(--success-light)}.btn-outline-blue{background:#fff;color:var(--primary);border-color:var(--primary)}.btn-outline-blue:hover:not(:disabled){background:var(--primary-light)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-page)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.q-table{width:100%;border-collapse:collapse;font-family:var(--font);font-size:14px}.q-table thead tr{background:#fff;border-bottom:1px solid var(--border-light)}.q-table th{padding:12px 16px;text-align:left;font-size:16px;font-weight:500;color:#000;white-space:nowrap;-webkit-user-select:none;user-select:none}.q-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .1s}.q-table tbody tr:last-child{border-bottom:none}.q-table tbody tr:hover{background:#fafafa}.q-table td{padding:12px 16px;color:var(--text-primary);vertical-align:top;line-height:1.5;cursor:default}.col-num{width:52px;min-width:52px}.col-question{min-width:220px}.col-answer{min-width:160px}.td-num{text-align:center;color:var(--text-secondary);font-size:13px}.td-question{font-weight:400;color:var(--text-label)}.answer-cell{display:flex;flex-direction:column;gap:5px}.answer-main-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.answer-main{font-size:14px;color:var(--text-primary);font-weight:400}.answer-points{font-size:11px;font-weight:600;color:var(--success);background:var(--success-light);border-radius:999px;padding:1px 7px;white-space:nowrap;flex-shrink:0}.cell-empty{color:#d1d5db;font-size:14px}.answer-alts{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px}.alt-label{font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;width:100%;margin-bottom:2px}.alt-chip{display:inline-block;background:#e8f3ff;color:var(--primary);border-radius:999px;padding:1px 10px;font-size:12px;font-weight:400;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.skeleton{display:block;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px;height:14px}.skeleton-sm{width:24px}.skeleton-md{width:100%;max-width:140px}.skeleton-lg{width:100%;max-width:260px}.skeleton-xs{width:60%;max-width:90px;height:11px}.skeleton-row td{padding-top:16px;padding-bottom:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table-state{text-align:center;padding:56px 24px!important}.state-inner{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);font-family:var(--font)}.state-sub{font-size:12px;color:#d1d5db}.col-actions{width:80px;min-width:80px}.td-actions{vertical-align:middle}.action-btns{display:flex;align-items:center;gap:6px;justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;cursor:pointer;background:transparent;transition:background .15s,border-color .15s,color .15s}.action-btn-edit{color:var(--primary);border-color:var(--primary)}.action-btn-edit:hover{background:var(--primary-light)}.action-btn-delete{color:var(--error);border-color:var(--error)}.action-btn-delete:hover{background:var(--error-light)}.modal-sm{max-width:360px;background:#f4f4f4}.delete-modal-icon{display:flex;justify-content:center;padding-top:32px}.delete-icon-circle{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--error);color:#fff}.delete-modal-body{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 32px 28px;text-align:center}.delete-modal-title{font-size:18px;font-weight:600;color:var(--error);font-family:var(--font);margin:0}.delete-modal-desc{font-size:14px;color:var(--text-secondary);font-family:var(--font);margin:0}.delete-modal-actions{display:flex;gap:8px;margin-top:8px}.btn-danger-solid{background:var(--error);color:#fff;border-color:var(--error)}.btn-danger-solid:hover:not(:disabled){background:#e0326e;border-color:#e0326e}.modal.modal-lg{max-width:calc(100% - 32px)!important;width:calc(100% - 32px)!important}.edit-question-block{width:100%;box-sizing:border-box}.modal-body-scroll{max-height:calc(100% - 200px);overflow-y:auto}.edit-field{display:flex;flex-direction:column;gap:5px}.edit-field-row{display:flex;gap:10px}.edit-label{font-size:12px;font-weight:600;color:var(--text-label);font-family:var(--font)}.edit-hint{font-weight:400;color:var(--text-secondary)}.required-star{color:var(--primary);margin-left:2px}.edit-input,.edit-textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;font-family:var(--font);color:var(--text-primary);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.edit-input:focus,.edit-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0085ff1a}.edit-textarea{resize:vertical;min-height:72px}.edit-answers-title{font-size:13px;font-weight:600;color:var(--text-label);font-family:var(--font);margin-top:4px}.edit-answers-hint{font-size:12px;font-weight:400;color:var(--text-secondary)}.edit-answers-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:14px}.edit-answer-card{background:#fff;border:1px solid var(--border-light);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.edit-answer-points-row{display:flex;flex-direction:column;gap:5px}.edit-answer-points-input{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:400;font-family:var(--font);color:var(--text-primary);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.edit-answer-points-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0085ff1a}.edit-answer-badge{font-size:11px;font-weight:700;color:var(--primary);background:var(--primary-light);border-radius:999px;padding:2px 10px;width:fit-content;font-family:var(--font)}.import-warn{background:#fff8e8;border:1px solid #F5C842;border-radius:8px;padding:10px 14px;font-size:13px;color:#7a5c00;font-family:var(--font);line-height:1.5}.table-footer{padding:12px 20px;border-top:1px solid var(--border-light);background:#fafafa}.footer-count{font-size:13px;color:var(--text-secondary);font-family:var(--font)}.footer-count strong{color:var(--text-primary);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.modal{background:#f4f4f4;border-radius:var(--radius-card);box-shadow:0 20px 40px #0000001f;width:100%;max-width:520px;display:flex;flex-direction:column;max-height:calc(100% - 48px);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 30px 16px;border-bottom:1px solid var(--border)}.modal-title{font-size:16px;font-weight:500;color:var(--text-primary);font-family:var(--font)}.modal-close{background:none;border:none;font-size:16px;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;line-height:1;transition:color .15s;opacity:.7}.modal-close:hover:not(:disabled){color:var(--text-primary);opacity:1}.modal-close:disabled{opacity:.35;cursor:not-allowed}.modal-body{padding:20px 30px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.modal-desc{font-size:13px;color:var(--text-secondary);font-family:var(--font);margin:0}.modal-file-info{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:8px;padding:10px 14px;box-shadow:0 1px 4px #0000000f}.modal-file-name-row{display:flex;align-items:center;gap:8px;min-width:0}.modal-file-name{font-size:13px;font-weight:500;color:var(--text-primary);font-family:var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.modal-file-remove{background:none;border:none;font-size:12px;color:var(--error);cursor:pointer;font-family:var(--font);font-weight:500;padding:2px 6px;border-radius:4px;flex-shrink:0;transition:background .15s}.modal-file-remove:hover{background:var(--error-light)}.modal-file-remove:disabled{opacity:.4;cursor:not-allowed}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 30px 20px}.file-drop{border:1.5px dashed var(--border);border-radius:8px;padding:24px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none;background:#fff}.file-drop:hover,.file-drop.drag-over{border-color:var(--primary);background:var(--primary-light)}.file-drop.drag-blocked{border-color:var(--error);background:var(--error-light);cursor:not-allowed}.file-icon{margin-bottom:8px;display:flex;justify-content:center}.file-xls-icon{width:36px;height:36px;object-fit:contain}.file-text{font-size:13px;color:var(--text-secondary);font-family:var(--font)}.file-text strong{color:var(--primary);font-weight:600}.file-text.small{margin-top:4px;font-size:11px}.result-card{border-radius:8px;padding:14px 16px;font-size:13px;line-height:1.7;font-family:var(--font)}.result-card.success{background:var(--success-light);border:1px solid #a7f3d0;color:#065f46}.result-card.error{background:var(--error-light);border:1px solid #fecdd3;color:#9f1239}.result-card strong{font-weight:600}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(80px);background:#111827;color:#fff;border-radius:var(--radius-btn);padding:12px 22px;font-size:14px;font-weight:500;font-family:var(--font);box-shadow:0 10px 15px #0000001f;transition:transform .25s ease;z-index:2000;white-space:nowrap;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0)}.toast.success{background:var(--success)}.toast.error{background:var(--error)}.toast.info{background:var(--primary)}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0;display:inline-block}.spinner-blue{border-color:#0085ff4d;border-top-color:var(--primary)}.spinner-gray{border-color:#6b72804d;border-top-color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.edit-answers-grid{grid-template-columns:1fr}}@media (max-width: 768px){.page{padding:12px 8px}.panel{border-radius:12px}.toolbar{padding:14px 16px}.panel-title{font-size:16px}.btn{height:38px;font-size:13px;padding:0 12px}.q-table th{font-size:14px;padding:10px 12px}.q-table td{padding:10px 12px}.modal{border-radius:12px}.modal-header,.modal-footer{padding-left:16px;padding-right:16px}.modal-body{padding:16px}.modal-file-name{max-width:160px}.edit-answers-grid{grid-template-columns:1fr 1fr}.modal.modal-lg{max-width:100%!important;width:100%!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{font-family:Outfit,serif;background:#f4f4f4;width:100%;height:100%;margin:0;padding:0}#root{width:100%;height:100%}