@charset "UTF-8";.quest-select{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid #d7d7d7;border-radius:8px;background:#fff;transition:border-color .15s ease,background .15s ease}.quest-select:hover{border-color:#4a81ff;background:#f7f9ff}.quest-select__label{font-size:15px;font-weight:500;color:#333}.quest-select__wrapper{position:relative;display:flex;align-items:center}.quest-select__input{width:100%;padding:10px 34px 10px 12px;font-size:15px;border:1px solid #ccc;border-radius:6px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:border-color .15s ease}.quest-select__input:focus{border-color:#4a81ff}.quest-select__arrow{position:absolute;right:10px;pointer-events:none;color:#555;font-size:14px}.quest-checkbox{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #d7d7d7;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.quest-checkbox:hover{border-color:#4a81ff;background:#f7f9ff}.quest-checkbox__label{font-size:15px;line-height:1.3;color:#333;flex:1}.quest-checkbox__input{display:none}.quest-checkbox__custom{width:20px;height:20px;border-radius:4px;border:2px solid #bbb;background:#fff;flex-shrink:0;position:relative;transition:all .15s ease}.quest-checkbox__input:checked+.quest-checkbox__custom{background:#4a81ff;border-color:#4a81ff}.quest-checkbox__input:checked+.quest-checkbox__custom:after{content:"";position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.quest-text{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid #d7d7d7;border-radius:8px;background:#fff;transition:border-color .15s ease,background .15s ease}.quest-text:hover{border-color:#4a81ff;background:#f7f9ff}.quest-text__label{font-size:15px;font-weight:500;color:#333}.quest-text__input{width:100%;min-height:90px;resize:vertical;padding:10px 12px;font-size:15px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .15s ease;font-family:inherit}.quest-text__input:focus{border-color:#4a81ff}.mazol-form{display:grid;grid-template-columns:1fr 500px;gap:48px;align-items:flex-start;width:100%}.form-column{display:flex;flex-direction:column;gap:32px}.question-group h2{font-size:22px;margin-bottom:12px;font-weight:600}.question-group{display:flex;flex-direction:column;gap:14px}.question-text textarea{width:100%;min-height:80px;padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:15px;resize:vertical}.question-checkbox label,.question-select label{font-size:15px;font-weight:500}.question-select select{padding:6px 8px;font-size:15px;border-radius:6px;border:1px solid #bbb}.matrix-column{display:flex;justify-content:center}.matrix-card{width:500px;height:500px;background:#fff;border:1px solid #e3e3e3;border-radius:12px;padding:16px;display:flex;justify-content:center;align-items:center}.matrix-card canvas{width:100%!important;height:100%!important}.testpage-container{width:100%;height:100vh;display:flex;flex-direction:column;background:#f7f7f9;color:#2b2b2b;font-family:system-ui,sans-serif}.testpage-menu{display:flex;align-items:center;gap:24px;padding:14px 24px;background:#fff;border-bottom:1px solid #e3e3e3}.menu-item{display:flex;align-items:center;gap:8px}.menu-item select,.menu-item button{padding:6px 10px;font-size:14px;background:#fff;border:1px solid #cfcfcf;border-radius:4px;cursor:pointer}.menu-item select:focus,.menu-item button:focus{outline:2px solid rgba(0,123,255,.2)}.menu-item.logout{margin-left:auto;cursor:pointer;color:#c00;font-weight:500}.master-detail-layout{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 60px);overflow:hidden}.student-list-panel{background:#fff;border-right:1px solid #e3e3e3;display:flex;flex-direction:column;height:100%;overflow-y:auto}.student-list-panel h2{font-size:15px;margin-bottom:12px;font-weight:600}.student-list-header{position:sticky;top:0;padding:16px;z-index:10;display:flex;align-items:center;justify-content:space-between;background-color:#fff}.student-list-header h2{font-size:16px;margin:0}.student-list-header .export-btn{padding:6px 10px;border:1px solid #cfcfcf;background:#fff;border-radius:4px;font-size:13px;cursor:pointer}.student-list-header .export-btn:hover{background:#f2f2f2}.student-list-inner{padding:0 16px 16px;flex-grow:1;overflow-y:auto}.student-item{padding:10px 12px;border-radius:6px;background:#f2f2f4;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:6px;transition:background .15s ease}.student-item .stuNum{font-size:12px;opacity:.6}.student-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f2f2f4;border-radius:6px;margin-bottom:6px;cursor:pointer;transition:background .15s ease}.student-item.active{background:#d7e6ff;border-left:3px solid #2f7cff}.student-name{font-size:14px;font-weight:500}.student-meta{display:flex;align-items:center;gap:6px}.checkmark{color:#2ecc71;font-weight:700}.stuNum{opacity:.6;font-size:12px}.student-item:hover{background:#e6e6ea}.form-panel{padding:28px 32px;overflow-y:auto;background:#fafafa}.form-wrapper h2{margin-bottom:16px;font-size:20px;font-weight:600}.placeholder{padding:40px;text-align:center;color:#999;font-size:15px}.menu-item button{background:#f4f4f4}.menu-item button:hover{background:#eaeaea}.page-container{width:100%;height:100vh;background:#f6f7f9;display:flex;justify-content:center;align-items:center;padding:32px}.form{width:360px;background:#fff;border:1px solid #dcdcdc;border-radius:10px;box-shadow:0 4px 16px #0000000f;padding:0;overflow:hidden;animation:fadeIn .25s ease-out}.form__title-bar{background:#f1f3f5;padding:18px 22px;border-bottom:1px solid #e1e1e1}.form__title-text{font-size:20px;font-weight:600;margin:0}.form__content{padding:22px;display:flex;flex-direction:column;gap:18px}.form__error{background:#ffe0e0;border:1px solid #ffb3b3;color:#a80000;padding:10px 12px;border-radius:6px;font-size:14px}.form__group{display:flex;flex-direction:column;gap:6px}.form__group label{font-size:14px;font-weight:600}.form__group input{padding:10px 12px;font-size:15px;border-radius:6px;border:1px solid #c9c9c9;outline:none;transition:.15s border ease}.form__group input:focus{border-color:#4a81ff}.form__buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:5px}.form__button{padding:10px 18px;font-size:15px;background:#4a81ff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.form__button:hover{background:#3a69d6}.form__button[type=button]{background:#e2e2e2;color:#333}.form__button[type=button]:hover{background:#cfcfcf}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}:root{--font-main: "Inter", sans-serif}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:var(--font-main)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}