*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;height:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.scroll-hint-icon{width:80px!important;left:calc(50% - 40px)!important;top:calc(50% - 25px)!important;padding:14px 8px 8px!important;border-radius:4px!important}.scroll-hint-icon:before{width:26px!important;height:26px!important}.scroll-hint-icon:after{width:22px!important;height:9px!important;top:7px!important;margin-left:-13px!important;background-size:contain!important}.scroll-hint-text{display:none!important}@font-face{font-family:"M PLUS 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/m-plus-2-japanese-400-normal-Bx5dZc3z.woff2) format("woff2"),url(/assets/m-plus-2-japanese-400-normal-Bsf_oxpE.woff) format("woff")}@font-face{font-family:"M PLUS 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/m-plus-2-japanese-500-normal-CLQLVsdK.woff2) format("woff2"),url(/assets/m-plus-2-japanese-500-normal-I_8PKWbE.woff) format("woff")}@font-face{font-family:"M PLUS 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/m-plus-2-japanese-600-normal-dN3ES1W8.woff2) format("woff2"),url(/assets/m-plus-2-japanese-600-normal-BRmd5McJ.woff) format("woff")}@font-face{font-family:"M PLUS 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/m-plus-2-japanese-700-normal-D_UmmgcV.woff2) format("woff2"),url(/assets/m-plus-2-japanese-700-normal-DxiSXk-7.woff) format("woff")}@font-face{font-family:"M PLUS 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/m-plus-2-latin-400-normal-B-IKgbS0.woff2) format("woff2"),url(/assets/m-plus-2-latin-400-normal-Dt5MkhdP.woff) format("woff")}@font-face{font-family:"M PLUS 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/m-plus-2-latin-500-normal-Drb1WZpk.woff2) format("woff2"),url(/assets/m-plus-2-latin-500-normal-BLviC27e.woff) format("woff")}@font-face{font-family:"M PLUS 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/m-plus-2-latin-600-normal-B73Fbvg_.woff2) format("woff2"),url(/assets/m-plus-2-latin-600-normal-Dh-NSCIw.woff) format("woff")}@font-face{font-family:"M PLUS 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/m-plus-2-latin-700-normal-C7gA26mS.woff2) format("woff2"),url(/assets/m-plus-2-latin-700-normal-BxKwxuJ-.woff) format("woff")}:root{--font-family-main: "M PLUS 2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", sans-serif;--font-family-logo: "Dela Gothic One", Impact, "Arial Black", serif;--breakpoint-mobile: 768px;--spacing-xs: clamp(.25rem, 1vw, .5rem);--spacing-sm: clamp(.5rem, 2vw, 1rem);--spacing-md: clamp(1rem, 3vw, 1.5rem);--spacing-lg: clamp(1.5rem, 4vw, 2rem);--spacing-xl: clamp(2rem, 5vw, 3rem);--container-max-width: 1200px;--container-padding: var(--spacing-md);--font-size-sm: clamp(.875rem, 1.5vw, 1rem);--font-size-base: clamp(1rem, 2vw, 1.125rem);--font-size-lg: clamp(1.25rem, 3vw, 1.5rem);--font-size-xl: clamp(1.5rem, 4vw, 2rem);--card-max-width: 444px;--form-max-width: 800px;--grid-gap: var(--spacing-md);--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 90px;--sidebar-transition-duration: .4s}:root{--student-max-width: 444px;--student-padding: var(--spacing-md);--student-font-size: 14px;--teacher-default-width: 400px;--teacher-padding: var(--spacing-sm);--teacher-font-size: 14px;--admin-input-height: 36px;--admin-button-height: 36px;--admin-select-height: 36px;--admin-font-size: 13px;--admin-padding-y: 6px;--admin-padding-x: 12px;--admin-table-row-height: 40px;--admin-table-cell-padding: 8px 12px;--admin-border-radius: 4px;--breakpoint-mobile: 768px;--breakpoint-small: 480px}.loading-overlay[data-v-f88c5f38]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-container[data-v-f88c5f38]{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #00000026;text-align:center;min-width:200px}.loading-text[data-v-f88c5f38]{margin-top:20px;font-size:16px;color:#374151;font-weight:500}.app-container[data-v-bc818f14]{min-height:100vh;width:100%;margin:0;padding:0;transition:background-color .3s ease;overflow-x:hidden}.app-container--student[data-v-bc818f14]{background-color:#f0f2f5}.app-container--teacher[data-v-bc818f14]{background-color:#f6f8fa}.app-container--admin[data-v-bc818f14]{background-color:#f5f6ff}.base-input-field[data-v-47501b4d]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field-label[data-v-47501b4d]{font-family:var(--font-family-main);font-size:var(--font-size-sm);font-weight:600;line-height:1;color:#1c1c1c;height:20px;display:flex;align-items:center;gap:var(--spacing-xs)}.required-mark[data-v-47501b4d]{color:red;font-weight:600}.input-wrapper[data-v-47501b4d]{position:relative;display:flex;align-items:center}.input-element[data-v-47501b4d]{width:100%;height:43px;padding:13px 12px;font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1;border:1px solid #a0a0a0;border-radius:6px;background-color:#fff;transition:all .2s}.input-element[data-v-47501b4d]::placeholder{opacity:.4;color:#1c1c1c}.input-element[data-v-47501b4d]:hover{border-color:#0152a2}.input-element[data-v-47501b4d]:focus{outline:none;border-color:#0152a2;box-shadow:0 0 0 2px #0152a21a}.input-element[data-v-47501b4d]:disabled{background-color:#f5f5f5;color:#a0a0a0;cursor:not-allowed}.input-element[data-v-47501b4d]:readonly{background-color:#f9f9f9;cursor:default}.input-wrapper.error .input-element[data-v-47501b4d],.input-wrapper.error .input-element[data-v-47501b4d]:hover{border-color:red!important}.input-wrapper.error .input-element[data-v-47501b4d]:focus{border-color:red!important;box-shadow:0 0 0 2px #ff00001a!important}.error-icon[data-v-47501b4d]{position:absolute;right:12px;z-index:10;pointer-events:none}.error-icon.has-password-toggle[data-v-47501b4d]{right:42px}.password-toggle[data-v-47501b4d]{position:absolute;right:12px;z-index:10;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.password-toggle[data-v-47501b4d]:hover{opacity:.7}.error-message[data-v-47501b4d]{font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1;color:red;text-align:left}.size-small .input-element[data-v-47501b4d]{height:36px;padding:10px;font-size:13px}.size-small .field-label[data-v-47501b4d]{font-size:13px}.size-large .input-element[data-v-47501b4d]{height:50px;padding:15px 16px;font-size:16px}.size-large .field-label[data-v-47501b4d]{font-size:16px}.layout-responsive .input-element[data-v-47501b4d]{font-size:11px}@media (min-width: 768px){.layout-responsive .input-element[data-v-47501b4d]{font-size:14px}}.layout-mobile .input-element[data-v-47501b4d]{font-size:16px}.layout-desktop .input-element[data-v-47501b4d]{font-size:14px}.full-width[data-v-47501b4d]{width:100%}@media (max-width: 480px){.base-input-field[data-v-47501b4d]{margin-bottom:16px}.input-element[data-v-47501b4d]{font-size:11px}.field-label[data-v-47501b4d]{font-size:14px}}.primary-button[data-v-83070655]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:#0152a2;border:1.5px solid #0152a2;border-radius:6px;font-family:var(--font-family-main);font-size:var(--font-size-sm);font-weight:400;line-height:1;color:#fff;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.primary-button[data-v-83070655]:hover:not(:disabled){background-color:#003d7a;border-color:#003d7a}.primary-button[data-v-83070655]:focus{outline:none;box-shadow:0 0 0 2px #0152a21a}.primary-button[data-v-83070655]:disabled{opacity:.6;cursor:not-allowed}.primary-button.loading[data-v-83070655]{cursor:not-allowed}.button-content[data-v-83070655]{transition:opacity .2s}.button-content.loading[data-v-83070655]{opacity:.7}.loading-spinner[data-v-83070655]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin-83070655 1s linear infinite}@keyframes spin-83070655{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.size-small[data-v-83070655]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.size-small .loading-spinner[data-v-83070655]{width:14px;height:14px}.size-large[data-v-83070655]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);height:50px}.size-large .loading-spinner[data-v-83070655]{width:18px;height:18px}.rounded[data-v-83070655]{border-radius:25px}.thick[data-v-83070655]{padding:var(--spacing-sm) var(--spacing-sm);font-weight:600}.layout-responsive[data-v-83070655]:not([style*=height]){height:44px}@media (min-width: 768px){.layout-responsive[data-v-83070655]:not([style*=height]){height:42px}}.layout-mobile[data-v-83070655]:not([style*=height]){height:48px}.layout-desktop[data-v-83070655]:not([style*=height]){height:40px}.full-width[data-v-83070655]{width:100%}@media (max-width: 480px){.primary-button[data-v-83070655]{min-height:44px;font-size:16px}}.secondary-button[data-v-05bef0fb]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:transparent;border:1.5px solid #0152a2;border-radius:6px;font-family:var(--font-family-main);font-size:var(--font-size-sm);font-weight:400;line-height:1;color:#0152a2;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.secondary-button[data-v-05bef0fb]:hover:not(:disabled){background-color:#0152a20d;border-color:#003d7a;color:#003d7a}.secondary-button[data-v-05bef0fb]:focus{outline:none;box-shadow:0 0 0 2px #0152a21a}.secondary-button[data-v-05bef0fb]:disabled{opacity:.6;cursor:not-allowed}.secondary-button.loading[data-v-05bef0fb]{cursor:not-allowed}.button-content[data-v-05bef0fb]{transition:opacity .2s}.button-content.loading[data-v-05bef0fb]{opacity:.7}.loading-spinner[data-v-05bef0fb]{width:16px;height:16px;border:2px solid rgba(1,82,162,.3);border-top:2px solid #0152a2;border-radius:50%;animation:spin-05bef0fb 1s linear infinite}@keyframes spin-05bef0fb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.size-small[data-v-05bef0fb]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.size-small .loading-spinner[data-v-05bef0fb]{width:14px;height:14px}.size-large[data-v-05bef0fb]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);height:50px}.size-large .loading-spinner[data-v-05bef0fb]{width:18px;height:18px}.rounded[data-v-05bef0fb]{border-radius:25px}.thick[data-v-05bef0fb]{padding:var(--spacing-sm) var(--spacing-sm);font-weight:600}.layout-responsive[data-v-05bef0fb]:not([style*=height]){height:44px}@media (min-width: 768px){.layout-responsive[data-v-05bef0fb]:not([style*=height]){height:42px}}.layout-mobile[data-v-05bef0fb]:not([style*=height]){height:48px}.layout-desktop[data-v-05bef0fb]:not([style*=height]){height:40px}.full-width[data-v-05bef0fb]{width:100%}@media (max-width: 480px){.secondary-button[data-v-05bef0fb]{min-height:44px;font-size:var(--font-size-base)}}.link-button[data-v-0d78350b]{--link-color: #1c1c1c;--link-hover-color: #0152a2;background:none;border:none;padding:3px 6px;font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1;color:var(--link-color);opacity:.6;cursor:pointer;text-align:left;transition:all .2s;text-decoration:none}.link-button[data-v-0d78350b]:hover:not(:disabled){opacity:.8;color:var(--link-hover-color)}.link-button[data-v-0d78350b]:focus{outline:none;opacity:.8;color:var(--link-hover-color)}.link-button[data-v-0d78350b]:disabled{opacity:.3;cursor:not-allowed}.underline[data-v-0d78350b]{border-bottom:1px dashed var(--link-color);padding-bottom:5px}.underline[data-v-0d78350b]:hover:not(:disabled){border-bottom-color:var(--link-hover-color)}.size-small[data-v-0d78350b]{font-size:12px;padding:2px 4px}.size-large[data-v-0d78350b]{font-size:16px;padding:4px 8px}.align-center[data-v-0d78350b]{text-align:center}.align-right[data-v-0d78350b]{text-align:right}.variant-student.layout-responsive[data-v-0d78350b]{font-size:14px;min-height:40px}@media (min-width: 768px){.variant-student.layout-responsive[data-v-0d78350b]{min-height:auto}}.variant-teacher.layout-responsive[data-v-0d78350b]{font-size:13px}@media (max-width: 768px){.variant-teacher.layout-responsive[data-v-0d78350b]{font-size:14px;min-height:40px}}.variant-admin[data-v-0d78350b]{font-size:12px;padding:2px 4px;font-weight:400}@media (max-width: 480px){.link-button[data-v-0d78350b]{min-height:44px;font-size:14px;display:flex;align-items:center}}.field-error-message[data-v-6da5ae55]{--error-color: #ff0000;display:flex;align-items:flex-start;gap:6px;margin-top:4px}.error-icon[data-v-6da5ae55]{flex-shrink:0;margin-top:1px}.error-text[data-v-6da5ae55]{font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1.2;color:var(--error-color);word-break:break-word}.align-left[data-v-6da5ae55]{justify-content:flex-start;text-align:left}.align-center[data-v-6da5ae55]{justify-content:center;text-align:center}.align-right[data-v-6da5ae55]{justify-content:flex-end;text-align:right}.size-small .error-text[data-v-6da5ae55]{font-size:12px}.size-large .error-text[data-v-6da5ae55]{font-size:16px}.inline[data-v-6da5ae55]{display:inline-flex;margin-top:0;margin-left:8px}.with-icon.align-right[data-v-6da5ae55]{flex-direction:row-reverse}.with-icon.align-center[data-v-6da5ae55]{flex-direction:row}.variant-student.layout-responsive .error-text[data-v-6da5ae55]{font-size:14px;line-height:1.3}@media (min-width: 768px){.variant-student.layout-responsive .error-text[data-v-6da5ae55]{font-size:14px;line-height:1.2}}.variant-teacher.layout-responsive .error-text[data-v-6da5ae55]{font-size:13px;line-height:1.2}@media (max-width: 768px){.variant-teacher.layout-responsive .error-text[data-v-6da5ae55]{font-size:14px;line-height:1.3}}.variant-admin .error-text[data-v-6da5ae55]{font-size:12px;line-height:1.2;font-weight:400}@media (max-width: 480px){.error-text[data-v-6da5ae55]{font-size:13px;line-height:1.4}}.login-container[data-v-d37d21be]{display:grid;place-items:center;min-height:100vh;padding:clamp(20px,5vh,60px) clamp(20px,8vw,120px)}.login-content[data-v-d37d21be]{display:flex;flex-direction:column;align-items:center;gap:20px;width:min(444px,100%);max-width:100%}.login-card[data-v-d37d21be]{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00053a0d;padding:20px;width:100%;display:flex;flex-direction:column;gap:12px}.login-title[data-v-d37d21be]{font-size:24px;font-weight:700;color:#1c1c1c;text-align:center;margin:0 0 8px}.card-content[data-v-d37d21be]{display:flex;flex-direction:column;gap:20px}.forgot-password-section[data-v-d37d21be]{display:flex;justify-content:flex-start;margin:0}.contact-link[data-v-d37d21be]{font-size:14px;color:#4a7ab5;text-decoration:underline;text-underline-offset:3px;text-align:center;transition:color .2s}.contact-link[data-v-d37d21be]:hover{color:#0152a2}.login-card[data-v-d37d21be] .base-input-field{margin-bottom:0}.login-card[data-v-d37d21be] .primary-button,.login-card[data-v-d37d21be] .secondary-button{margin-top:0}@media (max-width: 767px){.login-container[data-v-d37d21be]{padding:40px}.login-content[data-v-d37d21be]{gap:20px}.login-card[data-v-d37d21be]{padding:20px;gap:12px}.login-title[data-v-d37d21be]{font-size:20px}.card-content[data-v-d37d21be]{gap:16px}}@media (min-width: 768px) and (max-width: 1023px){.login-container[data-v-d37d21be]{padding:40px 60px}}@media (min-width: 1024px){.login-container[data-v-d37d21be]{padding:60px 120px}}.modal-content[data-v-8f626994]{display:flex;flex-direction:column;gap:20px}.success-content[data-v-8f626994]{gap:20px}.description-message[data-v-8f626994],.success-message[data-v-8f626994]{font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1.45;color:#1c1c1c;opacity:.4;margin:0}.select-box-wrapper[data-v-7d497efe]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.select-box-label[data-v-7d497efe]{font-family:var(--font-family-main);font-size:var(--font-size-sm);font-weight:600;line-height:1;color:#1c1c1c;height:20px;display:flex;align-items:center;gap:var(--spacing-xs)}.select-box[data-v-7d497efe]{position:relative;display:inline-block}.select-trigger[data-v-7d497efe]{padding:10px 12px;border:1px solid #a0a0a0;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;font-family:var(--font-family-main);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between}.select-trigger.placeholder[data-v-7d497efe]{color:#a0a0a0}.select-trigger[data-v-7d497efe]:focus{outline:2px solid #0152a2}.select-trigger.error[data-v-7d497efe]{border-color:red!important}.select-trigger.error[data-v-7d497efe]:focus{outline:2px solid #ff0000!important}.error-message[data-v-7d497efe]{font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1;color:red;text-align:left}.dropdown-list[data-v-7d497efe]{position:absolute;box-sizing:border-box;max-height:160px;overflow-y:auto}.dropdown-item[data-v-7d497efe]{padding:10px 12px;cursor:pointer;font-size:14px}.dropdown-item.selected[data-v-7d497efe]{background:#e6f0fa;font-weight:700}.dropdown-item[data-v-7d497efe]:hover{background:#f0f8ff}.dropdown-item.placeholder[data-v-7d497efe]{color:#a0a0a0}.select-box.disabled[data-v-7d497efe]{pointer-events:none;opacity:.6}.select-trigger.disabled[data-v-7d497efe]{background:#f5f5f5;color:#a0a0a0;cursor:not-allowed}.dropdown-item.disabled[data-v-7d497efe]{pointer-events:none;color:#a0a0a0}.size-small .select-trigger[data-v-7d497efe],.size-small .dropdown-item[data-v-7d497efe]{padding:4px}.variant-student.layout-responsive[data-v-7d497efe]{width:100%}@media (min-width: 768px){.variant-student.layout-responsive[data-v-7d497efe]{max-width:var(--student-max-width)}}.variant-teacher.layout-responsive[data-v-7d497efe]{width:var(--teacher-default-width)}@media (max-width: 767px){.variant-teacher.layout-responsive[data-v-7d497efe]{width:100%}}.variant-admin .select-box[data-v-7d497efe]{margin-bottom:12px}.variant-admin .select-trigger[data-v-7d497efe]{height:var(--admin-select-height);padding:var(--admin-padding-y) var(--admin-padding-x);font-size:var(--admin-font-size);border-radius:var(--admin-border-radius)}.variant-admin .select-box-label[data-v-7d497efe]{font-size:var(--admin-font-size);font-weight:500;height:18px}.variant-admin .dropdown-item[data-v-7d497efe]{padding:6px 12px;font-size:var(--admin-font-size)}.full-width[data-v-7d497efe]{width:100%}.variant-student.layout-responsive.full-width[data-v-7d497efe]{max-width:none!important}.variant-teacher.layout-responsive.full-width[data-v-7d497efe]{max-width:none!important;width:100%!important}.variant-admin.full-width[data-v-7d497efe]{max-width:none!important}.required-mark[data-v-7d497efe]{color:red;font-weight:600}.login-container[data-v-6198b865]{display:grid;place-items:center;min-height:100vh;padding:clamp(20px,5vh,60px) clamp(20px,8vw,120px)}.login-content[data-v-6198b865]{display:flex;flex-direction:column;align-items:center;gap:24px;width:min(444px,100%);max-width:100%}.login-card[data-v-6198b865]{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00053a0d;padding:32px;width:100%;display:flex;flex-direction:column;gap:16px}.login-title[data-v-6198b865]{font-size:24px;font-weight:700;color:#1c1c1c;text-align:left;margin:0 0 8px}.card-content[data-v-6198b865]{display:flex;flex-direction:column;gap:20px}.form-row[data-v-6198b865]{display:flex;gap:12px;width:100%}.graduation-note[data-v-6198b865]{margin-top:-12px;margin-bottom:20px;font-size:12px}.expired-content[data-v-6198b865]{display:flex;flex-direction:column;gap:24px}.expired-message[data-v-6198b865]{color:#1c1c1c;font-size:14px;line-height:1.8;margin:0}.login-card[data-v-6198b865] .base-input-field{margin-bottom:0}.login-card[data-v-6198b865] .primary-button,.login-card[data-v-6198b865] .secondary-button{margin-top:0}@media (max-width: 767px){.login-container[data-v-6198b865]{padding:40px}.login-content[data-v-6198b865]{gap:20px}.login-card[data-v-6198b865]{padding:20px;gap:12px}.login-title[data-v-6198b865]{font-size:20px}.card-content[data-v-6198b865]{gap:16px}.form-row[data-v-6198b865]{flex-direction:column;gap:16px}}@media (min-width: 768px) and (max-width: 1023px){.login-container[data-v-6198b865]{padding:40px 60px}}@media (min-width: 1024px){.login-container[data-v-6198b865]{padding:60px 120px}}.scrollable-content-area[data-v-11331b29]{flex:1;max-height:var(--8304cec6);overflow-y:auto;overflow-x:hidden;position:relative}.content-section[data-v-11331b29]{display:flex;flex-direction:column;gap:var(--spacing-sm);isolation:isolate;position:relative;width:100%;margin-bottom:0}.section-header[data-v-11331b29]{background-color:#dcdcdc;padding:var(--spacing-xs);position:sticky;top:0;width:100%;z-index:2;display:flex;align-items:center;justify-content:flex-start}.section-title[data-v-11331b29]{font-family:var(--font-family-main);font-size:var(--font-size-sm);font-weight:500;line-height:1;color:#1c1c1c;margin:0;flex:1}.section-content[data-v-11331b29]{padding:0;width:100%;z-index:1;position:relative}.section-content p[data-v-11331b29]{font-family:var(--font-family-main);font-size:var(--font-size-sm);font-weight:400;line-height:1.6;color:#1c1c1c;margin:0;white-space:pre-wrap}.scrollable-content-area[data-v-11331b29]::-webkit-scrollbar{width:8px}.scrollable-content-area[data-v-11331b29]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.scrollable-content-area[data-v-11331b29]::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:4px}.scrollable-content-area[data-v-11331b29]::-webkit-scrollbar-thumb:hover{background:gray}@media (max-width: 768px){.section-header[data-v-11331b29]{padding:var(--spacing-xs)}}.legal-document-container[data-v-a6dbc2c8]{min-height:100vh;background-color:#f0f2f5;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.legal-document-content[data-v-a6dbc2c8]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:var(--form-max-width)}.document-card[data-v-a6dbc2c8]{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00053a0d;padding:var(--spacing-lg);width:100%;display:flex;flex-direction:column;gap:var(--spacing-md);max-height:80vh}.document-title[data-v-a6dbc2c8]{font-family:var(--font-family-main);font-size:var(--font-size-lg);font-weight:700;line-height:1;color:#1c1c1c;margin:0;letter-spacing:.5px}.action-buttons[data-v-a6dbc2c8]{padding-top:var(--spacing-sm);border-top:1px solid #dcdcdc}.action-buttons--dual[data-v-a6dbc2c8]{display:flex;justify-content:center;gap:var(--spacing-sm)}.action-buttons--single[data-v-a6dbc2c8]{display:flex;justify-content:center}.document-card[data-v-a6dbc2c8] .primary-button,.document-card[data-v-a6dbc2c8] .secondary-button{margin-top:0}@media (max-width: 768px){.document-card[data-v-a6dbc2c8]{padding:var(--spacing-md);max-height:85vh}.action-buttons--dual[data-v-a6dbc2c8]{flex-direction:column-reverse;gap:var(--spacing-sm)}.action-buttons--dual[data-v-a6dbc2c8] .primary-button,.action-buttons--dual[data-v-a6dbc2c8] .secondary-button{width:100%!important}}.login-container[data-v-1c9f3853]{display:grid;place-items:center;min-height:100vh;padding:clamp(20px,5vh,60px) clamp(20px,8vw,120px)}.login-content[data-v-1c9f3853]{display:flex;flex-direction:column;align-items:center;gap:24px;width:min(444px,100%);max-width:100%}.login-card[data-v-1c9f3853]{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00053a0d;padding:32px;width:100%;display:flex;flex-direction:column;gap:16px}.login-title[data-v-1c9f3853]{font-size:24px;font-weight:700;color:#1c1c1c;text-align:left;margin:0 0 8px}.card-content[data-v-1c9f3853]{display:flex;flex-direction:column;gap:20px}.login-card[data-v-1c9f3853] .base-input-field{margin-bottom:0}.login-card[data-v-1c9f3853] .primary-button,.login-card[data-v-1c9f3853] .secondary-button{margin-top:0}@media (max-width: 767px){.login-container[data-v-1c9f3853]{padding:40px}.login-content[data-v-1c9f3853]{gap:20px}.login-card[data-v-1c9f3853]{padding:20px;gap:12px}.login-title[data-v-1c9f3853]{font-size:20px}.card-content[data-v-1c9f3853]{gap:16px}}@media (min-width: 768px) and (max-width: 1023px){.login-container[data-v-1c9f3853]{padding:40px 60px}}@media (min-width: 1024px){.login-container[data-v-1c9f3853]{padding:60px 120px}}.login-container[data-v-3ea84340]{display:grid;place-items:center;min-height:100vh;padding:clamp(20px,5vh,60px) clamp(20px,8vw,120px)}.login-content[data-v-3ea84340]{display:flex;flex-direction:column;align-items:center;gap:24px;width:min(444px,100%);max-width:100%}.login-card[data-v-3ea84340]{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00053a0d;padding:32px;width:100%;display:flex;flex-direction:column;gap:16px}.login-title[data-v-3ea84340]{font-size:24px;font-weight:700;color:#1c1c1c;text-align:left;margin:0 0 8px}.card-content[data-v-3ea84340]{display:flex;flex-direction:column;gap:20px}.login-card[data-v-3ea84340] .base-input-field{margin-bottom:0}.login-card[data-v-3ea84340] .primary-button,.login-card[data-v-3ea84340] .secondary-button{margin-top:0}@media (max-width: 767px){.login-container[data-v-3ea84340]{padding:40px}.login-content[data-v-3ea84340]{gap:20px}.login-card[data-v-3ea84340]{padding:20px;gap:12px}.login-title[data-v-3ea84340]{font-size:20px}.card-content[data-v-3ea84340]{gap:16px}}@media (min-width: 768px) and (max-width: 1023px){.login-container[data-v-3ea84340]{padding:40px 60px}}@media (min-width: 1024px){.login-container[data-v-3ea84340]{padding:60px 120px}}.login-container[data-v-20a3f2d5]{display:grid;place-items:center;min-height:100vh;padding:clamp(20px,5vh,60px) clamp(20px,8vw,120px)}.login-content[data-v-20a3f2d5]{display:flex;flex-direction:column;align-items:center;gap:24px;width:min(444px,100%);max-width:100%}.login-card[data-v-20a3f2d5]{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00053a0d;padding:32px;width:100%;display:flex;flex-direction:column;gap:16px}.login-title[data-v-20a3f2d5]{font-size:24px;font-weight:700;color:#1c1c1c;text-align:left;margin:0 0 8px}.card-content[data-v-20a3f2d5]{display:flex;flex-direction:column;gap:20px}.form-row[data-v-20a3f2d5]{display:flex;gap:12px;width:100%}.login-card[data-v-20a3f2d5] .base-input-field{margin-bottom:0}.login-card[data-v-20a3f2d5] .primary-button,.login-card[data-v-20a3f2d5] .secondary-button{margin-top:0}@media (max-width: 767px){.login-container[data-v-20a3f2d5]{padding:40px}.login-content[data-v-20a3f2d5]{gap:20px}.login-card[data-v-20a3f2d5]{padding:20px;gap:12px}.login-title[data-v-20a3f2d5]{font-size:20px}.card-content[data-v-20a3f2d5]{gap:16px}.form-row[data-v-20a3f2d5]{flex-direction:column;gap:16px}}@media (min-width: 768px) and (max-width: 1023px){.login-container[data-v-20a3f2d5]{padding:40px 60px}}@media (min-width: 1024px){.login-container[data-v-20a3f2d5]{padding:60px 120px}}.navigation-sidebar[data-v-0315601d]{position:fixed;top:0;left:0;height:100vh;background-color:#f8f9fa;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-header[data-v-0315601d]{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;height:60px}.sidebar-toggle[data-v-0315601d]{background:none;border:none;padding:8px;cursor:pointer;color:#374151;border-radius:6px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-toggle[data-v-0315601d]:hover{background-color:#3741511a}.logo-container[data-v-0315601d]{flex:1;overflow:hidden;transition:opacity var(--sidebar-transition-duration) ease;opacity:1}.logo-container--hidden[data-v-0315601d]{opacity:0;pointer-events:none}.logo-text[data-v-0315601d]{font-size:18px;font-weight:700;color:#0152a2;white-space:nowrap}.nav-list[data-v-0315601d]{list-style:none;margin:0;padding:8px 0;flex:1}.nav-item[data-v-0315601d]{margin:0 8px 4px}.nav-link[data-v-0315601d],.nav-button[data-v-0315601d]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#374151;text-decoration:none;background:none;border:none;width:100%;font-size:14px;font-family:inherit;cursor:pointer;border-radius:8px;transition:all .2s ease;justify-content:flex-start;height:44px;box-sizing:border-box}.navigation-sidebar--collapsed .nav-link[data-v-0315601d],.navigation-sidebar--collapsed .nav-button[data-v-0315601d]{overflow:hidden}.nav-link[data-v-0315601d]:hover,.nav-button[data-v-0315601d]:hover{background-color:#fff;color:#1f2937}.nav-link--active[data-v-0315601d]{background-color:#191a7c0f;color:#191a7c;font-weight:500;box-shadow:0 1px 3px #0000001a}.nav-icon[data-v-0315601d]{flex-shrink:0;color:currentColor;width:20px;height:20px;min-width:20px}.nav-label[data-v-0315601d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity var(--sidebar-transition-duration) ease;font-family:var(--font-family-main);font-size:14px;font-style:normal;font-weight:500;line-height:normal;color:#1c1c1c}.nav-label--hidden[data-v-0315601d]{opacity:0;pointer-events:none}.sidebar-footer[data-v-0315601d]{padding:16px;border-top:1px solid #e5e7eb;margin-top:auto}.user-type-selector[data-v-0315601d]{display:flex;gap:4px;margin-bottom:16px}.user-type-button[data-v-0315601d]{flex:1;padding:8px 12px;background:none;border:1px solid #d1d5db;border-radius:6px;font-size:12px;cursor:pointer;color:#6b7280;transition:all .2s ease}.user-type-button--active[data-v-0315601d]{background-color:#0152a2;color:#fff;border-color:#0152a2}.user-type-button[data-v-0315601d]:hover:not(.user-type-button--active){background-color:#f3f4f6;border-color:#9ca3af}.language-selector[data-v-0315601d]{display:flex;gap:4px;margin-bottom:16px}.language-button[data-v-0315601d]{flex:1;padding:6px 8px;background:#e5e7eb;border:none;border-radius:4px;font-size:12px;cursor:pointer;color:#6b7280;transition:all .2s ease}.language-button--active[data-v-0315601d]{background-color:#fff;color:#374151;font-weight:500}.language-button[data-v-0315601d]:hover:not(.language-button--active){background-color:#d1d5db}.footer-brand[data-v-0315601d]{text-align:center}.brand-text[data-v-0315601d]{font-size:10px;color:#9ca3af;font-style:italic}.header-bar[data-v-0315601d]{position:fixed;top:0;left:0;right:0;height:60px;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;padding:0 16px;z-index:200}.hamburger-button[data-v-0315601d]{background:none;border:none;padding:8px;cursor:pointer;transition:opacity .2s ease;border-radius:4px}.hamburger-button[data-v-0315601d]:hover{opacity:.7;background-color:#0000000d}.hamburger-button[data-v-0315601d]:active{opacity:.5}.header-logo[data-v-0315601d]{flex:none;flex-grow:0;margin-top:-8px}.mobile-menu-overlay[data-v-0315601d]{position:fixed;inset:0;background-color:#0000;z-index:300;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay--open[data-v-0315601d]{background-color:#00000080;visibility:visible}.mobile-menu[data-v-0315601d]{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;background-color:#fff;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a}.mobile-menu--open[data-v-0315601d]{transform:translate(0)}.mobile-menu-header[data-v-0315601d]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid #e5e7eb}.mobile-menu-title[data-v-0315601d]{font-family:var(--font-family-main);font-size:18px;font-weight:700;color:#1c1c1c}.close-button[data-v-0315601d]{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s ease}.close-button[data-v-0315601d]:hover{background-color:#f3f4f6;color:#374151}.mobile-menu-nav[data-v-0315601d]{flex:1;overflow-y:auto;padding:var(--spacing-md) 0}.mobile-nav-list[data-v-0315601d]{list-style:none;margin:0;padding:0}.mobile-nav-item[data-v-0315601d]{margin:0}.mobile-nav-divider[data-v-0315601d]{margin:var(--spacing-sm) var(--spacing-md);border:none;border-top:1px solid #e5e7eb}.mobile-nav-link[data-v-0315601d],.mobile-nav-button[data-v-0315601d]{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 16px;color:#374151;text-decoration:none;background:none;border:none;width:100%;font-size:16px;line-height:1.5;font-family:var(--font-family-main);cursor:pointer;transition:all .2s ease;min-height:45px;box-sizing:border-box}.mobile-nav-link[data-v-0315601d]:hover,.mobile-nav-button[data-v-0315601d]:hover{background-color:#f3f4f6}.mobile-nav-link--active[data-v-0315601d]{background-color:#191a7c0f;color:#191a7c;font-weight:500}.mobile-nav-icon[data-v-0315601d]{flex-shrink:0}.mobile-nav-label[data-v-0315601d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-with-children[data-v-0315601d]{position:relative}.nav-parent-with-link[data-v-0315601d]{display:flex;align-items:center}.nav-parent-with-link .nav-link[data-v-0315601d]{flex:1}.nav-toggle-button[data-v-0315601d]{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.nav-toggle-button[data-v-0315601d]:hover{background-color:#0000001a}.nav-toggle[data-v-0315601d],.mobile-nav-toggle[data-v-0315601d]{position:relative;width:100%;text-align:left;background:none;border:none;padding:0;cursor:pointer}.mobile-nav-item-with-children[data-v-0315601d]{margin:0}.mobile-nav-item-with-children .mobile-nav-link[data-v-0315601d]{padding:10px 16px}.nav-chevron[data-v-0315601d],.mobile-nav-chevron[data-v-0315601d]{margin-left:auto;transition:transform .3s ease}.nav-chevron--rotated[data-v-0315601d],.mobile-nav-chevron--rotated[data-v-0315601d]{transform:rotate(180deg)}.nav-submenu[data-v-0315601d],.mobile-nav-submenu[data-v-0315601d]{list-style:none;margin:0;padding:0;padding-left:var(--spacing-md)}.nav-subitem[data-v-0315601d],.mobile-nav-subitem[data-v-0315601d]{margin:0}.nav-sublink[data-v-0315601d],.mobile-nav-sublink[data-v-0315601d]{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#374151;text-decoration:none;border-radius:8px;margin:0;transition:all .2s ease;font-size:14px;line-height:1.5;font-family:var(--font-family-main);font-weight:500;min-height:45px;box-sizing:border-box}.nav-sublink[data-v-0315601d]:hover,.mobile-nav-sublink[data-v-0315601d]:hover{background-color:#fff;color:#1f2937}.nav-sublink--active[data-v-0315601d],.mobile-nav-sublink--active[data-v-0315601d]{background-color:#191a7c0f;color:#191a7c;font-weight:500;box-shadow:0 1px 3px #0000001a}.nav-subicon[data-v-0315601d],.mobile-nav-subicon[data-v-0315601d]{flex-shrink:0;color:currentColor}.nav-sublabel[data-v-0315601d],.mobile-nav-sublabel[data-v-0315601d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-family-main);font-size:14px;font-weight:500;color:inherit}.navigation-sidebar--teacher .logo-container[data-v-0315601d]{transform:scale(.9);transform-origin:left center}.responsive-container[data-v-1a9b535c]{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);box-sizing:border-box}@media (max-width: 768px){.responsive-container[data-v-1a9b535c]{padding:0 var(--spacing-sm)}}.error-message-container[data-v-d6c9990e]{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin:16px 0;display:flex;align-items:flex-start;gap:12px}.error-message-container--student[data-v-d6c9990e]{background-color:#fef2f2;border-color:#fecaca}.error-message-container--teacher[data-v-d6c9990e]{background-color:#fef3c7;border-color:#fcd34d}.error-message-container--admin[data-v-d6c9990e]{background-color:#fee2e2;border-color:#fca5a5}.error-icon[data-v-d6c9990e]{flex-shrink:0;color:#dc2626}.error-message-container--teacher .error-icon[data-v-d6c9990e]{color:#d97706}.error-message-container--admin .error-icon[data-v-d6c9990e]{color:#dc2626}.error-content[data-v-d6c9990e]{flex:1}.error-text[data-v-d6c9990e]{margin:0;color:#991b1b;font-size:14px;line-height:1.5}.error-message-container--teacher .error-text[data-v-d6c9990e]{color:#92400e}.error-message-container--admin .error-text[data-v-d6c9990e]{color:#991b1b}.retry-button[data-v-d6c9990e]{margin-top:8px;padding:6px 16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.retry-button[data-v-d6c9990e]:hover{background-color:#f9fafb;border-color:#d1d5db}.retry-button[data-v-d6c9990e]:active{background-color:#f3f4f6}.base-layout[data-v-bac022a9]{min-height:100vh}.main-content[data-v-bac022a9]{flex:1;display:flex;flex-direction:column;min-height:100vh}.main-content--with-sidebar[data-v-bac022a9]{transition:margin-left var(--sidebar-transition-duration) ease;width:auto;max-width:none}.base-template[data-v-bac022a9]{min-height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){.main-content--with-sidebar[data-v-bac022a9]{margin-left:0}}.header-spacer[data-v-bac022a9]{height:60px;flex-shrink:0}.content-container[data-v-bac022a9]{flex:1;padding:var(--spacing-lg)}.bottom-tabs[data-v-bac022a9]{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);height:50px;z-index:90}.main-content--with-sidebar~.bottom-tabs[data-v-bac022a9]{left:240px}.tab-group[data-v-bac022a9]{display:flex;gap:var(--spacing-xs)}.tab-button[data-v-bac022a9]{background:none;border:none;padding:var(--spacing-sm) var(--spacing-md);font-size:14px;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s ease;font-family:inherit}.tab-button[data-v-bac022a9]:hover{background-color:#f3f4f6;color:#374151}.tab-button--active[data-v-bac022a9]{color:#2563eb;font-weight:500;background-color:#eff6ff}.language-selector[data-v-bac022a9]{display:flex;align-items:center;gap:var(--spacing-xs)}.language-select[data-v-bac022a9]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid #e5e7eb;border-radius:4px;font-size:14px;background-color:#fff;color:#374151;cursor:pointer;font-family:inherit}.language-select[data-v-bac022a9]:focus{outline:2px solid #2563eb;outline-offset:2px}.error-container[data-v-bac022a9]{padding:var(--spacing-lg)}@media (max-width: 768px){.main-content--with-sidebar[data-v-bac022a9]{margin-left:0}.main-content--with-sidebar~.bottom-tabs[data-v-bac022a9]{left:0}.content-container[data-v-bac022a9]{padding:var(--spacing-md)}.bottom-tabs[data-v-bac022a9]{padding:0 var(--spacing-sm)}.tab-button[data-v-bac022a9]{font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}}.notification-section[data-v-d5524f20]{background:#fff;border-radius:8px;padding:24px;max-height:600px;display:flex;flex-direction:column}.section-title[data-v-d5524f20]{font-family:var(--font-family-main);font-size:14px;font-weight:600;font-style:normal;line-height:normal;color:#1c1c1c;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcdcdc;padding-bottom:12px;margin:0 0 12px}.notification-list[data-v-d5524f20]{flex:1;overflow-y:auto;padding-right:8px}.notification-item[data-v-d5524f20]{display:flex;align-items:center;gap:12px;padding:18px 12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #e5e7eb;color:#1c1c1c;font-weight:400;font-size:14px;font-family:var(--font-family-main);line-height:normal;font-style:normal}.notification-item[data-v-d5524f20]:last-child{border-bottom:none}.notification-item[data-v-d5524f20]:hover{background-color:#f9fafb;margin:0 -8px;padding-left:8px;padding-right:8px}.notification-dot[data-v-d5524f20]{width:6px;height:6px;background-color:#0152a2;border-radius:50%;flex-shrink:0}.notification-date[data-v-d5524f20]{flex-shrink:0;min-width:110px}.notification-title[data-v-d5524f20]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay[data-v-d5524f20]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-d5524f20]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header[data-v-d5524f20]{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header-content[data-v-d5524f20]{flex:1;padding-right:16px}.modal-title[data-v-d5524f20]{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.modal-close[data-v-d5524f20]{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease}.modal-close[data-v-d5524f20]:hover{background-color:#f3f4f6;color:#374151}.modal-body[data-v-d5524f20]{padding:24px;overflow-y:auto}.modal-date[data-v-d5524f20]{font-size:14px;color:#6b7280;margin:0}.modal-text[data-v-d5524f20]{font-size:16px;color:#374151;line-height:1.6;margin:0;white-space:pre-wrap}.modal-files[data-v-d5524f20]{padding:24px}.attached-file[data-v-d5524f20]{display:flex;align-items:center;gap:8px;padding:6px;cursor:pointer;transition:background-color .2s ease}.notification-list[data-v-d5524f20]::-webkit-scrollbar{width:4px}.notification-list[data-v-d5524f20]::-webkit-scrollbar-track{background:transparent}.notification-list[data-v-d5524f20]::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.notification-list[data-v-d5524f20]::-webkit-scrollbar-thumb:hover{background:#d1d5db}@media (max-width: 768px){.notification-section[data-v-d5524f20]{padding:20px;max-height:500px}.notification-date[data-v-d5524f20]{min-width:90px;font-size:12px}.notification-title[data-v-d5524f20]{font-size:13px}.modal-content[data-v-d5524f20]{max-height:90vh}.modal-header[data-v-d5524f20],.modal-body[data-v-d5524f20]{padding:20px}}@media (max-width: 480px){.notification-section[data-v-d5524f20]{max-height:400px}.notification-item[data-v-d5524f20]{padding:10px 4px}.notification-dot[data-v-d5524f20]{width:6px;height:6px}.notification-date[data-v-d5524f20]{min-width:80px}}.student-top-container[data-v-1d5b34fb]{padding:var(--spacing-xl) 0}.main-layout[data-v-1d5b34fb]{display:flex;flex-direction:column;align-items:center;gap:48px;padding:0 32px;margin:0 auto}.function-buttons-section[data-v-1d5b34fb]{display:flex;flex-direction:row;align-items:stretch;gap:16px;width:100%;max-width:100%}.card-button[data-v-1d5b34fb]{display:flex;flex-direction:column;align-items:center;flex:1;background-color:#fff;border:2px solid #0052A3;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,background-color .2s ease}.card-button[data-v-1d5b34fb]:hover{background-color:#e8f4ff;box-shadow:0 4px 16px #0052a333;transform:translateY(-2px)}.card-button[data-v-1d5b34fb]:active{transform:translateY(0)}.card-button-content[data-v-1d5b34fb]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;width:100%}.card-button-label[data-v-1d5b34fb]{display:flex;align-items:center;justify-content:center;font-family:var(--font-family-main);font-size:20px;font-weight:700;color:#0052a3;white-space:nowrap}.card-button-arrow[data-v-1d5b34fb]{font-size:32px;font-weight:300;color:#0052a3;transition:transform .2s ease}.card-button:hover .card-button-arrow[data-v-1d5b34fb]{transform:translate(4px)}.icon-section[data-v-1d5b34fb]{display:flex;justify-content:center;align-items:center;flex-shrink:0}.icon-section[data-v-1d5b34fb] svg{width:80px;height:80px}.notification-section[data-v-1d5b34fb]{width:100%}@media (max-width: 768px){.student-top-container[data-v-1d5b34fb]{padding:var(--spacing-lg) 0}.main-layout[data-v-1d5b34fb]{gap:32px;padding:0 24px}.function-buttons-section[data-v-1d5b34fb]{flex-direction:column}.card-button[data-v-1d5b34fb]{padding:16px}.card-button-content[data-v-1d5b34fb]{gap:16px}.icon-section[data-v-1d5b34fb] svg{width:64px;height:64px}}@media (max-width: 480px){.student-top-container[data-v-1d5b34fb]{padding:var(--spacing-md) 0}.main-layout[data-v-1d5b34fb]{gap:24px;padding:0 16px}.card-button[data-v-1d5b34fb]{padding:12px}.card-button-content[data-v-1d5b34fb]{gap:8px}.card-button-label[data-v-1d5b34fb]{font-size:16px}.card-button-arrow[data-v-1d5b34fb]{font-size:24px}.icon-section[data-v-1d5b34fb] svg{width:40px;height:40px}}.main-layout[data-v-0270ff9d]{width:100%;max-width:600px;text-align:center}h1[data-v-0270ff9d]{color:#2563eb;margin-bottom:16px}p[data-v-0270ff9d]{color:#6b7280;margin-bottom:32px}.self-scoring-top-container[data-v-cfb298d4]{padding:var(--spacing-xl) 0}.main-layout[data-v-cfb298d4]{display:flex;flex-direction:column;align-items:center;gap:48px;padding:0 32px;margin:0 auto}.button-with-icon[data-v-cfb298d4]{display:flex;flex-direction:column;align-items:center;flex:1}.card-button[data-v-cfb298d4]{display:flex;flex-direction:column;align-items:center;flex:1;background-color:#fff;border:2px solid #0052A3;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,background-color .2s ease}.card-button[data-v-cfb298d4]:hover:not(:disabled){background-color:#e8f4ff;box-shadow:0 4px 16px #0052a333;transform:translateY(-2px)}.card-button[data-v-cfb298d4]:active:not(:disabled){transform:translateY(0)}.card-button--disabled[data-v-cfb298d4]{opacity:.6;cursor:not-allowed}.card-button-content[data-v-cfb298d4]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;width:100%}.card-button-label[data-v-cfb298d4]{display:flex;align-items:center;justify-content:center;font-family:var(--font-family-main);font-size:20px;font-weight:700;color:#0052a3;white-space:nowrap}.card-button-arrow[data-v-cfb298d4]{font-size:32px;font-weight:300;color:#0052a3;transition:transform .2s ease}.card-button:hover:not(:disabled) .card-button-arrow[data-v-cfb298d4]{transform:translate(4px)}.icon-section[data-v-cfb298d4]{display:flex;justify-content:center;align-items:center;flex-shrink:0}.icon-section[data-v-cfb298d4] svg{width:80px;height:80px}.function-buttons-section[data-v-cfb298d4]{display:flex;flex-direction:row;align-items:stretch;gap:16px;width:100%;max-width:100%}.function-button[data-v-cfb298d4]{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#0052a3;border:none;border-radius:8px;padding:10px 48px;width:100%;color:#fff;font-family:var(--font-family-main);font-size:22px;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.function-button--disabled[data-v-cfb298d4]{background-color:#ccc;cursor:not-allowed}.button-icon[data-v-cfb298d4]{flex-shrink:0}.button-text[data-v-cfb298d4]{white-space:nowrap}.function-button[data-v-cfb298d4]:hover:not(:disabled){background-color:#1e72c3;transform:translateY(-2px)}.function-button[data-v-cfb298d4]:active:not(:disabled){transform:translateY(0)}.notification-section[data-v-cfb298d4]{width:100%}@media (max-width: 768px){.self-scoring-top-container[data-v-cfb298d4]{padding:var(--spacing-lg) 0}.main-layout[data-v-cfb298d4]{gap:32px;padding:0 24px}.function-buttons-section[data-v-cfb298d4]{flex-direction:column}.card-button[data-v-cfb298d4]{padding:16px}.card-button-content[data-v-cfb298d4]{gap:16px}.icon-section[data-v-cfb298d4] svg{width:64px;height:64px}.function-button[data-v-cfb298d4]{padding:8px 40px;font-size:16px;width:100%}}@media (max-width: 480px){.self-scoring-top-container[data-v-cfb298d4]{padding:var(--spacing-md) 0}.main-layout[data-v-cfb298d4]{gap:24px;padding:0 16px}.card-button[data-v-cfb298d4]{padding:12px}.card-button-content[data-v-cfb298d4]{gap:12px}.card-button-label[data-v-cfb298d4]{font-size:18px}.card-button-arrow[data-v-cfb298d4]{font-size:28px}.icon-section[data-v-cfb298d4] svg{width:56px;height:56px}.function-button[data-v-cfb298d4]{padding:8px 32px;font-size:15px}}.user-settings-container[data-v-b5cff62a]{padding:0 40px 40px;width:100%;height:100%;display:flex;flex-direction:column;gap:24px}.page-title[data-v-b5cff62a]{margin-bottom:8px}.title-text[data-v-b5cff62a]{font-family:var(--font-family-main);font-size:22px;font-weight:700;line-height:100%;letter-spacing:.5px;color:#1c1c1c;margin:0}.profile-section[data-v-b5cff62a],.settings-section[data-v-b5cff62a]{display:flex;flex-direction:column;gap:12px}.section-header[data-v-b5cff62a]{display:flex;align-items:center}.section-title[data-v-b5cff62a]{font-family:var(--font-family-main);font-size:14px;font-weight:600;color:#1c1c1c99}.profile-card[data-v-b5cff62a]{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00053a0d;overflow:hidden;width:100%}.profile-list[data-v-b5cff62a]{display:flex;flex-direction:column}.profile-item[data-v-b5cff62a]{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #dcdcdc}.profile-item[data-v-b5cff62a]:last-child{border-bottom:none}.profile-label[data-v-b5cff62a]{flex:0 0 140px;font-family:var(--font-family-main);font-size:14px;font-weight:500;color:#1c1c1c99}.profile-value[data-v-b5cff62a]{flex:1;font-family:var(--font-family-main);font-size:14px;font-weight:500;color:#1c1c1c}.settings-card[data-v-b5cff62a]{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00053a0d;overflow:hidden;width:100%}.settings-list[data-v-b5cff62a]{display:flex;flex-direction:column}.settings-item[data-v-b5cff62a]{display:flex;align-items:center;gap:10px;padding:18px 12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #dcdcdc;position:relative;font-family:var(--font-family-main)}.settings-item[data-v-b5cff62a]:last-child{border-bottom:none}.settings-item[data-v-b5cff62a]:hover{background-color:#191a7c1a}.settings-item[data-v-b5cff62a]:active{background-color:#191a7c26}.item-icon[data-v-b5cff62a]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#1c1c1c}.item-title[data-v-b5cff62a]{flex-grow:1;font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:100%;color:#1c1c1c}.item-caret[data-v-b5cff62a]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#1c1c1c;opacity:.4}@media (max-width: 768px){.user-settings-container[data-v-b5cff62a]{padding:20px;gap:20px}.profile-item[data-v-b5cff62a]{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px}.profile-label[data-v-b5cff62a]{flex:none;font-size:12px}.profile-value[data-v-b5cff62a]{font-size:14px}.settings-item[data-v-b5cff62a]{padding:16px 12px}}@media (max-width: 480px){.user-settings-container[data-v-b5cff62a]{padding:16px}.title-text[data-v-b5cff62a]{font-size:20px}.profile-item[data-v-b5cff62a]{padding:12px 14px}}.breadcrumb[data-v-e74a38a0]{font-size:14px}.breadcrumb ol[data-v-e74a38a0]{display:flex;align-items:center;flex-wrap:nowrap;list-style:none;padding:0;margin:0}.breadcrumb-item[data-v-e74a38a0]{display:flex;align-items:center;white-space:nowrap}.breadcrumb-item+.breadcrumb-item[data-v-e74a38a0]{display:flex;align-items:center}.breadcrumb-item+.breadcrumb-item[data-v-e74a38a0]:before{content:">";margin:0 8px;color:#1c1c1c;font-size:16px;display:inline-flex;align-items:center;height:100%}.breadcrumb-item a[data-v-e74a38a0]{color:#1c1c1c;font-family:var(--font-family-main);font-size:14px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.5px;text-decoration:none;opacity:var(--60, .6)}.breadcrumb-item span[data-v-e74a38a0]{color:#1c1c1c;font-family:var(--font-family-main);font-size:20px;font-style:normal;line-height:normal;letter-spacing:.5px;font-weight:700}.breadcrumb-item .badge[data-v-e74a38a0]{color:#fff!important;padding:8px 20px;font-size:16px!important;font-weight:600!important;opacity:1!important;position:relative;margin-left:8px;text-decoration:none!important;display:inline-block;border-radius:0 25px}.breadcrumb-item .badge .badge-text[data-v-e74a38a0]{display:inline-block;color:#fff!important}.breadcrumb-item span.badge[data-v-e74a38a0],.breadcrumb-item a.badge[data-v-e74a38a0]{color:#fff!important}.badge-pink[data-v-e74a38a0]{background:linear-gradient(135deg,#ff6b9d,#ff69b4)}.badge-blue[data-v-e74a38a0]{background:#0060d8}.badge-cyan[data-v-e74a38a0]{background:#0cc0df}.badge-navy[data-v-e74a38a0]{background:#004aad}.breadcrumb-item .badge+.breadcrumb-item[data-v-e74a38a0]:before,.breadcrumb-item:last-child .badge[data-v-e74a38a0]:before{display:none}.breadcrumb-item .badge[data-v-e74a38a0]{margin-left:0}@media (max-width: 480px){.breadcrumb ol[data-v-e74a38a0]{flex-wrap:wrap}.breadcrumb-item .badge[data-v-e74a38a0]{font-size:12px!important;padding:2px 12px;border-radius:0 15px}.breadcrumb-item span[data-v-e74a38a0],.breadcrumb-item a[data-v-e74a38a0]{font-size:12px}}.modal-content[data-v-338ba00e]{display:flex;flex-direction:column;gap:20px}.description[data-v-338ba00e]{font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1.6;color:#1c1c1c;margin:0}.footer-actions[data-v-338ba00e]{display:flex;justify-content:center;width:100%}.mail-address-edit-container[data-v-66627c2d]{display:flex;flex-direction:column;gap:24px;padding:0 40px 40px;width:100%;height:100%}.breadcrumb[data-v-66627c2d]{margin-bottom:8px}.form-card[data-v-66627c2d]{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00053a0d;overflow:hidden;width:100%}.form-content[data-v-66627c2d]{padding:32px;display:flex;flex-direction:column;gap:24px}.form-field[data-v-66627c2d]{display:flex;flex-direction:column;gap:16px}.form-actions[data-v-66627c2d]{display:flex;gap:12px;justify-content:flex-start}.form-actions .secondary-button[data-v-66627c2d],.form-actions .primary-button[data-v-66627c2d]{width:auto;min-width:80px;padding:8px 24px;height:40px}@media (max-width: 768px){.mail-address-edit-container[data-v-66627c2d]{padding:0 20px 20px}.form-content[data-v-66627c2d]{padding:24px;gap:20px}.form-actions[data-v-66627c2d]{flex-direction:column-reverse;gap:12px}}@media (max-width: 480px){.mail-address-edit-container[data-v-66627c2d]{padding:0 16px 16px}.form-content[data-v-66627c2d]{padding:20px}}.password-reset-request-container[data-v-bfbd7bf4]{display:flex;flex-direction:column;gap:24px;padding:0 40px 40px;width:100%;height:100%}.breadcrumb[data-v-bfbd7bf4]{margin-bottom:8px}.form-card[data-v-bfbd7bf4]{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00053a0d;overflow:hidden;width:100%}.form-content[data-v-bfbd7bf4]{padding:32px;display:flex;flex-direction:column;gap:24px}.form-field[data-v-bfbd7bf4]{display:flex;flex-direction:column;gap:16px}.form-actions[data-v-bfbd7bf4]{display:flex;gap:12px;justify-content:flex-start}.form-actions .secondary-button[data-v-bfbd7bf4],.form-actions .primary-button[data-v-bfbd7bf4]{width:auto;min-width:80px;padding:8px 24px;height:40px}@media (max-width: 768px){.password-reset-request-container[data-v-bfbd7bf4]{padding:0 20px 20px}.form-content[data-v-bfbd7bf4]{padding:24px;gap:20px}.form-actions[data-v-bfbd7bf4]{flex-direction:column-reverse;gap:12px}}@media (max-width: 480px){.password-reset-request-container[data-v-bfbd7bf4]{padding:0 16px 16px}.form-content[data-v-bfbd7bf4]{padding:20px}}.main-layout[data-v-bca649c3]{width:100%;max-width:600px;text-align:center}h1[data-v-bca649c3]{color:#2563eb;margin-bottom:16px}p[data-v-bca649c3]{color:#6b7280;margin-bottom:32px}.main-layout[data-v-a0458920]{width:100%;max-width:600px;text-align:center}h1[data-v-a0458920]{color:#2563eb;margin-bottom:16px}p[data-v-a0458920]{color:#6b7280;margin-bottom:32px}.data-linkage-container[data-v-23b7477b]{display:flex;flex-direction:column;gap:24px;padding:0 40px 40px;width:100%;height:100%}.breadcrumb[data-v-23b7477b]{margin-bottom:8px}.form-card[data-v-23b7477b]{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00053a0d;overflow:hidden;width:100%}.form-content[data-v-23b7477b]{padding:32px;display:flex;flex-direction:column;gap:24px}.form-field[data-v-23b7477b]{display:flex;flex-direction:column;gap:16px}.form-actions[data-v-23b7477b]{display:flex;gap:12px;justify-content:flex-start}.form-actions .secondary-button[data-v-23b7477b],.form-actions .primary-button[data-v-23b7477b]{width:auto;min-width:80px;padding:8px 24px;height:40px}@media (max-width: 768px){.data-linkage-container[data-v-23b7477b]{padding:0 20px 20px}.form-content[data-v-23b7477b]{padding:24px;gap:20px}.form-actions[data-v-23b7477b]{flex-direction:column-reverse;gap:12px}}@media (max-width: 480px){.data-linkage-container[data-v-23b7477b]{padding:0 16px 16px}.form-content[data-v-23b7477b]{padding:20px}}.main-layout[data-v-b561d637]{width:100%;max-width:600px;text-align:center}h1[data-v-b561d637]{color:#2563eb;margin-bottom:16px}p[data-v-b561d637]{color:#6b7280;margin-bottom:32px}.main-layout[data-v-b4c9c5a2]{width:100%;max-width:600px;text-align:center}h1[data-v-b4c9c5a2]{color:#2563eb;margin-bottom:16px}p[data-v-b4c9c5a2]{color:#6b7280;margin-bottom:32px}.tab-navigation[data-v-418489ab]{width:100%;margin-bottom:20px}.tab-container[data-v-418489ab]{display:flex;width:100%;gap:8px;background:#e3e8ef;border-radius:24px;padding:6px;box-shadow:0 1px 1px #0000001a;border:none}.tab-item[data-v-418489ab]{flex:1;border:none;background:transparent;padding:8px 20px;font-family:var(--font-family-main);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:24px;white-space:nowrap;min-width:100px;outline:none}.tab-item[data-v-418489ab]:hover{color:#374151}.tab-item.active[data-v-418489ab]{background:#ff69b4;color:#fff}.tab-item.active[data-v-418489ab]:hover{background:#e558a1;color:#fff}@media (max-width: 768px){.tab-container[data-v-418489ab]{border-radius:24px;padding:3px}.tab-item[data-v-418489ab]{padding:6px 16px;font-size:14px;border-radius:24px;min-width:80px}}.score-distribution-wrapper[data-v-0fbb6815]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05))}.overall-score-tab[data-v-0fbb6815]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.tab-label[data-v-0fbb6815]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.score-distribution-chart[data-v-0fbb6815]{background:#fff;border-radius:0 12px 12px;padding:20px}.stats-cards[data-v-0fbb6815]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stats-cards--two-columns[data-v-0fbb6815]{grid-template-columns:repeat(2,1fr)}.stat-card[data-v-0fbb6815]{background:#f0f2f5;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px;min-height:120px}.stat-label[data-v-0fbb6815]{font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1.45;color:#1c1c1c99;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;gap:4px}.label-icon[data-v-0fbb6815]{width:16px;height:16px;flex-shrink:0;cursor:pointer;transition:opacity .2s ease}.label-icon[data-v-0fbb6815]:hover{opacity:.7}.stat-value[data-v-0fbb6815]{font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1.45;color:#1c1c1c;display:flex;align-items:baseline;justify-content:center;gap:4px;flex-wrap:wrap}.stat-value--large[data-v-0fbb6815]{font-size:22px;font-weight:700;letter-spacing:.02em}.score-number[data-v-0fbb6815]{font-size:22px;font-weight:700}.score-separator[data-v-0fbb6815],.score-total[data-v-0fbb6815]{font-size:18px;font-weight:400}.score-unit[data-v-0fbb6815]{font-size:14px;font-weight:400}.chart-header[data-v-0fbb6815]{margin-bottom:12px}.chart-title[data-v-0fbb6815]{font-family:var(--font-family-main);font-size:16px;font-weight:500;color:#1c1c1c;margin:0}.chart-area[data-v-0fbb6815]{display:flex;flex-direction:column}.y-axis-label[data-v-0fbb6815]{font-family:var(--font-family-main);font-size:13px;font-weight:700;color:#1c1c1c;margin-bottom:4px}.chart-container[data-v-0fbb6815]{position:relative;height:480px;width:100%}.chart-legend[data-v-0fbb6815]{display:flex;justify-content:center;align-items:center;gap:0;padding:4px 0;margin-top:10px;font-family:var(--font-family-main);font-size:14px;color:#1c1c1c;opacity:.6}.legend-marker[data-v-0fbb6815]{display:inline-block;width:20px;height:11px;background-color:#0152a2;border-radius:2px}.legend-text[data-v-0fbb6815]{font-weight:500;line-height:1.45;letter-spacing:.0357em}@media (max-width: 768px){.score-distribution-chart[data-v-0fbb6815]{padding:20px}.stats-cards[data-v-0fbb6815]{grid-template-columns:repeat(2,1fr)}.stat-card[data-v-0fbb6815]{padding:16px;gap:16px;min-height:100px}.stat-label[data-v-0fbb6815]{font-size:13px}.label-icon[data-v-0fbb6815]{width:14px;height:14px}.stat-value[data-v-0fbb6815]{font-size:13px}.stat-value--large[data-v-0fbb6815],.score-number[data-v-0fbb6815]{font-size:20px}.score-separator[data-v-0fbb6815],.score-total[data-v-0fbb6815]{font-size:16px}.score-unit[data-v-0fbb6815]{font-size:13px}.chart-title[data-v-0fbb6815]{font-size:16px}.chart-container[data-v-0fbb6815]{height:400px}.chart-legend[data-v-0fbb6815]{font-size:12px;margin-top:14px}.legend-marker[data-v-0fbb6815]{width:14px;height:14px}}@media (max-width: 480px){.score-distribution-chart[data-v-0fbb6815]{padding:16px}.stats-cards[data-v-0fbb6815]{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card[data-v-0fbb6815]{padding:14px;gap:12px;min-height:90px}.stat-label[data-v-0fbb6815]{font-size:12px}.label-icon[data-v-0fbb6815]{width:12px;height:12px}.stat-value[data-v-0fbb6815]{font-size:12px}.stat-value--large[data-v-0fbb6815],.score-number[data-v-0fbb6815]{font-size:18px}.score-separator[data-v-0fbb6815],.score-total[data-v-0fbb6815]{font-size:14px}.score-unit[data-v-0fbb6815]{font-size:12px}.chart-title[data-v-0fbb6815]{font-size:15px}.chart-container[data-v-0fbb6815]{height:350px}.chart-legend[data-v-0fbb6815]{font-size:11px;margin-top:12px}.legend-marker[data-v-0fbb6815]{width:12px;height:12px}}.progress-bar[data-v-7ab5e7d0]{height:24px;background:#e5e5e5;border-radius:4px;position:relative;overflow:visible;width:100%;z-index:10}.progress-fill[data-v-7ab5e7d0]{height:100%;background:#60a5fa;transition:width .3s ease;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.progress-label[data-v-7ab5e7d0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:#fff;white-space:nowrap;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.progress-bar--student .progress-fill[data-v-7ab5e7d0]{background:#60a5fa}.progress-bar--teacher .progress-fill[data-v-7ab5e7d0]{background:#10b981}.progress-bar--admin .progress-fill[data-v-7ab5e7d0]{background:#8b5cf6}.progress-bar--below-average .progress-fill[data-v-7ab5e7d0]{background:#f87171}.star-marker[data-v-7ab5e7d0]{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:14px;color:#ffc039;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none}@media (max-width: 768px){.progress-bar[data-v-7ab5e7d0]{height:20px}.progress-label[data-v-7ab5e7d0]{font-size:11px}.star-marker[data-v-7ab5e7d0]{font-size:12px}}@keyframes scroll-hint-appear{0%{transform:translate(40px);opacity:0}10%{opacity:1}50%,to{transform:translate(-40px);opacity:0}}.scroll-hint-icon{position:absolute;top:calc(50% - 25px);left:calc(50% - 60px);box-sizing:border-box;width:120px;height:auto;border-radius:5px;transition:opacity .3s;opacity:0;background:#000000b3;text-align:center;padding:20px 10px 10px}.scroll-hint-icon-wrap{position:absolute;top:0;left:0;width:100%;height:100%;max-height:100%;pointer-events:none}.scroll-hint-text{font-size:10px;color:#fff;margin-top:5px}.scroll-hint-icon-wrap.is-active .scroll-hint-icon{opacity:.8}.scroll-hint-icon:before{display:inline-block;width:40px;height:40px;color:#fff;vertical-align:middle;text-align:center;content:"";background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=)}.scroll-hint-icon:after{content:"";width:34px;height:14px;display:block;position:absolute;top:10px;left:50%;margin-left:-20px;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);opacity:0;transition-delay:2.4s}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after{opacity:1}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before{animation:scroll-hint-appear 1.2s linear;animation-iteration-count:2}.scroll-hint-icon-white{background-color:#fff;box-shadow:0 4px 5px #0006}.scroll-hint-icon-white:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=)}.scroll-hint-icon-white:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==)}.scroll-hint-icon-white .scroll-hint-text{color:#000}.scroll-hint-shadow-wrap{position:relative}.scroll-hint-shadow-wrap:after{content:"";width:20px;height:100%;background:linear-gradient(270deg,#00000026 0,#0000 16px,#0000);position:absolute;top:0;right:0;pointer-events:none;z-index:1;opacity:0;visibility:hidden}.scroll-hint-shadow-wrap:before{content:"";width:20px;height:100%;background:linear-gradient(90deg,#00000026 0,#0000 16px,#0000);position:absolute;top:0;left:0;pointer-events:none;z-index:1;opacity:0;visibility:hidden}.scroll-hint-shadow-wrap:has(.scroll-hint.is-right-scrollable):after,.scroll-hint-shadow-wrap.is-right-scrollable:after{opacity:1;visibility:visible}.scroll-hint-shadow-wrap:has(.scroll-hint.is-left-scrollable):before,.scroll-hint-shadow-wrap.is-left-scrollable:before{opacity:1;visibility:visible}.category-score-wrapper[data-v-9c7cab8d]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05))}.category-score-wrapper[data-v-9c7cab8d] .scroll-hint-icon-wrap{z-index:10!important}.category-score-wrapper[data-v-9c7cab8d] .scroll-hint-icon{top:calc(50% + 10px)!important}.category-score-header[data-v-9c7cab8d]{display:flex;align-items:center;gap:20px}.category-score-tab[data-v-9c7cab8d]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.tab-label[data-v-9c7cab8d]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c;white-space:nowrap}.total-average-label[data-v-9c7cab8d]{display:flex;align-items:center;gap:6px}.star-icon[data-v-9c7cab8d]{font-size:14px;color:#ffc039}.label-text[data-v-9c7cab8d]{font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1.45;color:#1c1c1c;white-space:nowrap}.note-text[data-v-9c7cab8d]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#e53935;margin-left:10px}.category-score-content[data-v-9c7cab8d]{background:#fff;border-radius:0 12px 12px;padding:20px}.table-wrapper[data-v-9c7cab8d]{width:100%;overflow-x:auto;border:1px solid #DCDCDC}.category-table[data-v-9c7cab8d]{width:100%;border-collapse:collapse;font-family:var(--font-family-main);min-width:900px}.header-row[data-v-9c7cab8d],.sub-header-row[data-v-9c7cab8d]{background:#f0f2f5}.header-cell[data-v-9c7cab8d]{padding:12px;text-align:center;font-weight:400;font-size:14px;color:#1c1c1c;border-right:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC}.header-cell[data-v-9c7cab8d]:last-child{border-right:none}.sub-header-cell[data-v-9c7cab8d]{padding:8px 12px;text-align:center;font-weight:400;font-size:13px;color:#1c1c1c;border-right:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC}.sub-header-cell[data-v-9c7cab8d]:last-child{border-right:none}.category-header[data-v-9c7cab8d]{width:180px;min-width:180px;position:sticky;left:0;z-index:3;background:#f0f2f5}.category-header-content[data-v-9c7cab8d]{display:flex;align-items:center;justify-content:center;gap:6px}.label-icon[data-v-9c7cab8d]{width:16px;height:16px;flex-shrink:0;cursor:pointer;transition:opacity .2s ease}.label-icon[data-v-9c7cab8d]:hover{opacity:.7}.score-header[data-v-9c7cab8d]{width:250px;min-width:250px}.average-header[data-v-9c7cab8d]{width:200px;min-width:200px}.rank-header[data-v-9c7cab8d]{width:220px;min-width:220px}.data-row[data-v-9c7cab8d]{border-bottom:1px solid #DCDCDC;transition:background-color .2s ease}.data-row[data-v-9c7cab8d]:hover{background-color:#f9fafb}.data-row[data-v-9c7cab8d]:last-child{border-bottom:none}.data-row--total[data-v-9c7cab8d]{background-color:#fff;font-weight:400;border-bottom:3px solid #DCDCDC!important}.data-row--total .category-cell[data-v-9c7cab8d]{background-color:#fff}.data-row--total[data-v-9c7cab8d]:hover,.data-row--total:hover .category-cell[data-v-9c7cab8d]{background-color:#f9fafb}.data-cell[data-v-9c7cab8d]{padding:16px 12px;text-align:center;font-size:14px;color:#1c1c1c;border-right:1px solid #DCDCDC;vertical-align:middle}.data-cell[data-v-9c7cab8d]:last-child{border-right:none}.category-cell[data-v-9c7cab8d]{font-weight:400;text-align:left;padding-left:20px;position:sticky;left:0;z-index:2;background:#fff}.score-cell[data-v-9c7cab8d]{padding:12px;position:relative;z-index:1}.score-content[data-v-9c7cab8d]{display:flex;flex-direction:row;gap:12px;align-items:center;position:relative;z-index:1}.progress-wrapper[data-v-9c7cab8d]{width:130px;flex-shrink:0;position:relative;z-index:1}.score-text[data-v-9c7cab8d]{font-size:13px;color:#1c1c1c;font-weight:400;white-space:nowrap;flex-shrink:0}.score-text--below-cutoff[data-v-9c7cab8d]{color:#dc2626;font-weight:500}.average-cell[data-v-9c7cab8d]{font-weight:400}.rank-cell[data-v-9c7cab8d]{padding:12px 8px}.rank-number[data-v-9c7cab8d]{font-size:14px;font-weight:400;color:#1c1c1c;margin-right:4px}.rank-total[data-v-9c7cab8d]{font-size:12px;color:#6b7280}@media (max-width: 768px){.category-score-content[data-v-9c7cab8d]{padding:16px}.category-table[data-v-9c7cab8d]{min-width:700px;font-size:12px}.header-cell[data-v-9c7cab8d]{padding:8px 6px;font-size:12px}.sub-header-cell[data-v-9c7cab8d]{padding:6px;font-size:11px}.data-cell[data-v-9c7cab8d]{padding:10px 6px;font-size:12px}.category-header[data-v-9c7cab8d]{width:120px;min-width:120px}.score-header[data-v-9c7cab8d]{width:180px;min-width:180px}.category-cell[data-v-9c7cab8d]{padding-left:8px}.progress-wrapper[data-v-9c7cab8d]{width:100px}.score-text[data-v-9c7cab8d],.average-cell[data-v-9c7cab8d]{font-size:11px}.rank-number[data-v-9c7cab8d]{font-size:12px}.rank-total[data-v-9c7cab8d]{font-size:10px}.category-score-header[data-v-9c7cab8d]{gap:8px}.category-score-tab[data-v-9c7cab8d]{padding:8px 12px}.tab-label[data-v-9c7cab8d],.label-text[data-v-9c7cab8d],.star-icon[data-v-9c7cab8d]{font-size:12px}.note-text[data-v-9c7cab8d]{font-size:10px;margin-left:4px}}@media (max-width: 480px){.category-score-content[data-v-9c7cab8d]{padding:12px}.category-table[data-v-9c7cab8d]{min-width:540px;font-size:11px}.header-cell[data-v-9c7cab8d]{padding:6px 4px;font-size:11px}.sub-header-cell[data-v-9c7cab8d]{padding:5px 4px;font-size:10px}.data-cell[data-v-9c7cab8d]{padding:8px 4px;font-size:11px}.category-header[data-v-9c7cab8d]{width:100px;min-width:100px}.score-header[data-v-9c7cab8d]{width:150px;min-width:150px}.category-cell[data-v-9c7cab8d]{padding-left:6px;font-size:11px}.progress-wrapper[data-v-9c7cab8d]{width:80px}.score-content[data-v-9c7cab8d]{gap:8px}.score-text[data-v-9c7cab8d],.average-cell[data-v-9c7cab8d]{font-size:10px}.rank-number[data-v-9c7cab8d]{font-size:11px}.rank-total[data-v-9c7cab8d]{font-size:9px}}.subject-score-wrapper[data-v-a7dc299f]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05))}.subject-score-wrapper[data-v-a7dc299f] .scroll-hint-icon-wrap{z-index:30!important}.subject-score-header[data-v-a7dc299f]{display:flex;align-items:center;gap:20px}.subject-score-tab[data-v-a7dc299f]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.tab-label[data-v-a7dc299f]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c;white-space:nowrap}.total-average-label[data-v-a7dc299f]{display:flex;align-items:center;gap:6px}.star-icon[data-v-a7dc299f]{font-size:14px;color:#ffc039}.label-text[data-v-a7dc299f]{font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1.45;color:#1c1c1c;white-space:nowrap}.subject-score-content[data-v-a7dc299f]{background:#fff;border-radius:0 12px 12px;padding:20px}.table-wrapper[data-v-a7dc299f]{width:100%;max-height:1000px;overflow-x:auto;overflow-y:auto;border:1px solid #DCDCDC}.subject-table[data-v-a7dc299f]{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-family-main);min-width:1000px}.subject-table thead[data-v-a7dc299f]{position:sticky;top:0;z-index:10}.header-row[data-v-a7dc299f],.sub-header-row[data-v-a7dc299f]{background:#f0f2f5}.header-cell[data-v-a7dc299f]{padding:12px;text-align:center;font-weight:400;font-size:14px;color:#1c1c1c;border-bottom:1px solid #DCDCDC;border-right:1px solid #DCDCDC;background:#f0f2f5}.header-cell[data-v-a7dc299f]:last-child{border-right:none}.header-content[data-v-a7dc299f]{display:flex;align-items:center;justify-content:center;gap:4px}.label-icon[data-v-a7dc299f]{width:16px;height:16px;flex-shrink:0;cursor:pointer;transition:opacity .2s ease}.label-icon[data-v-a7dc299f]:hover{opacity:.7}.sub-header-cell[data-v-a7dc299f]{padding:8px 12px;text-align:center;font-weight:400;font-size:13px;color:#1c1c1c;border-bottom:1px solid #DCDCDC;border-right:1px solid #DCDCDC;background:#f0f2f5}.sub-header-cell[data-v-a7dc299f]:last-child{border-right:none}.subject-header[data-v-a7dc299f]{width:180px;min-width:180px;position:sticky;left:0;z-index:20;background:#f0f2f5}.score-header[data-v-a7dc299f]{width:250px;min-width:250px}.rank-header[data-v-a7dc299f],.rank2-header[data-v-a7dc299f]{width:120px;min-width:120px}.amikake-header[data-v-a7dc299f]{width:100px;min-width:100px}.average-header[data-v-a7dc299f]{width:200px;min-width:200px}.data-row[data-v-a7dc299f]{transition:background-color .2s ease}.data-row[data-v-a7dc299f]:hover{background-color:#f9fafb}.data-row--level1-separator .data-cell[data-v-a7dc299f]{border-top:4px solid #DCDCDC}.data-row--level2-separator .data-cell[data-v-a7dc299f]{border-top:2px solid #DCDCDC}.data-row--level1[data-v-a7dc299f]{background-color:#dbeafe}.data-row--level1[data-v-a7dc299f]:hover,.data-row--level1:hover .subject-cell--level1[data-v-a7dc299f]{background-color:#bfdbfe}.data-row--below-average[data-v-a7dc299f]{background-color:#fee2e2!important}.data-row--below-average[data-v-a7dc299f]:hover,.data-row--below-average:hover .subject-cell--below-average[data-v-a7dc299f]{background-color:#fecaca!important}.data-row--level2[data-v-a7dc299f]{background-color:#eff6ff}.data-row--level2[data-v-a7dc299f]:hover,.data-row--level2:hover .subject-cell--level2[data-v-a7dc299f]{background-color:#dbeafe}.data-row--level3[data-v-a7dc299f]{background-color:#fff}.data-row--level3[data-v-a7dc299f]:hover,.data-row--level3:hover .subject-cell--level3[data-v-a7dc299f]{background-color:#f9fafb}.data-cell[data-v-a7dc299f]{padding:16px 12px;text-align:center;font-size:14px;color:#1c1c1c;border-bottom:1px solid #DCDCDC;border-right:1px solid #DCDCDC;vertical-align:middle}.data-cell[data-v-a7dc299f]:last-child{border-right:none}.data-row:last-child .data-cell[data-v-a7dc299f]{border-bottom:none}.subject-cell[data-v-a7dc299f]{font-weight:400;text-align:center;position:sticky;left:0;z-index:2}.subject-cell--level1[data-v-a7dc299f]{background-color:#dbeafe}.subject-cell--level2[data-v-a7dc299f]{background-color:#eff6ff}.subject-cell--level3[data-v-a7dc299f]{background-color:#fff}.subject-cell--below-average[data-v-a7dc299f]{background-color:#fee2e2}.score-cell[data-v-a7dc299f]{padding:12px;position:relative;z-index:1}.score-content[data-v-a7dc299f]{display:flex;flex-direction:row;gap:12px;align-items:center;position:relative;z-index:1}.progress-wrapper[data-v-a7dc299f]{width:130px;flex-shrink:0;position:relative;z-index:1}.score-text[data-v-a7dc299f]{font-size:13px;color:#1c1c1c;font-weight:400;white-space:nowrap;flex-shrink:0}.score-text--below-cutoff[data-v-a7dc299f]{color:#dc2626;font-weight:500}.rank-cell[data-v-a7dc299f]{padding:12px 8px}.rank-number[data-v-a7dc299f]{font-size:14px;font-weight:400;color:#1c1c1c;margin-right:4px}.rank-total[data-v-a7dc299f]{font-size:12px;color:#6b7280}.amikake-cell[data-v-a7dc299f],.average-cell[data-v-a7dc299f]{font-weight:400}@media (max-width: 768px){.table-wrapper[data-v-a7dc299f]{max-height:500px}.subject-score-content[data-v-a7dc299f]{padding:16px}.subject-table[data-v-a7dc299f]{min-width:700px;font-size:12px}.header-cell[data-v-a7dc299f]{padding:8px 6px;font-size:12px}.label-icon[data-v-a7dc299f]{width:14px;height:14px}.sub-header-cell[data-v-a7dc299f]{padding:6px;font-size:11px}.data-cell[data-v-a7dc299f]{padding:10px 6px;font-size:12px}.subject-header[data-v-a7dc299f]{width:120px;min-width:120px}.score-header[data-v-a7dc299f]{width:180px;min-width:180px}.progress-wrapper[data-v-a7dc299f]{width:100px}.score-text[data-v-a7dc299f]{font-size:11px}.rank-number[data-v-a7dc299f]{font-size:12px}.rank-total[data-v-a7dc299f]{font-size:10px}.amikake-cell[data-v-a7dc299f],.average-cell[data-v-a7dc299f]{font-size:11px}.subject-score-header[data-v-a7dc299f]{gap:8px}.subject-score-tab[data-v-a7dc299f]{padding:8px 12px}.tab-label[data-v-a7dc299f],.label-text[data-v-a7dc299f],.star-icon[data-v-a7dc299f]{font-size:12px}}@media (max-width: 480px){.table-wrapper[data-v-a7dc299f]{max-height:400px}.subject-score-content[data-v-a7dc299f]{padding:12px}.subject-table[data-v-a7dc299f]{min-width:540px;font-size:11px}.header-cell[data-v-a7dc299f]{padding:6px 4px;font-size:11px}.label-icon[data-v-a7dc299f]{width:12px;height:12px}.sub-header-cell[data-v-a7dc299f]{padding:5px 4px;font-size:10px}.data-cell[data-v-a7dc299f]{padding:8px 4px;font-size:11px}.subject-header[data-v-a7dc299f]{width:100px;min-width:100px}.score-header[data-v-a7dc299f]{width:150px;min-width:150px}.progress-wrapper[data-v-a7dc299f]{width:80px}.score-content[data-v-a7dc299f]{gap:8px}.score-text[data-v-a7dc299f]{font-size:10px}.rank-number[data-v-a7dc299f]{font-size:11px}.rank-total[data-v-a7dc299f]{font-size:9px}.amikake-cell[data-v-a7dc299f],.average-cell[data-v-a7dc299f]{font-size:10px}}.expandable-subject[data-v-a7dc299f]{display:flex;align-items:center;justify-content:center;gap:6px}.accordion-spacer[data-v-a7dc299f]{width:18px;flex-shrink:0}.accordion-toggle[data-v-a7dc299f]{background:#00000014;border:none;border-radius:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease;padding:0;flex-shrink:0;outline:none}.accordion-toggle[data-v-a7dc299f]:hover{background-color:#0000001f;color:#374151}.accordion-toggle--expanded[data-v-a7dc299f]{background-color:#3b82f626;color:#3b82f6}.accordion-toggle--expanded[data-v-a7dc299f]:hover{background-color:#3b82f640;color:#2563eb}.data-row--accordion-child[data-v-a7dc299f]{animation:slideDown-a7dc299f .3s ease}@keyframes slideDown-a7dc299f{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-button[data-v-f3a1f30b]{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:none;border-radius:8px;font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.filter-button--default[data-v-f3a1f30b]{background:#f0f2f5;color:#1c1c1c}.filter-button--default[data-v-f3a1f30b]:hover{background:#e5e7eb}.filter-button--selected[data-v-f3a1f30b]{background:#585fff;color:#fff}.filter-button--selected[data-v-f3a1f30b]:hover{background:#4a50e6}.filter-button[data-v-f3a1f30b]:active{transform:scale(.98)}@media (max-width: 768px){.filter-button[data-v-f3a1f30b]{padding:10px 14px;font-size:13px}}@media (max-width: 480px){.filter-button[data-v-f3a1f30b]{padding:8px 12px;font-size:12px}}.filter-button-group[data-v-607978a9]{display:flex;flex-wrap:wrap;gap:6px;align-items:center}@media (max-width: 768px){.filter-button-group[data-v-607978a9]{gap:5px}}@media (max-width: 480px){.filter-button-group[data-v-607978a9]{gap:4px}}.filter-panel-wrapper[data-v-fda1afbd]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05))}.filter-panel-header[data-v-fda1afbd]{display:flex;align-items:center;gap:20px}.filter-panel-tab[data-v-fda1afbd]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.tab-label[data-v-fda1afbd]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.filter-panel[data-v-fda1afbd]{display:flex;flex-direction:column;background:#fff;border-radius:0 12px 12px}.filter-content[data-v-fda1afbd]{display:flex;flex-direction:column;gap:16px;padding:20px}.filter-row[data-v-fda1afbd]{display:flex;align-items:flex-start;gap:12px}.filter-row--actions[data-v-fda1afbd]{align-items:center;gap:16px}.spacer[data-v-fda1afbd]{flex:1}.filter-label[data-v-fda1afbd]{display:flex;align-items:center;gap:6px;padding-top:12px;flex-shrink:0}.marker[data-v-fda1afbd]{width:6px;height:14px;background:#0152a2;border-radius:1px}.label-text[data-v-fda1afbd]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c;white-space:nowrap}.all-clear-button[data-v-fda1afbd]{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:12px 24px;background:#f0f2f5;border:none;border-radius:8px;color:#1c1c1c;font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.all-clear-button[data-v-fda1afbd]:hover{background:#e5e7eb}.all-clear-button[data-v-fda1afbd]:active{transform:scale(.98)}.all-clear-button--active[data-v-fda1afbd]{background:#585fff;color:#fff}.all-clear-button--active[data-v-fda1afbd]:hover{background:#4a50e6}.shaded-checkbox-wrapper[data-v-fda1afbd]{display:flex;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px}.shaded-checkbox-wrapper[data-v-fda1afbd] .n-checkbox,.shaded-checkbox-wrapper[data-v-fda1afbd] .n-checkbox__label{font-family:var(--font-family-main);font-size:14px;font-weight:500;color:#1c1c1c}.apply-button[data-v-fda1afbd]{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:#0152a2;border:none;border-radius:6px;color:#fff;font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.apply-button[data-v-fda1afbd]:hover{background:#014080}.apply-button[data-v-fda1afbd]:active{transform:scale(.98)}@media (max-width: 768px){.filter-content[data-v-fda1afbd]{gap:14px;padding:16px}.filter-row[data-v-fda1afbd]{flex-direction:column;align-items:flex-start;gap:8px}.filter-row--actions[data-v-fda1afbd]{flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.all-clear-button[data-v-fda1afbd]{order:1}.shaded-checkbox-wrapper[data-v-fda1afbd]{order:2}.spacer[data-v-fda1afbd]{display:none}.apply-button[data-v-fda1afbd]{order:3}.filter-label[data-v-fda1afbd]{padding-top:0}.label-text[data-v-fda1afbd]{font-size:13px}.filter-subjects-wrapper[data-v-fda1afbd]{gap:10px}.all-clear-button[data-v-fda1afbd]{min-width:auto;padding:10px 20px;font-size:13px}.apply-button[data-v-fda1afbd]{padding:10px 20px;font-size:13px}}@media (max-width: 480px){.filter-content[data-v-fda1afbd]{gap:12px;padding:14px}.filter-row[data-v-fda1afbd]{gap:6px}.filter-row--actions[data-v-fda1afbd]{flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.all-clear-button[data-v-fda1afbd]{order:1}.shaded-checkbox-wrapper[data-v-fda1afbd]{order:2}.spacer[data-v-fda1afbd]{display:none}.apply-button[data-v-fda1afbd]{order:3}.label-text[data-v-fda1afbd]{font-size:12px}.marker[data-v-fda1afbd]{width:5px;height:12px}.filter-subjects-wrapper[data-v-fda1afbd]{gap:8px}.shaded-checkbox-wrapper[data-v-fda1afbd]{padding:6px 10px}.shaded-checkbox-wrapper[data-v-fda1afbd] .n-checkbox{font-size:13px}.all-clear-button[data-v-fda1afbd]{min-width:auto;padding:8px 18px;font-size:12px}.apply-button[data-v-fda1afbd]{padding:8px 18px;font-size:12px}}.star-rating[data-v-957887f7]{display:inline-flex;align-items:center;gap:2px}.star[data-v-957887f7]{fill:#e5e7eb;stroke:#9ca3af;transition:all .2s ease}.star--filled[data-v-957887f7]{fill:#585fff;stroke:#585fff}@media (max-width: 768px){.star[data-v-957887f7]{width:14px;height:14px}}@media (max-width: 480px){.star[data-v-957887f7]{width:12px;height:12px}}.tag-button[data-v-b036b87c]{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:4px;font-family:var(--font-family-main);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;-webkit-user-select:none;user-select:none}.tag-button--blue[data-v-b036b87c]{background:#e0e7ff;color:#4338ca}.tag-button--cyan[data-v-b036b87c]{background:#cffafe;color:#0e7490}@media (max-width: 768px){.tag-button[data-v-b036b87c]{padding:3px 6px;font-size:11px}}@media (max-width: 480px){.tag-button[data-v-b036b87c]{padding:2px 6px;font-size:10px}}.problem-table-wrapper[data-v-1e97bb6f]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05))}.problem-table-wrapper[data-v-1e97bb6f] .scroll-hint-icon-wrap{z-index:30!important}.problem-table-header[data-v-1e97bb6f]{display:flex;align-items:center}.problem-table-tab[data-v-1e97bb6f]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.tab-label[data-v-1e97bb6f]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.problem-table-content[data-v-1e97bb6f]{display:flex;flex-direction:column;background:#fff;border-radius:0 12px 12px;padding:20px;gap:12px}.table-wrapper[data-v-1e97bb6f]{width:100%;max-height:1000px;overflow-x:auto;overflow-y:auto;border:1px solid #DCDCDC}.problem-table[data-v-1e97bb6f]{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-family-main);min-width:1000px}.problem-table thead[data-v-1e97bb6f]{position:sticky;top:0;z-index:10}.header-row[data-v-1e97bb6f]{background:#f0f2f5}.header-cell[data-v-1e97bb6f]{padding:16px 10px;text-align:center;font-size:14px;font-weight:400;line-height:1.45;color:#1c1c1c;border-bottom:1px solid #DCDCDC;border-right:1px solid #DCDCDC;white-space:nowrap;background:#f0f2f5;height:50px}.header-cell--last[data-v-1e97bb6f]{border-right:none}.header-content[data-v-1e97bb6f]{display:flex;align-items:center;justify-content:center;gap:4px}.label-icon[data-v-1e97bb6f]{width:16px;height:16px;flex-shrink:0;cursor:pointer;transition:opacity .2s ease}.label-icon[data-v-1e97bb6f]:hover{opacity:.7}.question-header[data-v-1e97bb6f]{width:60px;min-width:60px;position:sticky;left:0;z-index:20;background:#f0f2f5}.data-row[data-v-1e97bb6f]{background:#fff;transition:background-color .15s ease;height:45px}.data-row[data-v-1e97bb6f]:hover,.data-row:hover .question-cell[data-v-1e97bb6f]{background:#f9fafb}.data-cell[data-v-1e97bb6f]{padding:8px 10px;text-align:center;font-size:14px;font-weight:400;line-height:1.45;color:#1c1c1c;border-bottom:1px solid #DCDCDC;border-right:1px solid #DCDCDC}.data-cell--last[data-v-1e97bb6f]{border-right:none}.question-cell[data-v-1e97bb6f]{position:sticky;left:0;z-index:2;background:#fff}.data-cell--highlight-question[data-v-1e97bb6f]{background:#ffc8c8!important}.data-cell--incorrect-text[data-v-1e97bb6f]{color:#fe2626;font-weight:700}.star-cell[data-v-1e97bb6f]{padding:12px 8px}.content-cell[data-v-1e97bb6f]{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.tags-cell[data-v-1e97bb6f]{padding:8px 10px}.tags-wrapper[data-v-1e97bb6f]{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center}.link-cell[data-v-1e97bb6f]{padding:12px 10px}.problem-link[data-v-1e97bb6f]{color:#0152a2;text-decoration:underline;font-weight:500;cursor:pointer;transition:color .15s ease}.problem-link[data-v-1e97bb6f]:hover{color:#014080}.problem-link--disabled[data-v-1e97bb6f]{color:#9ca3af}@media (max-width: 768px){.table-wrapper[data-v-1e97bb6f]{max-height:500px}.problem-table-content[data-v-1e97bb6f]{border-radius:0 8px 8px;padding:16px;gap:10px}.problem-table-tab[data-v-1e97bb6f]{padding:8px 16px}.tab-label[data-v-1e97bb6f]{font-size:13px}.problem-table[data-v-1e97bb6f]{min-width:700px;font-size:12px}.header-cell[data-v-1e97bb6f]{padding:14px 8px;font-size:12px}.label-icon[data-v-1e97bb6f]{width:14px;height:14px}.data-cell[data-v-1e97bb6f]{padding:8px;font-size:12px}}@media (max-width: 480px){.table-wrapper[data-v-1e97bb6f]{max-height:400px}.problem-table-content[data-v-1e97bb6f]{border-radius:0 6px 6px;padding:14px;gap:8px}.problem-table-tab[data-v-1e97bb6f]{padding:6px 12px}.tab-label[data-v-1e97bb6f]{font-size:12px}.problem-table[data-v-1e97bb6f]{min-width:540px;font-size:11px}.header-cell[data-v-1e97bb6f]{padding:12px 6px;font-size:11px}.label-icon[data-v-1e97bb6f]{width:12px;height:12px}.data-cell[data-v-1e97bb6f]{padding:6px;font-size:11px}}.breadcrumb-student-info-wrapper[data-v-72aeaaca]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:40px}.breadcrumb-wrapper[data-v-72aeaaca]{flex:0 0 auto}.tab-section[data-v-72aeaaca]{margin-bottom:30px}.self-scoring-notice[data-v-72aeaaca]{font-family:var(--font-family-main);font-size:14px;font-weight:500;color:#e53935;margin-bottom:16px}.student-info-section[data-v-72aeaaca]{display:flex;flex-wrap:wrap;gap:20px;align-items:center;font-family:var(--font-family-main);background:#fff;padding:16px;border-radius:12px}.info-item[data-v-72aeaaca]{display:inline-flex;gap:0;align-items:center;white-space:nowrap}.info-label[data-v-72aeaaca]{font-size:14px;font-weight:500;color:#1c1c1c99}.info-value[data-v-72aeaaca]{font-size:14px;font-weight:500;color:#0152a2}.stats-grid[data-v-72aeaaca]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.chart-wrapper[data-v-72aeaaca],.score-summary-wrapper[data-v-72aeaaca],.subject-score-wrapper[data-v-72aeaaca]{margin-bottom:30px}.category-score-wrapper[data-v-72aeaaca],.subject-score-wrapper[data-v-72aeaaca]{margin-top:30px}.filter-panel-wrapper[data-v-72aeaaca],.problem-score-wrapper[data-v-72aeaaca]{margin-bottom:30px}@media (max-width: 1024px){.stats-grid[data-v-72aeaaca]{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.self-scoring-notice[data-v-72aeaaca]{font-size:10px}.breadcrumb-student-info-wrapper[data-v-72aeaaca]{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:24px}.tab-section[data-v-72aeaaca]{margin-bottom:24px}.student-info-section[data-v-72aeaaca]{gap:12px;width:100%}.info-label[data-v-72aeaaca],.info-value[data-v-72aeaaca]{font-size:13px}.stats-grid[data-v-72aeaaca]{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.chart-wrapper[data-v-72aeaaca],.score-summary-wrapper[data-v-72aeaaca],.subject-score-wrapper[data-v-72aeaaca],.problem-score-wrapper[data-v-72aeaaca]{margin-bottom:24px}}@media (max-width: 480px){.breadcrumb-student-info-wrapper[data-v-72aeaaca]{gap:16px;margin-bottom:20px}.tab-section[data-v-72aeaaca]{margin-bottom:20px}.student-info-section[data-v-72aeaaca]{gap:10px}.info-label[data-v-72aeaaca],.info-value[data-v-72aeaaca]{font-size:12px}.stats-grid[data-v-72aeaaca]{gap:10px;margin-bottom:20px}.chart-wrapper[data-v-72aeaaca],.score-summary-wrapper[data-v-72aeaaca],.subject-score-wrapper[data-v-72aeaaca],.problem-score-wrapper[data-v-72aeaaca]{margin-bottom:20px}}.main-layout[data-v-80b62dfd]{width:100%;max-width:600px;text-align:center}h1[data-v-80b62dfd]{color:#2563eb;margin-bottom:16px}p[data-v-80b62dfd]{color:#6b7280;margin-bottom:32px}.main-layout[data-v-5257079a]{width:100%;max-width:600px;text-align:center}h1[data-v-5257079a]{color:#2563eb;margin-bottom:16px}p[data-v-5257079a]{color:#6b7280;margin-bottom:32px}.main-layout[data-v-f4518aec]{width:100%;max-width:600px;text-align:center}h1[data-v-f4518aec]{color:#2563eb;margin-bottom:16px}p[data-v-f4518aec]{color:#6b7280;margin-bottom:32px}.main-layout[data-v-31c57c71]{width:100%;max-width:600px;text-align:center}h1[data-v-31c57c71]{color:#2563eb;margin-bottom:16px}p[data-v-31c57c71]{color:#6b7280;margin-bottom:32px}.main-layout[data-v-1a476222]{width:100%;max-width:600px;text-align:center}h1[data-v-1a476222]{color:#d97706;margin-bottom:16px}p[data-v-1a476222]{color:#6b7280;margin-bottom:32px}.main-layout[data-v-4b4d8d7e]{width:100%;max-width:600px;text-align:center}h1[data-v-4b4d8d7e]{color:#d97706;margin-bottom:16px}p[data-v-4b4d8d7e]{color:#6b7280;margin-bottom:32px}.main-layout[data-v-e41d4557]{width:100%;max-width:600px;text-align:center}h1[data-v-e41d4557]{color:#d97706;margin-bottom:16px}p[data-v-e41d4557]{color:#6b7280;margin-bottom:32px}.search-filter[data-v-45b05a0d]{background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px}.filter-grid[data-v-45b05a0d]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.filter-item[data-v-45b05a0d]{display:flex;flex-direction:column}.filter-label[data-v-45b05a0d]{font-family:var(--font-family-main);font-size:14px;font-weight:600;color:#1c1c1c;line-height:20px}.graduation-section[data-v-45b05a0d]{display:flex;flex-direction:column;gap:10px}.graduation-buttons[data-v-45b05a0d]{display:flex;gap:6px}.search-fields[data-v-45b05a0d]{display:flex;gap:20px}.search-item[data-v-45b05a0d]{flex:1}.fixed-field[data-v-45b05a0d]{display:flex;flex-direction:column;gap:10px}.fixed-value[data-v-45b05a0d]{padding:10px 12px;border:1px solid #a0a0a0;border-radius:6px;background:#f9f9f9;font-family:var(--font-family-main);font-size:14px;color:#1c1c1c;font-weight:500}.graduation-btn[data-v-45b05a0d]{background:#f0f2f5;border:none;border-radius:8px;padding:12px;font-family:var(--font-family-main);font-size:14px;font-weight:400;color:#1c1c1c;cursor:pointer;transition:all .2s ease;min-width:52px}.graduation-btn[data-v-45b05a0d]:hover{background:#e5e7eb}.graduation-btn.active[data-v-45b05a0d]{background:#3b82f6;color:#fff}.graduation-btn.active[data-v-45b05a0d]:hover{background:#2563eb}@media (max-width: 768px){.filter-grid[data-v-45b05a0d]{grid-template-columns:1fr}.search-fields[data-v-45b05a0d]{flex-direction:column}.graduation-buttons[data-v-45b05a0d]{flex-wrap:wrap}.graduation-btn[data-v-45b05a0d]{flex:1;min-width:80px}}.radar-chart[data-v-26144980]{background:transparent;border-radius:0;padding:20px;box-shadow:none;border:none}.chart-header[data-v-26144980]{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.chart-title[data-v-26144980]{font-family:var(--font-family-main);font-size:18px;font-weight:600;color:#1c1c1c;margin:0;text-align:center}.chart-legend[data-v-26144980]{display:flex;gap:20px;justify-content:center}.legend-item[data-v-26144980]{display:flex;align-items:center;gap:8px}.legend-color[data-v-26144980]{width:22px;height:3px;border-radius:1.5px}.legend-color.school-average[data-v-26144980]{background-color:#3b82f6}.legend-color.total-average[data-v-26144980]{background-color:#be123c}.legend-label[data-v-26144980]{font-family:var(--font-family-main);font-size:16px;font-weight:500;color:#1c1c1c;opacity:.6;letter-spacing:.5px}.chart-container[data-v-26144980]{height:550px;width:100%;position:relative}@media (max-width: 768px){.radar-chart[data-v-26144980]{padding:16px}.chart-title[data-v-26144980]{font-size:14px}.chart-legend[data-v-26144980]{gap:16px}.legend-label[data-v-26144980]{font-size:12px}.chart-container[data-v-26144980]{height:350px}}.score-distribution-chart[data-v-006a5443]{background:transparent;border-radius:0;padding:20px;box-shadow:none;border:none}.chart-header[data-v-006a5443]{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.chart-title[data-v-006a5443]{font-family:var(--font-family-main);font-size:18px;font-weight:600;color:#1c1c1c;margin:0;text-align:center}.chart-legend[data-v-006a5443]{display:flex;gap:20px;justify-content:center}.legend-item[data-v-006a5443]{display:flex;align-items:center;gap:8px}.legend-color[data-v-006a5443]{width:22px;height:3px;border-radius:1.5px}.legend-color.total-line[data-v-006a5443]{background-color:#be123c}.legend-color.school-bars[data-v-006a5443]{background-color:#3b82f6}.legend-label[data-v-006a5443]{font-family:var(--font-family-main);font-size:16px;font-weight:500;color:#1c1c1c;opacity:.6;letter-spacing:.5px}.chart-container[data-v-006a5443]{height:550px;width:90%;margin:0 auto;position:relative}@media (max-width: 768px){.score-distribution-chart[data-v-006a5443]{padding:16px}.chart-title[data-v-006a5443]{font-size:14px}.chart-legend[data-v-006a5443]{gap:16px}.legend-label[data-v-006a5443]{font-size:12px}.chart-container[data-v-006a5443]{height:300px}}.total-score-table[data-v-cd360fb4]{width:100%;background:#fff;border-radius:12px;padding:20px}.score-table-wrapper[data-v-cd360fb4]{width:100%;overflow-x:auto;border:1px solid #dcdcdc}.score-table[data-v-cd360fb4]{width:100%;border-collapse:collapse;font-family:var(--font-family-main);min-width:800px}.header-row[data-v-cd360fb4]{background-color:#f8f9fa}.subject-header[data-v-cd360fb4]{width:180px;min-width:180px;padding:20px 10px 8px;text-align:center;font-family:"M PLUS 2",sans-serif;font-weight:700;font-size:14px;color:#1c1c1c;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#f8f9fa;vertical-align:bottom}.score-column-group[data-v-cd360fb4]{padding:20px 10px 8px;text-align:center;font-weight:700;font-size:14px;color:#1c1c1c;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#f8f9fa;vertical-align:bottom;width:186px;min-width:186px}.score-column-group[data-v-cd360fb4]:last-child{border-right:none}.column-header[data-v-cd360fb4]{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.column-title[data-v-cd360fb4]{font-family:"M PLUS 2",sans-serif;font-weight:700;font-size:14px;color:#1c1c1c}.expandable-header[data-v-cd360fb4]{display:flex;align-items:center;gap:8px}.accordion-toggle[data-v-cd360fb4]{background:#fff;border:1px solid #d1d5db;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease;padding:0;flex-shrink:0;outline:none}.accordion-toggle[data-v-cd360fb4]:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.accordion-toggle--expanded[data-v-cd360fb4]{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.sub-header-row[data-v-cd360fb4]{background-color:#f8f9fa}.score-sub-column[data-v-cd360fb4]{width:93px;min-width:93px;padding:16px 10px;text-align:center;font-family:"M PLUS 2",sans-serif;font-weight:400;font-size:12px;color:#1c1c1c;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#f8f9fa}.score-sub-column[data-v-cd360fb4]:last-child{border-right:none}.accordion-column[data-v-cd360fb4],.accordion-sub-column[data-v-cd360fb4]{animation:slideIn-cd360fb4 .3s ease}@keyframes slideIn-cd360fb4{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.data-row[data-v-cd360fb4]{border-bottom:1px solid #dcdcdc;transition:background-color .2s ease;background-color:#fff}.data-row[data-v-cd360fb4]:hover{background-color:#f9fafb}.data-row[data-v-cd360fb4]:last-child{border-bottom:none}.subject-cell[data-v-cd360fb4]{width:180px;min-width:180px;padding:20px 10px;font-family:"M PLUS 2",sans-serif;font-weight:700;font-size:14px;color:#1c1c1c;background-color:#fff;border-right:1px solid #dcdcdc;text-align:center;vertical-align:middle}.score-cell[data-v-cd360fb4]{width:93px;min-width:93px;padding:20px 10px;text-align:center;border-right:1px solid #dcdcdc;vertical-align:middle}.score-cell[data-v-cd360fb4]:last-child{border-right:none}.score-content[data-v-cd360fb4]{display:flex;flex-direction:column;align-items:center;gap:8px}.score-value[data-v-cd360fb4]{font-family:"M PLUS 2",sans-serif;font-weight:400;font-size:14px;color:#1c1c1c;line-height:1}.score-percentage[data-v-cd360fb4]{font-family:"M PLUS 2",Noto Sans JP,sans-serif;font-weight:400;font-size:12px;color:#1c1c1c;opacity:.6;line-height:1;text-align:center;width:60px}.score-maxscore[data-v-cd360fb4]{font-family:"M PLUS 2",Noto Sans JP,sans-serif;font-weight:400;font-size:12px;color:#1c1c1c;opacity:.6;line-height:1;text-align:center;width:90px}.accordion-cell[data-v-cd360fb4]{animation:slideIn-cd360fb4 .3s ease}@media (max-width: 768px){.total-score-table[data-v-cd360fb4]{font-size:12px}.subject-header[data-v-cd360fb4],.score-column-group[data-v-cd360fb4]{width:140px;min-width:140px;padding:16px 8px}.score-sub-column[data-v-cd360fb4],.score-cell[data-v-cd360fb4]{width:70px;min-width:70px;padding:16px 6px}.score-value[data-v-cd360fb4]{font-size:12px}.score-percentage[data-v-cd360fb4]{font-size:10px;width:50px}.column-title[data-v-cd360fb4]{font-size:12px}}.subject-score-table[data-v-fe193e95]{width:100%;background:#fff;border-radius:12px;padding:20px}.score-table-wrapper[data-v-fe193e95]{width:100%;overflow-x:auto;border:1px solid #dcdcdc}.score-table[data-v-fe193e95]{width:100%;border-collapse:collapse;font-family:var(--font-family-main);min-width:800px}.header-row[data-v-fe193e95]{background-color:#f8f9fa}.subject-header[data-v-fe193e95]{width:180px;min-width:180px;padding:20px 10px 8px;text-align:center;font-family:"M PLUS 2",sans-serif;font-weight:700;font-size:14px;color:#1c1c1c;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#f8f9fa;vertical-align:bottom}.score-column-group[data-v-fe193e95]{padding:20px 10px 8px;text-align:center;font-weight:700;font-size:14px;color:#1c1c1c;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#f8f9fa;vertical-align:bottom;width:186px;min-width:186px}.score-column-group[data-v-fe193e95]:last-child{border-right:none}.column-header[data-v-fe193e95]{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.column-title[data-v-fe193e95]{font-family:"M PLUS 2",sans-serif;font-weight:700;font-size:14px;color:#1c1c1c}.expandable-header[data-v-fe193e95]{display:flex;align-items:center;gap:8px}.accordion-toggle[data-v-fe193e95]{background:#fff;border:1px solid #d1d5db;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease;padding:0;flex-shrink:0;outline:none}.accordion-toggle[data-v-fe193e95]:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.accordion-toggle--expanded[data-v-fe193e95]{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.sub-header-row[data-v-fe193e95]{background-color:#f8f9fa}.score-sub-column[data-v-fe193e95]{width:93px;min-width:93px;padding:16px 10px;text-align:center;font-family:"M PLUS 2",sans-serif;font-weight:400;font-size:12px;color:#1c1c1c;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#f8f9fa}.score-sub-column[data-v-fe193e95]:last-child{border-right:none}.accordion-column[data-v-fe193e95],.accordion-sub-column[data-v-fe193e95]{animation:slideIn-fe193e95 .3s ease}@keyframes slideIn-fe193e95{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.data-row[data-v-fe193e95]{border-bottom:1px solid #dcdcdc;transition:background-color .2s ease;background-color:#fff}.data-row[data-v-fe193e95]:hover{background-color:#f9fafb}.data-row[data-v-fe193e95]:last-child{border-bottom:none}.data-row--parent .subject-cell[data-v-fe193e95]{font-weight:700}.data-row--child[data-v-fe193e95]{animation:slideDown-fe193e95 .3s ease}@keyframes slideDown-fe193e95{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expandable-subject[data-v-fe193e95]{display:flex;align-items:center;justify-content:center;gap:8px}.subject-cell[data-v-fe193e95]{width:180px;min-width:180px;padding:20px 10px;font-family:"M PLUS 2",sans-serif;font-weight:700;font-size:14px;color:#1c1c1c;background-color:#f8f9fa;border-right:1px solid #dcdcdc;text-align:center;vertical-align:middle}.score-cell[data-v-fe193e95]{width:93px;min-width:93px;padding:20px 10px;text-align:center;border-right:1px solid #dcdcdc;vertical-align:middle}.score-cell[data-v-fe193e95]:last-child{border-right:none}.score-content[data-v-fe193e95]{display:flex;flex-direction:column;align-items:center;gap:8px}.score-value[data-v-fe193e95]{font-family:"M PLUS 2",sans-serif;font-weight:400;font-size:14px;color:#1c1c1c;line-height:1}.score-maxscore[data-v-fe193e95]{font-family:"M PLUS 2",Noto Sans JP,sans-serif;font-weight:400;font-size:12px;color:#1c1c1c;opacity:.6;line-height:1;text-align:center;width:90px}.accordion-cell[data-v-fe193e95]{animation:slideIn-fe193e95 .3s ease}@media (max-width: 768px){.subject-score-table[data-v-fe193e95]{font-size:12px}.subject-header[data-v-fe193e95],.subject-sub-header[data-v-fe193e95],.score-column-group[data-v-fe193e95]{width:140px;min-width:140px;padding:16px 8px}.score-sub-column[data-v-fe193e95],.score-cell[data-v-fe193e95]{width:70px;min-width:70px;padding:16px 6px}.score-value[data-v-fe193e95]{font-size:12px}.score-percentage[data-v-fe193e95]{font-size:10px;width:50px}.column-title[data-v-fe193e95]{font-size:12px}}.student-results-table[data-v-d8591aba]{width:100%;background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.table-wrapper[data-v-d8591aba]{width:100%;overflow-x:auto;margin-bottom:20px}.results-table[data-v-d8591aba]{width:100%;border-collapse:collapse;font-family:var(--font-family-main);min-width:1400px}.main-header-row[data-v-d8591aba],.sub-header-row[data-v-d8591aba]{background-color:#f8f9fa}.main-header[data-v-d8591aba],.sub-header[data-v-d8591aba]{padding:16px 8px;text-align:center;font-family:"M PLUS 2",sans-serif;font-weight:700;font-size:14px;color:#1c1c1c;border:1px solid #dcdcdc;white-space:nowrap;vertical-align:middle}.sub-header[data-v-d8591aba]{font-weight:400;font-size:12px;padding:12px 8px}.sortable[data-v-d8591aba]{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.sort-icons[data-v-d8591aba]{display:inline-flex;flex-direction:column;margin-left:4px;vertical-align:middle}.sort-arrow[data-v-d8591aba]{font-size:8px;line-height:1;color:#d1d5db;transition:color .2s ease}.sort-arrow.active[data-v-d8591aba]{color:#3b82f6}.no-column[data-v-d8591aba]{width:60px;min-width:60px}.student-id-column[data-v-d8591aba]{width:95px;min-width:95px}.student-name-column[data-v-d8591aba]{width:100px;min-width:100px}.answer-count-column[data-v-d8591aba]{width:90px;min-width:90px}.score-group-column[data-v-d8591aba]{width:270px;min-width:270px}.score-sub-column[data-v-d8591aba],.sougoujuni-column[data-v-d8591aba],.gakunaijuni-column[data-v-d8591aba],.university-column[data-v-d8591aba],.laboratory-column[data-v-d8591aba],.course-column[data-v-d8591aba],.classroom-column[data-v-d8591aba],.graduation-column[data-v-d8591aba]{width:90px;min-width:90px}.input-time-column[data-v-d8591aba],.grading-time-column[data-v-d8591aba]{width:140px;min-width:140px}.data-row[data-v-d8591aba]{height:45px;border-bottom:1px solid #dcdcdc;transition:background-color .2s ease}.data-row[data-v-d8591aba]:hover{background-color:#f9fafb}.data-row[data-v-d8591aba]:last-child{border-bottom:none}.data-cell[data-v-d8591aba]{padding:12px 8px;text-align:center;font-family:"M PLUS 2",sans-serif;font-size:14px;color:#1c1c1c;border:1px solid #dcdcdc;vertical-align:middle}.student-name-link[data-v-d8591aba]{background:none;border:none;color:#3b82f6;cursor:pointer;text-decoration:underline;font-family:"M PLUS 2",sans-serif;font-size:14px;padding:0;margin:0}.student-name-link[data-v-d8591aba]:hover{color:#1d4ed8}.pagination-wrapper[data-v-d8591aba]{display:flex;justify-content:center;margin-top:20px}.pagination-controls[data-v-d8591aba]{display:flex;gap:8px;align-items:center}.pagination-btn[data-v-d8591aba]{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:14px;font-family:var(--font-family-main);cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-btn[data-v-d8591aba]:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.pagination-btn[data-v-d8591aba]:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.pagination-btn.active[data-v-d8591aba]{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-btn.all-btn[data-v-d8591aba]{width:auto;padding:0 12px}.pagination-ellipsis[data-v-d8591aba]{color:#6b7280;font-size:14px;padding:0 4px}@media (max-width: 768px){.student-results-table[data-v-d8591aba]{padding:16px}.main-header[data-v-d8591aba],.sub-header[data-v-d8591aba],.data-cell[data-v-d8591aba]{font-size:12px;padding:8px 4px}.data-row[data-v-d8591aba]{height:40px}}.action-button[data-v-2a711537]{border:none;cursor:pointer;font-weight:500;transition:all .2s ease;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.action-button--small[data-v-2a711537]{padding:6px 10px;font-size:12px}.action-button--medium[data-v-2a711537]{padding:8px 12px;font-size:14px}.action-button--large[data-v-2a711537]{padding:10px 16px;font-size:16px}.action-button--edit[data-v-2a711537]{background-color:#57b4c1;color:#fff}.action-button--edit[data-v-2a711537]:hover:not(.action-button--disabled){background-color:#4a9ba7}.action-button--delete[data-v-2a711537]{background-color:#e0005a;color:#fff}.action-button--delete[data-v-2a711537]:hover:not(.action-button--disabled){background-color:#c7004f}.action-button--export[data-v-2a711537]{background-color:#0152a2;color:#fff}.action-button--export[data-v-2a711537]:hover:not(.action-button--disabled){background-color:#5a6268}.action-button--detail[data-v-2a711537]{background-color:#57b4c1;color:#fff}.action-button--detail[data-v-2a711537]:hover:not(.action-button--disabled){background-color:#4a9ba7}.action-button--custom[data-v-2a711537]{background-color:var(--4c8ace3c);color:#fff}.action-button--disabled[data-v-2a711537]{opacity:.6;cursor:not-allowed}.action-button[data-v-2a711537]:focus{outline:2px solid rgba(0,123,255,.25);outline-offset:2px}.student-results-export[data-v-dbe401e1]{display:flex;transform:rotate(.011deg);flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.export-label[data-v-dbe401e1]{color:#1c1c1c;font-size:14px;font-style:normal;font-weight:600;line-height:normal}.export-actions[data-v-dbe401e1]{display:flex;transform:rotate(-.011deg);padding:12px;justify-content:center;align-items:center;gap:6px}.header[data-v-749566a1],.notification-wrapper[data-v-749566a1]{margin-bottom:30px}.search-filter-section[data-v-749566a1]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.search-condition-tab[data-v-749566a1]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.search-condition-tab .tab-label[data-v-749566a1]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.search-wrapper[data-v-749566a1]{background:#fff;border-radius:0 12px 12px;padding:20px}.tab-wrapper[data-v-749566a1]{margin-bottom:30px}.chart-section[data-v-749566a1]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.chart-tab[data-v-749566a1]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.chart-tab .tab-label[data-v-749566a1]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.chart-wrapper[data-v-749566a1]{background:#fff;border-radius:0 12px 12px;padding:20px}.distribution-section[data-v-749566a1]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.distribution-tab[data-v-749566a1]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.distribution-tab .tab-label[data-v-749566a1]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.distribution-wrapper[data-v-749566a1]{background:#fff;border-radius:0 12px 12px;padding:20px}.total-score-section[data-v-749566a1]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.total-score-tab[data-v-749566a1]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.total-score-tab .tab-label[data-v-749566a1]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.total-score-wrapper[data-v-749566a1]{background:#fff;border-radius:0 12px 12px;padding:20px}.subject-score-section[data-v-749566a1]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.subject-score-tab[data-v-749566a1]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.subject-score-tab .tab-label[data-v-749566a1]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.subject-score-wrapper[data-v-749566a1]{background:#fff;border-radius:0 12px 12px;padding:20px}.student-list-section[data-v-749566a1]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.student-list-tab[data-v-749566a1]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.student-list-tab .tab-label[data-v-749566a1]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.student-list-wrapper[data-v-749566a1]{background:#fff;border-radius:0 12px 12px;padding:20px}.student-list-wrapper[data-v-749566a1] .student-results-table{border:none;border-radius:0;padding:0}.no-results-box[data-v-749566a1]{background:#fff;border-radius:12px;padding:40px;text-align:center;border:1px solid #e5e7eb}.no-results-box p[data-v-749566a1]{font-family:var(--font-family-main);font-size:14px;color:red;margin:0}.placeholder-content[data-v-749566a1]{background:#fff;border-radius:12px;padding:40px;text-align:center;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.no-search-message[data-v-749566a1]{background:#fff;border-radius:12px;padding:40px;text-align:center;border:1px solid #e5e7eb}.no-search-message p[data-v-749566a1]{font-family:var(--font-family-main);font-size:16px;color:#6b7280;margin:0}@media (min-width: 769px){.notification-wrapper[data-v-749566a1],.search-filter-section[data-v-749566a1],.tab-wrapper[data-v-749566a1]{max-width:100%}}.main-layout[data-v-df51a12a]{width:100%;max-width:600px;text-align:center}h1[data-v-df51a12a]{color:#d97706;margin-bottom:16px}p[data-v-df51a12a]{color:#6b7280;margin-bottom:32px}.create-form-container[data-v-c551c025]{min-height:200px;padding:20px 0}.form-row[data-v-c551c025]{display:flex;gap:16px;margin-bottom:20px}.form-row[data-v-c551c025]:last-child{margin-bottom:0}.form-row-align-left[data-v-c551c025]{justify-content:flex-start}.form-item-third[data-v-c551c025]{flex:0 0 calc((100% / 3) - (32px / 3));min-width:0}.form-item-half[data-v-c551c025]{flex:1;min-width:0}.modal-footer[data-v-c551c025]{display:flex;gap:12px}.footer-button[data-v-c551c025]{flex:1;width:100%}.footer-button[data-v-c551c025] button{width:100%}.pagination[data-v-625f260c]{display:flex;gap:10px}button[data-v-625f260c]{border-radius:4px;border:1px solid #f0f2f5;background:#f0f2f5;padding:6px 9px}button.active[data-v-625f260c]{font-weight:700;color:#fff;border:1px solid #0152a2;background:#0152a2}button[data-v-625f260c]:disabled{opacity:.5;cursor:not-allowed}.custom-table[data-v-ad421097]{width:100%}table[data-v-ad421097]{width:max-content;min-width:100%;border:1px solid #dcdcdc;border-collapse:collapse}th[data-v-ad421097],td[data-v-ad421097]{padding:10px;border:1px solid #ccc;font-family:var(--font-family-main);font-size:14px;font-style:normal;font-weight:400;line-height:normal}th[data-v-ad421097]{background-color:#f0f2f5;text-align:center}tr[data-v-ad421097]:hover{background-color:#f0f0f0;cursor:pointer}.variant-student th[data-v-ad421097],.variant-student td[data-v-ad421097]{padding:12px 16px;font-size:14px}.variant-student tr[data-v-ad421097]{height:56px}.variant-teacher th[data-v-ad421097],.variant-teacher td[data-v-ad421097]{padding:10px 14px;font-size:14px}.variant-teacher tr[data-v-ad421097]{height:48px}.variant-admin table[data-v-ad421097]{font-size:var(--admin-font-size)}.variant-admin th[data-v-ad421097],.variant-admin td[data-v-ad421097]{padding:var(--admin-table-cell-padding);font-size:var(--admin-font-size)}.variant-admin tr[data-v-ad421097]{height:var(--admin-table-row-height)}.variant-admin th[data-v-ad421097]{font-weight:500;background-color:#f5f5f5}@media (max-width: 768px){.variant-student.layout-responsive th[data-v-ad421097],.variant-student.layout-responsive td[data-v-ad421097]{padding:8px 12px;font-size:13px}.variant-teacher.layout-responsive th[data-v-ad421097],.variant-teacher.layout-responsive td[data-v-ad421097]{padding:8px 10px;font-size:13px}.variant-admin.layout-responsive th[data-v-ad421097],.variant-admin.layout-responsive td[data-v-ad421097]{padding:6px 8px;font-size:12px}}.search-template[data-v-a0823937]{display:flex;padding:20px;flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0;border-radius:12px;background:#fff;box-shadow:0 8px 30px #00053a0d}.conditions[data-v-a0823937]{width:100%}.table-wrapper[data-v-a0823937]{width:100%;overflow-x:auto}.pagination[data-v-a0823937]{display:flex;justify-content:center;width:100%}.header[data-v-14555e95]{margin-bottom:30px}.conditions[data-v-14555e95]{display:flex;gap:10px;flex-direction:column;align-items:flex-start}.conditions-form[data-v-14555e95]{display:flex;flex-wrap:wrap;gap:12px}.conditions-form-control[data-v-14555e95]{width:200px}.conditions-buttons[data-v-14555e95]{display:flex;justify-content:flex-end;gap:10px;width:100%}.main-layout[data-v-ea526817]{width:100%;max-width:600px;text-align:center}h1[data-v-ea526817]{color:#dc2626;margin-bottom:16px}p[data-v-ea526817]{color:#6b7280;margin-bottom:32px}.main-layout[data-v-1db50e8c]{width:100%;max-width:600px;text-align:center}h1[data-v-1db50e8c]{color:#dc2626;margin-bottom:16px}p[data-v-1db50e8c]{color:#6b7280;margin-bottom:32px}.main-layout[data-v-e368fc6d]{width:100%;max-width:600px;text-align:center}h1[data-v-e368fc6d]{color:#dc2626;margin-bottom:16px}p[data-v-e368fc6d]{color:#6b7280;margin-bottom:32px}.file-input[data-v-42480090]{display:none}.header[data-v-ca42f4c5]{margin-bottom:30px}.conditions[data-v-ca42f4c5]{display:flex;gap:10px;flex-direction:column;align-items:flex-start}.conditions-form[data-v-ca42f4c5]{display:flex;flex-wrap:wrap;gap:12px}.conditions-form-control[data-v-ca42f4c5]{width:200px}.conditions-buttons[data-v-ca42f4c5]{display:flex;justify-content:flex-end;gap:10px;width:100%}.error-messages-link[data-v-ca42f4c5]{display:flex;justify-content:flex-end;width:100%;color:red;cursor:pointer;font-weight:700;font-size:16px}.error-messages[data-v-ca42f4c5]{overflow-y:scroll;max-height:400px}.create-form-container[data-v-acfd09e7]{min-height:200px;padding:20px 0}.form-row[data-v-acfd09e7]{display:flex;gap:16px;margin-bottom:20px}.form-row[data-v-acfd09e7]:last-child{margin-bottom:0}.form-item-half[data-v-acfd09e7]{flex:1;min-width:0}.modal-footer[data-v-acfd09e7]{display:flex;gap:12px}.footer-button[data-v-acfd09e7]{flex:1;width:100%}.footer-button[data-v-acfd09e7] button{width:100%}.error-message[data-v-acfd09e7]{color:red;margin-bottom:10px}.header[data-v-77597e57]{margin-bottom:30px}.conditions[data-v-77597e57]{display:flex;gap:10px;flex-direction:column;align-items:flex-start}.conditions-form[data-v-77597e57]{display:flex;flex-wrap:wrap;gap:12px}.conditions-form-control[data-v-77597e57]{width:200px}.conditions-buttons[data-v-77597e57]{display:flex;justify-content:flex-end;align-items:flex-end;gap:10px;width:100%}.export-button-area[data-v-77597e57]{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.tokumon-checkbox-wrapper[data-v-77597e57]{display:flex;align-items:center;padding:0;margin:0}.tokumon-checkbox-wrapper[data-v-77597e57] .n-checkbox{font-size:12px;color:#1c1c1c;--n-label-padding: 0 0 0 4px;padding-right:0;margin-right:0}.tokumon-checkbox-wrapper[data-v-77597e57] .n-checkbox__label{font-size:12px;color:#1c1c1c;padding-left:4px;padding-right:0;margin-right:0}.error-messages-link[data-v-77597e57]{display:flex;justify-content:flex-end;width:100%;color:red;cursor:pointer;font-weight:700;font-size:16px}.error-messages[data-v-77597e57]{overflow-y:scroll;max-height:400px}.create-form-container[data-v-8c23a928]{min-height:200px;padding:20px 0}.form-row[data-v-8c23a928]{display:flex;gap:16px;margin-bottom:20px}.form-row[data-v-8c23a928]:last-child{margin-bottom:0}.form-row-align-left[data-v-8c23a928]{justify-content:flex-start}.form-item-third[data-v-8c23a928]{flex:0 0 calc((100% / 3) - (32px / 3));min-width:0}.form-item-half[data-v-8c23a928]{flex:1;min-width:0}.modal-footer[data-v-8c23a928]{display:flex;gap:12px}.footer-button[data-v-8c23a928]{flex:1;width:100%}.footer-button[data-v-8c23a928] button{width:100%}.error-message[data-v-8c23a928]{color:red;margin-bottom:10px}.header[data-v-28e32321]{margin-bottom:30px}.conditions[data-v-28e32321]{display:flex;gap:10px;flex-direction:column;align-items:flex-start}.conditions-form[data-v-28e32321]{display:flex;flex-wrap:wrap;gap:12px}.conditions-form-control[data-v-28e32321]{width:200px}.conditions-buttons[data-v-28e32321]{display:flex;justify-content:flex-end;gap:10px;width:100%}[data-v-28e32321] .primary-button{background-color:#46208f;border-color:#46208f}[data-v-28e32321] .primary-button:hover:not(:disabled){background-color:#3a1a75;border-color:#3a1a75}[data-v-28e32321] .primary-button:focus{box-shadow:0 0 0 2px #46208f1a}.file-upload-button[data-v-f7e1f234]{display:inline-block}.file-input[data-v-f7e1f234]{display:none}.upload-btn[data-v-f7e1f234]{padding:6px 16px;border:none;border-radius:4px;font-family:var(--font-family-main);font-size:12px;font-weight:600;color:#fff;background:#17a2b8;cursor:pointer;transition:all .2s ease-in-out;min-width:100px}.upload-btn[data-v-f7e1f234]:hover:not(:disabled){background:#138496;transform:translateY(-1px)}.upload-btn[data-v-f7e1f234]:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-btn.uploaded[data-v-f7e1f234]{background:#28a745}.upload-btn.uploaded[data-v-f7e1f234]:hover:not(:disabled){background:#218838}.upload-btn.loading[data-v-f7e1f234]{background:#6c757d;cursor:not-allowed}.loading-text[data-v-f7e1f234]{font-size:11px}.file-download-button[data-v-1ec409c5]{display:inline-block}.download-btn[data-v-1ec409c5]{padding:6px 16px;border:none;border-radius:4px;font-family:var(--font-family-main);font-size:12px;font-weight:600;color:#fff;background:#e91e63;cursor:pointer;transition:all .2s ease-in-out;min-width:100px}.download-btn[data-v-1ec409c5]:hover:not(:disabled){background:#c2185b;transform:translateY(-1px)}.download-btn[data-v-1ec409c5]:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#6c757d}.download-btn.loading[data-v-1ec409c5]{background:#6c757d;cursor:not-allowed}.loading-text[data-v-1ec409c5]{font-size:11px}.exam-basic-info-section[data-v-d62da077]{background:#fff;border:1px solid #e5e7eb;overflow:hidden}.section-header[data-v-d62da077]{background:#46208f;padding:12px 20px}.section-title[data-v-d62da077]{color:#fff;font-family:var(--font-family-main);font-size:16px;font-weight:600;margin:0;letter-spacing:.5px}.section-content[data-v-d62da077]{padding:0}.table-container[data-v-d62da077]{overflow-x:auto}.basic-info-table[data-v-d62da077]{width:100%;border-collapse:collapse;font-family:var(--font-family-main)}.basic-info-table tr[data-v-d62da077]{border-bottom:1px solid #e5e7eb}.basic-info-table tr[data-v-d62da077]:last-child{border-bottom:none}.label-cell[data-v-d62da077]{padding:12px 16px;background:#f9fafb;font-size:14px;font-weight:500;color:#374151;text-align:left;vertical-align:middle;width:160px;min-width:160px}.input-cell[data-v-d62da077]{padding:8px 16px;background:#fff;vertical-align:middle}.action-buttons[data-v-d62da077]{display:flex;gap:var(--spacing-sm)}.import-button[data-v-d62da077],.export-button[data-v-d62da077]{padding:6px 16px;border:none;border-radius:4px;font-family:var(--font-family-main);font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease-in-out;min-width:100px}.import-button[data-v-d62da077]{background:#17a2b8}.import-button[data-v-d62da077]:hover{background:#138496;transform:translateY(-1px)}.export-button[data-v-d62da077]{background:#e91e63}.export-button[data-v-d62da077]:hover{background:#c2185b;transform:translateY(-1px)}@media (max-width: 768px){.label-cell[data-v-d62da077]{width:120px;min-width:120px;padding:8px 12px}.input-cell[data-v-d62da077]{padding:6px 12px}.action-buttons[data-v-d62da077]{flex-direction:column;gap:8px}.import-button[data-v-d62da077],.export-button[data-v-d62da077]{width:100%}}.exam-section-call-section[data-v-db154de0]{background:#fff;border:1px solid #e5e7eb;overflow:hidden}.section-header[data-v-db154de0]{background:#46208f;padding:12px 20px}.section-title[data-v-db154de0]{color:#fff;font-family:var(--font-family-main);font-size:16px;font-weight:600;margin:0;letter-spacing:.5px}.section-content[data-v-db154de0]{padding:0}.table-container[data-v-db154de0]{overflow-x:auto}.section-call-table[data-v-db154de0]{width:100%;border-collapse:collapse;font-family:var(--font-family-main)}.section-call-table tr[data-v-db154de0]{border-bottom:1px solid #e5e7eb}.section-call-table tr[data-v-db154de0]:last-child{border-bottom:none}.label-cell[data-v-db154de0]{padding:12px 16px;background:#f9fafb;font-size:14px;font-weight:500;color:#374151;text-align:left;vertical-align:middle;width:160px;min-width:160px}.input-cell[data-v-db154de0]{padding:8px 16px;background:#fff;vertical-align:middle}.test-code-container[data-v-db154de0]{display:flex;align-items:center;gap:var(--spacing-md)}.call-button[data-v-db154de0]{padding:6px 20px;border:none;border-radius:4px;font-family:var(--font-family-main);font-size:14px;font-weight:600;color:#fff;background:#46208f;cursor:pointer;transition:all .2s ease-in-out;min-width:100px}.call-button[data-v-db154de0]:hover:not(:disabled){background:#3e1678;transform:translateY(-1px)}.call-button[data-v-db154de0]:disabled{opacity:.6;cursor:not-allowed;transform:none}.exam-name-display[data-v-db154de0]{font-size:14px;color:#374151;font-family:var(--font-family-main)}@media (max-width: 768px){.label-cell[data-v-db154de0]{width:120px;min-width:120px;padding:8px 12px}.input-cell[data-v-db154de0]{padding:6px 12px}.test-code-container[data-v-db154de0]{flex-direction:column;align-items:flex-start;gap:8px}.test-code-container input[data-v-db154de0]{width:100%;max-width:none!important}.call-button[data-v-db154de0]{width:100%}}[data-v-665a16db] .n-input{font-family:var(--font-family-main)}[data-v-665a16db] .n-date-picker{width:100%;min-width:200px}.exam-section-settings-table[data-v-23a4df91]{background:#fff;border:1px solid #e5e7eb;overflow:hidden}.section-header[data-v-23a4df91]{background:#46208f;padding:12px 20px}.section-title[data-v-23a4df91]{color:#fff;font-family:var(--font-family-main);font-size:16px;font-weight:600;margin:0;letter-spacing:.5px}.section-content[data-v-23a4df91]{padding:0}.table-container[data-v-23a4df91]{overflow-x:auto}.settings-table[data-v-23a4df91]{width:100%;border-collapse:collapse;font-family:var(--font-family-main)}.settings-table th[data-v-23a4df91]{background:#f3f4f6;padding:12px 8px;text-align:center;font-size:12px;font-weight:600;color:#374151;border:1px solid #e5e7eb;white-space:nowrap;min-width:120px}.settings-table td[data-v-23a4df91]{padding:8px;border:1px solid #e5e7eb;text-align:center;vertical-align:middle}.section-name-cell[data-v-23a4df91]{background:#f9fafb;font-weight:500;text-align:left;padding:8px 16px}.exam-time-display[data-v-23a4df91]{font-size:14px;color:#374151;font-family:var(--font-family-main)}@media (max-width: 1024px){.settings-table th[data-v-23a4df91],.settings-table td[data-v-23a4df91]{min-width:100px;padding:6px 4px;font-size:12px}}.exam-answer-pdf-section[data-v-a2b7d2e3]{background:#fff;border:1px solid #e5e7eb;overflow:hidden}.section-header[data-v-a2b7d2e3]{background:#46208f;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.section-title[data-v-a2b7d2e3]{color:#fff;font-family:var(--font-family-main);font-size:16px;font-weight:600;margin:0;letter-spacing:.5px}.section-content[data-v-a2b7d2e3]{padding:0}.table-container[data-v-a2b7d2e3]{overflow-x:auto}.pdf-settings-table[data-v-a2b7d2e3]{width:100%;border-collapse:collapse;font-family:var(--font-family-main)}.pdf-settings-table tr[data-v-a2b7d2e3]{border-bottom:1px solid #e5e7eb}.pdf-settings-table tr[data-v-a2b7d2e3]:last-child{border-bottom:none}.label-cell[data-v-a2b7d2e3]{padding:12px 16px;background:#f9fafb;font-size:14px;font-weight:500;color:#374151;text-align:left;vertical-align:middle;width:160px;min-width:160px}.input-cell[data-v-a2b7d2e3]{padding:8px 16px;background:#fff;vertical-align:middle}[data-v-a2b7d2e3] .n-switch__checked{color:#fff}[data-v-a2b7d2e3] .n-switch__unchecked{color:#e5e7eb}@media (max-width: 768px){.section-header[data-v-a2b7d2e3]{flex-wrap:wrap;gap:12px}.label-cell[data-v-a2b7d2e3]{width:120px;min-width:120px;padding:8px 12px}.input-cell[data-v-a2b7d2e3]{padding:6px 12px}}.exam-form-actions[data-v-c4b3fd90]{display:flex;justify-content:center;padding:var(--spacing-lg) 0}.actions-container[data-v-c4b3fd90]{display:flex;gap:var(--spacing-md);align-items:center}@media (max-width: 768px){.actions-container[data-v-c4b3fd90]{flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:300px}.actions-container button[data-v-c4b3fd90]{width:100%}}.breadcrumb[data-v-b73cc67d]{margin-bottom:var(--spacing-lg)}.exam-editor-form[data-v-b73cc67d]{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.header[data-v-03b0b689]{margin-bottom:30px}.conditions[data-v-03b0b689]{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.conditions-buttons[data-v-03b0b689]{display:flex;justify-content:flex-end;gap:10px}.conditions-form[data-v-03b0b689]{display:flex;gap:20px;flex-wrap:wrap}.conditions-form-control[data-v-03b0b689]{min-width:200px}@media (max-width: 768px){.conditions-form[data-v-03b0b689]{flex-direction:column}.conditions-form-control[data-v-03b0b689]{min-width:100%}.conditions-buttons[data-v-03b0b689]{flex-direction:column;align-items:stretch}}.base-date-picker[data-v-4cc9b6b9]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.date-label[data-v-4cc9b6b9]{font-family:var(--font-family-main);font-size:var(--font-size-sm);font-weight:600;line-height:1;color:#1c1c1c;height:20px;display:flex;align-items:center;gap:var(--spacing-xs)}.required-mark[data-v-4cc9b6b9]{color:red;font-weight:600}.error-message[data-v-4cc9b6b9]{font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1;color:red;text-align:left}[data-v-4cc9b6b9] .n-date-picker{width:100%}[data-v-4cc9b6b9] .n-input{font-family:var(--font-family-main);height:43px}[data-v-4cc9b6b9] .n-input-wrapper{padding:0!important}[data-v-4cc9b6b9] .n-input__input{height:43px}[data-v-4cc9b6b9] .n-input__input-el{font-family:var(--font-family-main);font-size:14px!important;font-weight:400;line-height:1.2!important;padding:13px 12px!important;height:43px!important;box-sizing:border-box!important}[data-v-4cc9b6b9] .n-input__placeholder{opacity:.4!important;color:#1c1c1c!important;padding:13px 12px!important;line-height:1.2!important}[data-v-4cc9b6b9] .n-input__suffix{padding-right:12px!important;display:flex;align-items:center}[data-v-4cc9b6b9] .n-input__border,[data-v-4cc9b6b9] .n-input__state-border{border:1px solid #a0a0a0;border-radius:6px}[data-v-4cc9b6b9] .n-input:hover .n-input__border,[data-v-4cc9b6b9] .n-input:hover .n-input__state-border{border-color:#0152a2}[data-v-4cc9b6b9] .n-input.n-input--focus .n-input__border,[data-v-4cc9b6b9] .n-input.n-input--focus .n-input__state-border{border-color:#0152a2;box-shadow:0 0 0 2px #0152a21a}.exam-basic-info-section[data-v-e3c58080]{background:#fff;border:1px solid #e5e7eb;overflow:visible}.section-header[data-v-e3c58080]{background:#004aad;padding:12px 20px}.section-title[data-v-e3c58080]{color:#fff;font-family:var(--font-family-main);font-size:16px;font-weight:600;margin:0;letter-spacing:.5px}.section-content[data-v-e3c58080]{padding:0}.table-container[data-v-e3c58080]{overflow-x:auto;overflow-y:visible}.basic-info-table[data-v-e3c58080]{width:100%;border-collapse:collapse;font-family:var(--font-family-main)}.basic-info-table tr[data-v-e3c58080]{border-bottom:1px solid #e5e7eb}.basic-info-table tr[data-v-e3c58080]:last-child{border-bottom:none}.label-cell[data-v-e3c58080]{padding:12px 16px;background:#f9fafb;font-size:14px;font-weight:500;color:#374151;text-align:left;vertical-align:middle;width:160px;min-width:160px}.input-cell[data-v-e3c58080]{padding:8px 16px;background:#fff;vertical-align:middle;position:relative}@media (max-width: 768px){.label-cell[data-v-e3c58080]{width:120px;min-width:120px;padding:8px 12px}.input-cell[data-v-e3c58080]{padding:6px 12px}}.base-input-number[data-v-320858bf]{width:100%}.number-input[data-v-320858bf]{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-family:var(--font-family-main);font-size:14px;line-height:1.5;background-color:#fff;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.number-input[data-v-320858bf]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.number-input[data-v-320858bf]:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.number-input[data-v-320858bf]::placeholder{color:#9ca3af}.number-input[data-v-320858bf]::-webkit-outer-spin-button,.number-input[data-v-320858bf]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number][data-v-320858bf]{-moz-appearance:textfield}.exam-sections-table[data-v-9830cc48]{background:#fff;border:1px solid #e5e7eb;overflow:hidden}.section-header[data-v-9830cc48]{background:#004aad;padding:12px 20px}.section-title[data-v-9830cc48]{color:#fff;font-family:var(--font-family-main);font-size:16px;font-weight:600;margin:0;letter-spacing:.5px}.section-content[data-v-9830cc48]{padding:0}.table-container[data-v-9830cc48]{overflow-x:auto}.sections-table[data-v-9830cc48]{width:100%;border-collapse:collapse;font-family:var(--font-family-main)}.sections-table th[data-v-9830cc48]{background:#f3f4f6;padding:12px 8px;text-align:center;font-size:12px;font-weight:600;color:#374151;border:1px solid #e5e7eb;white-space:nowrap;min-width:100px}.sections-table td[data-v-9830cc48]{padding:8px;border:1px solid #e5e7eb;text-align:center;vertical-align:middle;min-width:100px}.sections-table td[data-v-9830cc48]:first-child{background:#f9fafb;font-weight:500}.sections-table tr[data-v-9830cc48]:hover{background:#f3f4f6}@media (max-width: 1024px){.sections-table th[data-v-9830cc48],.sections-table td[data-v-9830cc48]{min-width:80px;padding:6px 4px;font-size:12px}}.exam-documents-section[data-v-bd6db6bb]{background:#fff;border:1px solid #e5e7eb;overflow:hidden}.section-header[data-v-bd6db6bb]{background:#004aad;padding:12px 20px}.section-title[data-v-bd6db6bb]{color:#fff;font-family:var(--font-family-main);font-size:16px;font-weight:600;margin:0;letter-spacing:.5px}.section-content[data-v-bd6db6bb]{padding:0}.table-container[data-v-bd6db6bb]{overflow-x:auto}.documents-table[data-v-bd6db6bb]{width:100%;border-collapse:collapse;font-family:var(--font-family-main)}.documents-table tr[data-v-bd6db6bb]{border-bottom:1px solid #e5e7eb}.documents-table tr[data-v-bd6db6bb]:last-child{border-bottom:none}.label-cell[data-v-bd6db6bb]{padding:12px 16px;background:#f9fafb;font-size:14px;font-weight:500;color:#374151;text-align:left;vertical-align:middle;width:160px;min-width:160px}.action-cell[data-v-bd6db6bb]{padding:8px 16px;background:#fff;vertical-align:middle}.document-actions[data-v-bd6db6bb]{display:flex;gap:var(--spacing-sm)}@media (max-width: 768px){.label-cell[data-v-bd6db6bb]{width:120px;min-width:120px;padding:8px 12px}.action-cell[data-v-bd6db6bb]{padding:6px 12px}}.import-button[data-v-8ff481c2]{display:inline-block}.import-btn[data-v-8ff481c2]{padding:6px 16px;border:none;border-radius:4px;font-family:var(--font-family-main);font-size:12px;font-weight:600;color:#fff;background:#17a2b8;cursor:pointer;transition:all .2s ease-in-out;min-width:100px}.import-btn[data-v-8ff481c2]:hover:not(:disabled){background:#138496;transform:translateY(-1px)}.import-btn[data-v-8ff481c2]:disabled{opacity:.6;cursor:not-allowed;transform:none}.import-btn.loading[data-v-8ff481c2]{background:#6c757d;cursor:not-allowed}.loading-text[data-v-8ff481c2]{font-size:11px}.exam-data-import-section[data-v-ff0e7dc3]{background:#fff;border:1px solid #e5e7eb;overflow:hidden}.section-header[data-v-ff0e7dc3]{background:#004aad;padding:12px 20px}.section-title[data-v-ff0e7dc3]{color:#fff;font-family:var(--font-family-main);font-size:16px;font-weight:600;margin:0;letter-spacing:.5px}.section-content[data-v-ff0e7dc3]{padding:0}.table-container[data-v-ff0e7dc3]{overflow-x:auto}.import-table[data-v-ff0e7dc3]{width:100%;border-collapse:collapse;font-family:var(--font-family-main)}.import-table tr[data-v-ff0e7dc3]{border-bottom:1px solid #e5e7eb}.import-table tr[data-v-ff0e7dc3]:last-child{border-bottom:none}.label-cell[data-v-ff0e7dc3]{padding:12px 16px;background:#f9fafb;font-size:14px;font-weight:500;color:#374151;text-align:left;vertical-align:middle;width:160px;min-width:160px}.action-cell[data-v-ff0e7dc3]{padding:8px 16px;background:#fff;vertical-align:middle}.import-action[data-v-ff0e7dc3]{display:flex;justify-content:flex-start}@media (max-width: 768px){.label-cell[data-v-ff0e7dc3]{width:120px;min-width:120px;padding:8px 12px}.action-cell[data-v-ff0e7dc3]{padding:6px 12px}}.exam-correction-section[data-v-4c879dea]{background:#fff;border:1px solid #e5e7eb;overflow:hidden}.section-header[data-v-4c879dea]{background:#004aad;padding:12px 20px}.section-title[data-v-4c879dea]{color:#fff;font-family:var(--font-family-main);font-size:16px;font-weight:600;margin:0;letter-spacing:.5px}.section-content[data-v-4c879dea]{padding:0}.table-container[data-v-4c879dea]{overflow-x:auto}.correction-table[data-v-4c879dea]{width:100%;border-collapse:collapse;font-family:var(--font-family-main)}.correction-table tr[data-v-4c879dea]{border-bottom:1px solid #e5e7eb}.correction-table tr[data-v-4c879dea]:last-child{border-bottom:none}.label-cell[data-v-4c879dea]{padding:12px 16px;background:#f9fafb;font-size:14px;font-weight:500;color:#374151;text-align:left;vertical-align:middle;width:160px;min-width:160px}.action-cell[data-v-4c879dea]{padding:8px 16px;background:#fff;vertical-align:middle}.correction-actions[data-v-4c879dea]{display:flex;gap:var(--spacing-sm)}@media (max-width: 768px){.label-cell[data-v-4c879dea]{width:120px;min-width:120px;padding:8px 12px}.action-cell[data-v-4c879dea]{padding:6px 12px}}.breadcrumb[data-v-7ab4df05]{margin-bottom:var(--spacing-lg)}.exam-form[data-v-7ab4df05]{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.main-layout[data-v-8e802604]{width:100%;max-width:600px;text-align:center}h1[data-v-8e802604]{color:#dc2626;margin-bottom:16px}p[data-v-8e802604]{color:#6b7280;margin-bottom:32px}.header[data-v-2c010cd0]{margin-bottom:30px}.conditions[data-v-2c010cd0]{display:flex;gap:10px;flex-direction:column;align-items:flex-start}.conditions-form[data-v-2c010cd0]{display:flex;flex-wrap:wrap;gap:12px}.conditions-form-control[data-v-2c010cd0]{width:200px}.conditions-buttons[data-v-2c010cd0]{display:flex;justify-content:flex-end;gap:10px;width:100%}.base-textarea[data-v-d3951818]{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px)}.field-label[data-v-d3951818]{font-family:var(--font-family-main);font-size:var(--font-size-sm, 14px);font-weight:600;line-height:1;color:#1c1c1c;height:20px;display:flex;align-items:center;gap:var(--spacing-xs, 4px)}.required-mark[data-v-d3951818]{color:red;font-weight:600}.textarea-wrapper[data-v-d3951818]{position:relative;display:flex;align-items:flex-start}.textarea-element[data-v-d3951818]{width:100%;min-height:120px;padding:13px 12px;font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1.5;border:1px solid #a0a0a0;border-radius:6px;background-color:#fff;resize:vertical;transition:all .2s}.textarea-element[data-v-d3951818]::placeholder{opacity:.4;color:#1c1c1c}.textarea-element[data-v-d3951818]:hover{border-color:#0152a2}.textarea-element[data-v-d3951818]:focus{outline:none;border-color:#0152a2;box-shadow:0 0 0 2px #0152a21a}.textarea-element[data-v-d3951818]:disabled{background-color:#f5f5f5;color:#a0a0a0;cursor:not-allowed}.textarea-element[data-v-d3951818]:readonly{background-color:#f9f9f9;cursor:default}.textarea-wrapper.error .textarea-element[data-v-d3951818],.textarea-wrapper.error .textarea-element[data-v-d3951818]:hover{border-color:red!important}.textarea-wrapper.error .textarea-element[data-v-d3951818]:focus{border-color:red!important;box-shadow:0 0 0 2px #ff00001a!important}.error-icon[data-v-d3951818]{position:absolute;right:12px;top:12px;z-index:10;pointer-events:none}.error-message[data-v-d3951818]{font-family:var(--font-family-main);font-size:14px;font-weight:400;line-height:1;color:red;text-align:left}.size-small .textarea-element[data-v-d3951818]{min-height:80px;padding:10px;font-size:13px}.size-small .field-label[data-v-d3951818]{font-size:13px}.size-large .textarea-element[data-v-d3951818]{min-height:160px;padding:15px 16px;font-size:16px}.size-large .field-label[data-v-d3951818],.layout-responsive .textarea-element[data-v-d3951818]{font-size:16px}@media (min-width: 768px){.layout-responsive .textarea-element[data-v-d3951818]{font-size:14px}}.layout-mobile .textarea-element[data-v-d3951818]{font-size:16px}.layout-desktop .textarea-element[data-v-d3951818]{font-size:14px}.full-width[data-v-d3951818]{width:100%}@media (max-width: 480px){.base-textarea[data-v-d3951818]{margin-bottom:16px}.textarea-element[data-v-d3951818]{font-size:16px!important}.field-label[data-v-d3951818]{font-size:14px}}.file-attachment-field[data-v-21bdb237]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field-label[data-v-21bdb237]{font-family:var(--font-family-main);font-size:var(--font-size-sm);font-weight:600;line-height:1;color:#1c1c1c;height:20px;display:flex;align-items:center;gap:var(--spacing-xs)}.required-mark[data-v-21bdb237]{color:red;font-weight:600}.attachment-box[data-v-21bdb237]{border:1px solid #a0a0a0;border-radius:6px;padding:13px 12px;cursor:pointer;transition:all .2s ease;background-color:#fff;height:43px;display:flex;align-items:center}.attachment-box[data-v-21bdb237]:hover:not(.attachment-box--disabled){border-color:#0152a2;background-color:#f9fafb}.attachment-box--drag-over[data-v-21bdb237]{border-color:#0152a2;background-color:#f0f9ff}.attachment-box--disabled[data-v-21bdb237]{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.attachment-box__content[data-v-21bdb237]{display:flex;justify-content:space-between;align-items:center;width:100%}.attachment-box__text[data-v-21bdb237]{color:#667085;font-size:14px;font-weight:400}.attachment-box__icon[data-v-21bdb237]{color:#667085;display:flex;align-items:center;justify-content:center}.attachment-box__input[data-v-21bdb237]{display:none}.attachment-box--drag-over .attachment-box__text[data-v-21bdb237],.attachment-box--drag-over .attachment-box__icon[data-v-21bdb237]{color:#0152a2}.attachment-box:hover:not(.attachment-box--disabled) .attachment-box__text[data-v-21bdb237],.attachment-box:hover:not(.attachment-box--disabled) .attachment-box__icon[data-v-21bdb237]{color:#0152a2}.create-form-container[data-v-7c68d80e]{min-height:200px;padding:20px 0}.form-item[data-v-7c68d80e]{margin-bottom:20px}.form-item[data-v-7c68d80e]:last-child{margin-bottom:0}.form-row[data-v-7c68d80e]{display:flex;gap:16px;margin-bottom:20px}.form-item-half[data-v-7c68d80e]{flex:0 0 calc((100% - 16px)/2);min-width:0}.form-row-align-left[data-v-7c68d80e]{justify-content:flex-start}.modal-footer[data-v-7c68d80e]{display:flex;gap:12px}.footer-button[data-v-7c68d80e]{flex:1;width:100%}.footer-button[data-v-7c68d80e] button{width:100%}.form-label[data-v-7c68d80e]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.attached-files[data-v-7c68d80e]{margin-top:12px;padding:8px;background-color:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.attached-file[data-v-7c68d80e]{display:flex;align-items:center;gap:8px;padding:6px 8px;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;margin-bottom:4px}.attached-file[data-v-7c68d80e]:last-child{margin-bottom:0}.file-name[data-v-7c68d80e]{flex:1;font-size:14px;color:#374151;word-break:break-all}.file-size[data-v-7c68d80e]{font-size:12px;color:#6b7280}.remove-file-btn[data-v-7c68d80e]{background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;font-weight:700;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.remove-file-btn[data-v-7c68d80e]:hover{background-color:#fee2e2}.header[data-v-13f11d55]{margin-bottom:30px}.conditions[data-v-13f11d55]{display:flex;gap:10px;flex-direction:column;align-items:flex-start}.conditions-form[data-v-13f11d55]{display:flex;flex-wrap:wrap;gap:12px}.conditions-form-control[data-v-13f11d55]{width:200px}.conditions-buttons[data-v-13f11d55]{display:flex;justify-content:flex-end;gap:10px;width:100%}.search-filter[data-v-e4f285cf]{background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px}.filter-grid[data-v-e4f285cf]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.filter-item[data-v-e4f285cf]{display:flex;flex-direction:column}.filter-label[data-v-e4f285cf]{font-family:var(--font-family-main);font-size:14px;font-weight:600;color:#1c1c1c;line-height:20px}.graduation-section[data-v-e4f285cf]{display:flex;flex-direction:column;gap:10px}.graduation-buttons[data-v-e4f285cf]{display:flex;gap:6px}.search-fields[data-v-e4f285cf]{display:flex;gap:20px}.search-item[data-v-e4f285cf]{flex:1}.fixed-field[data-v-e4f285cf]{display:flex;flex-direction:column;gap:10px}.fixed-value[data-v-e4f285cf]{padding:10px 12px;border:1px solid #a0a0a0;border-radius:6px;background:#f9f9f9;font-family:var(--font-family-main);font-size:14px;color:#1c1c1c;font-weight:500}.graduation-btn[data-v-e4f285cf]{background:#f0f2f5;border:none;border-radius:8px;padding:12px;font-family:var(--font-family-main);font-size:14px;font-weight:400;color:#1c1c1c;cursor:pointer;transition:all .2s ease;min-width:52px}.graduation-btn[data-v-e4f285cf]:hover{background:#e5e7eb}.graduation-btn.active[data-v-e4f285cf]{background:#3b82f6;color:#fff}.graduation-btn.active[data-v-e4f285cf]:hover{background:#2563eb}@media (max-width: 768px){.filter-grid[data-v-e4f285cf]{grid-template-columns:1fr}.search-fields[data-v-e4f285cf]{flex-direction:column}.graduation-buttons[data-v-e4f285cf]{flex-wrap:wrap}.graduation-btn[data-v-e4f285cf]{flex:1;min-width:80px}}.header[data-v-ee431409],.notification-wrapper[data-v-ee431409]{margin-bottom:30px}.search-filter-section[data-v-ee431409]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.search-condition-tab[data-v-ee431409]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.search-condition-tab .tab-label[data-v-ee431409]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.search-wrapper[data-v-ee431409]{background:#fff;border-radius:0 12px 12px;padding:20px}.tab-wrapper[data-v-ee431409]{margin-bottom:30px}.chart-section[data-v-ee431409]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.chart-tab[data-v-ee431409]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.chart-tab .tab-label[data-v-ee431409]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.chart-wrapper[data-v-ee431409]{background:#fff;border-radius:0 12px 12px;padding:20px}.distribution-section[data-v-ee431409]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.distribution-tab[data-v-ee431409]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.distribution-tab .tab-label[data-v-ee431409]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.distribution-wrapper[data-v-ee431409]{background:#fff;border-radius:0 12px 12px;padding:20px}.total-score-section[data-v-ee431409]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.total-score-tab[data-v-ee431409]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.total-score-tab .tab-label[data-v-ee431409]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.total-score-wrapper[data-v-ee431409]{background:#fff;border-radius:0 12px 12px;padding:20px}.subject-score-section[data-v-ee431409]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.subject-score-tab[data-v-ee431409]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.subject-score-tab .tab-label[data-v-ee431409]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.subject-score-wrapper[data-v-ee431409]{background:#fff;border-radius:0 12px 12px;padding:20px}.student-list-section[data-v-ee431409]{display:flex;flex-direction:column;align-self:stretch;filter:drop-shadow(0px 8px 30px rgba(0,5,58,.05));margin-bottom:30px}.student-list-tab[data-v-ee431409]{display:flex;align-items:center;width:fit-content;background:#fff;border-radius:12px 12px 0 0;padding:10px 20px}.student-list-tab .tab-label[data-v-ee431409]{font-family:var(--font-family-main);font-size:14px;font-weight:500;line-height:1.45;color:#1c1c1c}.student-list-wrapper[data-v-ee431409]{background:#fff;border-radius:0 12px 12px;padding:20px}.student-list-wrapper[data-v-ee431409] .student-results-table{border:none;border-radius:0;padding:0}.no-results-box[data-v-ee431409]{background:#fff;border-radius:12px;padding:40px;text-align:center;border:1px solid #e5e7eb}.no-results-box p[data-v-ee431409]{font-family:var(--font-family-main);font-size:14px;color:red;margin:0}.placeholder-content[data-v-ee431409]{background:#fff;border-radius:12px;padding:40px;text-align:center;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.no-search-message[data-v-ee431409]{background:#fff;border-radius:12px;padding:40px;text-align:center;border:1px solid #e5e7eb}.no-search-message p[data-v-ee431409]{font-family:var(--font-family-main);font-size:16px;color:#6b7280;margin:0}@media (min-width: 769px){.notification-wrapper[data-v-ee431409],.search-filter-section[data-v-ee431409],.tab-wrapper[data-v-ee431409]{max-width:100%}}.components-view[data-v-3319de98]{max-width:1200px;margin:0 auto;padding:20px;font-family:var(--font-family-main)}.components-header[data-v-3319de98]{text-align:center;margin-bottom:40px;padding:40px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.components-header h1[data-v-3319de98]{margin:0 0 10px;font-size:2.5rem;font-weight:700}.components-header p[data-v-3319de98]{margin:0;font-size:1.1rem;opacity:.9}.component-section[data-v-3319de98]{margin-bottom:50px;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d;border:1px solid #e5e7eb}.component-section h2[data-v-3319de98]{margin:0 0 20px;font-size:1.5rem;font-weight:600;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.demo-container[data-v-3319de98]{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width: 768px){.demo-container[data-v-3319de98]{grid-template-columns:1fr;gap:20px}}.demo-preview[data-v-3319de98]{background:#f9fafb;padding:20px;border-radius:8px;border:2px dashed #e5e7eb}.demo-code[data-v-3319de98]{background:#1f2937;border-radius:8px;padding:20px;overflow-x:auto}.demo-code pre[data-v-3319de98]{margin:0;color:#d1d5db;font-size:13px;line-height:1.6}.demo-code code[data-v-3319de98]{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.form-group[data-v-3319de98]{display:flex;flex-direction:column;gap:20px}.button-group[data-v-3319de98]{display:flex;flex-wrap:wrap;gap:12px}.button-row[data-v-3319de98]{display:flex;gap:8px}@media (max-width: 768px){.components-view[data-v-3319de98]{padding:15px}.component-section[data-v-3319de98]{padding:20px}}