:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}:root{--ink:#27313a;--border:#4b5563;--border-subtle:#e5e7eb;--paper:#f6f7f4;--white:#fff;--yellow:#e9e2c3;--blue:#dce8f0;--green:#d6eed1;--purple:#e6e0ed;--pink:#ebdde2;--red:#f3d1d1;--muted:#64748b;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--border-width:1px;--shadow-sm:2px 2px 0 #27313a1a;--shadow-md:4px 4px 0 #27313a1f;--shadow-btn:3px 3px 0 #27313a}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;display:block!important}h1,h2,h3,h4,h5,h6,p{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}#app{max-width:none;min-height:100vh;margin:0;padding:0;font-weight:400}.nb{border:var(--border-width) solid var(--border);border-radius:var(--radius-md);box-shadow:4px 4px #27313a1f}.nb-sm{border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);box-shadow:2px 2px #27313a1a}.nb-btn{border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex;box-shadow:3px 3px #27313a}.nb-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #27313a}.nb-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #27313a}.nb-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:2px 2px #4b5563!important}.field{border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;min-height:44px;color:var(--ink);outline:none;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:border-color .15s,box-shadow .15s;box-shadow:2px 2px #27313a14}.field:focus{border-color:#27313a;box-shadow:3px 3px #27313a}.field::placeholder{color:#94a3b8;font-weight:500}select.field{appearance:none;padding-right:2.75rem}.auth-page[data-v-ebfdffb6]{box-sizing:border-box;color:#27313a;background-color:#f6f7f4;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.auth-card-container[data-v-ebfdffb6]{grid-template-columns:1fr 1.05fr;align-items:stretch;gap:24px;width:100%;max-width:1040px;display:grid}.auth-hero-panel[data-v-ebfdffb6]{box-sizing:border-box;border:1px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:space-between;padding:36px 32px;transition:background-color .25s;display:flex;box-shadow:4px 4px #27313a1f}.auth-hero-panel.is-login-bg[data-v-ebfdffb6]{background-color:#dce8f0}.auth-hero-panel.is-register-bg[data-v-ebfdffb6]{background-color:#e9e2c3}.brand-row[data-v-ebfdffb6]{align-items:center;gap:14px;display:flex}.brand-icon-box[data-v-ebfdffb6]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:2px 2px #27313a1a}.brand-svg[data-v-ebfdffb6]{color:#27313a;width:24px;height:24px}.brand-text-col[data-v-ebfdffb6]{flex-direction:column;display:flex}.brand-title[data-v-ebfdffb6]{color:#27313a;margin:0;font-size:20px;font-weight:800;line-height:1.2}.brand-subtitle[data-v-ebfdffb6]{color:#475569;margin:2px 0 0;font-size:12px;font-weight:700}.hero-content[data-v-ebfdffb6]{margin-top:28px}.auth-pill-tag[data-v-ebfdffb6]{text-transform:uppercase;letter-spacing:.05em;color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block;box-shadow:2px 2px #27313a1a}.hero-heading[data-v-ebfdffb6]{color:#27313a;margin:14px 0 0;font-size:32px;font-weight:800;line-height:1.25}.hero-description[data-v-ebfdffb6]{color:#475569;max-width:440px;margin:12px 0 0;font-size:13.5px;font-weight:600;line-height:1.6}.tier-cards-list[data-v-ebfdffb6]{flex-direction:column;gap:11px;margin-top:26px;display:flex}.tier-card-item[data-v-ebfdffb6]{box-sizing:border-box;background-color:#fff;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:14px;padding:12px 14px;display:flex;box-shadow:2px 2px #27313a1a}.tier-circle[data-v-ebfdffb6]{color:#27313a;border:1px solid #4b5563;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.circle-tier1[data-v-ebfdffb6]{background-color:#e9e2c3}.circle-tier2[data-v-ebfdffb6]{background-color:#e6e0ed}.circle-tier3[data-v-ebfdffb6]{background-color:#ebdde2}.tier-text[data-v-ebfdffb6]{flex-direction:column;display:flex}.tier-name[data-v-ebfdffb6]{color:#27313a;margin:0;font-size:13px;font-weight:800}.tier-desc[data-v-ebfdffb6]{color:#64748b;margin:2px 0 0;font-size:11.5px;font-weight:600;line-height:1.35}.hero-footer-status[data-v-ebfdffb6]{color:#475569;border-top:1px solid #4b556340;justify-content:space-between;align-items:center;margin-top:28px;padding-top:18px;font-size:12px;font-weight:700;display:flex}.status-indicator[data-v-ebfdffb6]{align-items:center;gap:6px;display:flex}.status-dot[data-v-ebfdffb6]{background-color:#10b981;border-radius:50%;width:8px;height:8px}.version-label[data-v-ebfdffb6]{color:#64748b;font-size:11px}.auth-form-panel[data-v-ebfdffb6]{box-sizing:border-box;background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:center;padding:36px 32px;display:flex;box-shadow:4px 4px #27313a1f}.form-inner[data-v-ebfdffb6]{width:100%;max-width:420px;margin:0 auto}.form-header[data-v-ebfdffb6]{margin-bottom:24px}.form-badge[data-v-ebfdffb6]{text-transform:uppercase;letter-spacing:.05em;color:#27313a;border:1px solid #4b5563;border-radius:6px;align-items:center;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:2px 2px #27313a1a}.badge-login[data-v-ebfdffb6]{background-color:#e9e2c3}.badge-register[data-v-ebfdffb6]{background-color:#d6eed1}.form-title[data-v-ebfdffb6]{color:#27313a;letter-spacing:-.01em;margin:12px 0 0;font-size:28px;font-weight:800}.form-subtitle[data-v-ebfdffb6]{color:#64748b;margin:4px 0 0;font-size:13px;font-weight:600;line-height:1.5}.auth-form-body[data-v-ebfdffb6]{flex-direction:column;gap:16px;display:flex}.field-group[data-v-ebfdffb6]{flex-direction:column;gap:6px;display:flex}.field-label[data-v-ebfdffb6]{color:#27313a;font-size:12px;font-weight:800}.label-row[data-v-ebfdffb6]{justify-content:space-between;align-items:center;display:flex}.label-hint[data-v-ebfdffb6]{color:#64748b;font-size:11px;font-weight:600}.field-control[data-v-ebfdffb6]{align-items:center;width:100%;display:flex;position:relative}.field-icon[data-v-ebfdffb6]{color:#94a3b8;pointer-events:none;flex-shrink:0;width:18px;height:18px;position:absolute;left:14px}.field-input[data-v-ebfdffb6]{color:#27313a;box-sizing:border-box;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;width:100%;height:46px;padding:0 14px 0 42px;font-size:13.5px;font-weight:600;transition:border-color .15s,box-shadow .15s;box-shadow:2px 2px #27313a14}.field-input-password[data-v-ebfdffb6]{padding-right:44px}.field-input[data-v-ebfdffb6]:focus{border-color:#27313a;box-shadow:3px 3px #27313a}.field-input[data-v-ebfdffb6]::placeholder{color:#94a3b8;font-weight:500}.password-eye-btn[data-v-ebfdffb6]{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-eye-btn[data-v-ebfdffb6]:hover{color:#27313a}.eye-svg[data-v-ebfdffb6]{width:18px;height:18px}.field-requirement-hint[data-v-ebfdffb6]{color:#64748b;margin:2px 0 0;font-size:11px;font-weight:600}.checkbox-row[data-v-ebfdffb6]{color:#475569;justify-content:space-between;align-items:center;padding-top:2px;font-size:12px;font-weight:600;display:flex}.checkbox-label[data-v-ebfdffb6]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.checkbox-input[data-v-ebfdffb6]{accent-color:#27313a;cursor:pointer;border:1px solid #4b5563;border-radius:4px;width:16px;height:16px}.role-auto-badge[data-v-ebfdffb6]{color:#475569;background-color:#f6f7f4;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800}.consent-row[data-v-ebfdffb6]{padding-top:2px}.consent-label[data-v-ebfdffb6]{cursor:pointer;color:#475569;align-items:flex-start;gap:9px;font-size:12px;font-weight:600;line-height:1.5;display:flex}.consent-checkbox[data-v-ebfdffb6]{flex-shrink:0;margin-top:2px}.alert-box[data-v-ebfdffb6]{box-sizing:border-box;border:1px solid #4b5563;border-radius:6px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12px;font-weight:700;line-height:1.45;display:flex}.alert-error[data-v-ebfdffb6]{color:#842300;background-color:#f3d1d1;box-shadow:2px 2px #84230026}.alert-success[data-v-ebfdffb6]{color:#174f1d;background-color:#d6eed1;box-shadow:2px 2px #174f1d26}.alert-icon[data-v-ebfdffb6]{flex-shrink:0;width:16px;height:16px;margin-top:2px}.btn-submit[data-v-ebfdffb6]{color:#27313a;cursor:pointer;box-sizing:border-box;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:4px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s,background-color .15s;display:flex;box-shadow:3px 3px #27313a}.btn-login[data-v-ebfdffb6]{background-color:#dce8f0}.btn-login[data-v-ebfdffb6]:hover:not(:disabled){background-color:#c9deea;transform:translate(-1px,-1px);box-shadow:4px 4px #27313a}.btn-register[data-v-ebfdffb6]{background-color:#d6eed1}.btn-register[data-v-ebfdffb6]:hover:not(:disabled){background-color:#c3e6bd;transform:translate(-1px,-1px);box-shadow:4px 4px #27313a}.btn-submit[data-v-ebfdffb6]:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #27313a}.btn-submit[data-v-ebfdffb6]:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:2px 2px #4b5563}.btn-icon[data-v-ebfdffb6]{width:18px;height:18px}.switch-mode-box[data-v-ebfdffb6]{text-align:center;margin-top:22px}.switch-mode-text[data-v-ebfdffb6]{color:#64748b;margin:0;font-size:12px;font-weight:600}.switch-mode-link[data-v-ebfdffb6]{color:#27313a;text-underline-offset:3px;margin-left:4px;font-weight:800;text-decoration:underline;transition:color .15s}.switch-mode-link[data-v-ebfdffb6]:hover{color:#000}.role-info-card[data-v-ebfdffb6]{box-sizing:border-box;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:flex-start;gap:10px;margin-top:20px;padding:12px 14px;display:flex;box-shadow:2px 2px #27313a14}.info-icon[data-v-ebfdffb6]{color:#64748b;flex-shrink:0;width:16px;height:16px;margin-top:2px}.info-content[data-v-ebfdffb6]{flex-direction:column;display:flex}.info-title[data-v-ebfdffb6]{color:#27313a;margin:0;font-size:11px;font-weight:800}.info-desc[data-v-ebfdffb6]{color:#64748b;margin:2px 0 0;font-size:11px;line-height:1.5}@media (width<=860px){.auth-card-container[data-v-ebfdffb6]{grid-template-columns:1fr;gap:20px}.auth-hero-panel[data-v-ebfdffb6]{padding:28px 24px}.hero-heading[data-v-ebfdffb6]{font-size:26px}.auth-form-panel[data-v-ebfdffb6]{padding:28px 24px}.form-title[data-v-ebfdffb6]{font-size:24px}}@media (width<=480px){.auth-page[data-v-ebfdffb6]{padding:16px 12px}.auth-hero-panel[data-v-ebfdffb6],.auth-form-panel[data-v-ebfdffb6]{padding:22px 18px}.tier-card-item[data-v-ebfdffb6]{padding:10px 12px}}.nb-student-sidebar[data-v-c0501863]{box-sizing:border-box;color:#27313a;z-index:20;background-color:#fff;border-right:1px solid #4b5563;flex-direction:column;width:260px;min-width:260px;height:100vh;min-height:100vh;padding:20px 16px;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand-box[data-v-c0501863]{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:18px}.brand-inner[data-v-c0501863]{align-items:center;gap:12px;display:flex}.brand-icon-wrapper[data-v-c0501863]{background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:2px 2px #4b5563}.brand-icon[data-v-c0501863]{color:#27313a;width:22px;height:22px}.brand-text[data-v-c0501863]{flex-direction:column;display:flex;overflow:hidden}.brand-title[data-v-c0501863]{color:#27313a;font-size:15px;font-weight:800;line-height:1.2}.brand-subtitle[data-v-c0501863]{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-top:2px;font-size:10px;font-weight:700}.sidebar-nav-list[data-v-c0501863]{flex-direction:column;flex:1;gap:4px;padding:0;display:flex}.nav-section-title[data-v-c0501863]{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:12px 10px 4px;font-size:10px;font-weight:800}.nav-item-link[data-v-c0501863]{color:#4b5563;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.nav-item-link[data-v-c0501863]:hover{color:#27313a;background-color:#f6f7f4;border-color:#d1d5db}.nav-item-link.is-active[data-v-c0501863]{color:#27313a;background-color:#e9e2c3;border-color:#4b5563;font-weight:800;box-shadow:2px 2px #4b5563}.nav-icon[data-v-c0501863]{flex-shrink:0;width:18px;height:18px}.sidebar-footer-box[data-v-c0501863]{border-top:1px solid #e5e7eb;flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.user-info-chip[data-v-c0501863]{background-color:#f6f7f4;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-avatar-pill[data-v-c0501863]{color:#27313a;background-color:#dce8f0;border:1px solid #4b5563;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.user-text-info[data-v-c0501863]{flex-direction:column;display:flex;overflow:hidden}.user-name-label[data-v-c0501863]{color:#27313a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden}.user-role-label[data-v-c0501863]{color:#64748b;font-size:11px;font-weight:600}.btn-logout[data-v-c0501863]{color:#991b1b;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;font-weight:800;transition:all .15s;display:flex;box-shadow:2px 2px #4b5563}.btn-logout[data-v-c0501863]:hover{background-color:#fee2e2;transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.logout-icon[data-v-c0501863]{width:16px;height:16px}@media (width<=768px){.nb-student-sidebar[data-v-c0501863]{border-bottom:1px solid #4b5563;border-right:none;width:100%;min-width:100%;height:auto;min-height:auto;padding:16px;position:static}.sidebar-brand-box[data-v-c0501863]{margin-bottom:12px;padding-bottom:14px}.sidebar-footer-box[data-v-c0501863]{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:14px}.user-info-chip[data-v-c0501863]{flex:1;min-width:160px}.btn-logout[data-v-c0501863]{width:auto}}.nb-teacher-sidebar[data-v-c6c72008]{box-sizing:border-box;color:#27313a;z-index:40;background-color:#fff;border-right:1px solid #4b5563;flex-direction:column;width:260px;min-width:260px;height:100vh;min-height:100vh;padding:20px 16px;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand-box[data-v-c6c72008]{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:18px}.brand-inner[data-v-c6c72008]{align-items:center;gap:12px;display:flex}.brand-icon-wrapper[data-v-c6c72008]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:2px 2px #4b5563}.brand-icon[data-v-c6c72008]{color:#27313a;width:22px;height:22px}.brand-text[data-v-c6c72008]{flex-direction:column;display:flex;overflow:hidden}.brand-title[data-v-c6c72008]{color:#27313a;font-size:15px;font-weight:800;line-height:1.2}.brand-subtitle[data-v-c6c72008]{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-top:2px;font-size:10px;font-weight:700}.sidebar-nav-list[data-v-c6c72008]{flex-direction:column;flex:1;gap:4px;display:flex}.nav-section-title[data-v-c6c72008]{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:12px 10px 4px;font-size:10px;font-weight:800}.nav-item-link[data-v-c6c72008]{color:#4b5563;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.nav-item-link[data-v-c6c72008]:hover{color:#27313a;background-color:#f6f7f4;border-color:#d1d5db}.nav-item-link.is-active[data-v-c6c72008]{color:#27313a;background-color:#e9e2c3;border-color:#4b5563;font-weight:800;box-shadow:2px 2px #4b5563}.nav-icon[data-v-c6c72008]{flex-shrink:0;width:18px;height:18px}.sidebar-footer-box[data-v-c6c72008]{border-top:1px solid #e5e7eb;flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.user-info-chip[data-v-c6c72008]{background-color:#f6f7f4;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-avatar-pill[data-v-c6c72008]{color:#27313a;background-color:#ebdde2;border:1px solid #4b5563;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.user-text-info[data-v-c6c72008]{flex-direction:column;min-width:0;display:flex;overflow:hidden}.user-name-label[data-v-c6c72008]{color:#27313a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-role-label[data-v-c6c72008]{color:#64748b;font-size:11px;font-weight:600}.btn-logout[data-v-c6c72008]{color:#27313a;cursor:pointer;background-color:#ebdde2;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:2px 2px #4b5563}.btn-logout[data-v-c6c72008]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-logout[data-v-c6c72008]:active{transform:translate(1px,1px);box-shadow:1px 1px #4b5563}.logout-icon[data-v-c6c72008]{width:16px;height:16px}@media (width<=768px){.nb-teacher-sidebar[data-v-c6c72008]{border-bottom:1px solid #4b5563;border-right:none;width:100%;min-width:100%;height:auto;min-height:auto;position:static}}.nb-admin-sidebar[data-v-52c11adf]{box-sizing:border-box;color:#27313a;z-index:20;background-color:#fff;border-right:1px solid #4b5563;flex-direction:column;width:260px;min-width:260px;height:100vh;min-height:100vh;padding:20px 16px;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand-box[data-v-52c11adf]{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:18px}.brand-inner[data-v-52c11adf]{align-items:center;gap:12px;display:flex}.brand-icon-wrapper[data-v-52c11adf]{background-color:#dce8f0;border:1px solid #4b5563;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:2px 2px #27313a1a}.brand-icon[data-v-52c11adf]{color:#27313a;width:20px;height:20px}.brand-text[data-v-52c11adf]{flex-direction:column;min-width:0;display:flex}.brand-title[data-v-52c11adf]{color:#27313a;font-size:15px;font-weight:800;line-height:1.2}.brand-subtitle[data-v-52c11adf]{color:#64748b;margin-top:1px;font-size:11px;font-weight:600}.sidebar-nav-list[data-v-52c11adf]{flex-direction:column;flex:1;gap:4px;padding:0;display:flex}.nav-section-title[data-v-52c11adf]{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:12px 6px 4px;font-size:10px;font-weight:800}.nav-item-link[data-v-52c11adf]{color:#4b5563;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.nav-item-link[data-v-52c11adf]:hover{color:#27313a;background-color:#f6f7f4}.nav-item-link.is-active[data-v-52c11adf]{color:#27313a;background-color:#e9e2c3;border-color:#4b5563;font-weight:800;box-shadow:2px 2px #27313a1a}.nav-icon[data-v-52c11adf]{flex-shrink:0;width:17px;height:17px}.sidebar-footer-box[data-v-52c11adf]{border-top:1px solid #e5e7eb;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.user-info-chip[data-v-52c11adf]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:2px 2px #27313a14}.user-avatar-pill[data-v-52c11adf]{color:#27313a;background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.user-text-info[data-v-52c11adf]{flex-direction:column;min-width:0;display:flex;overflow:hidden}.user-name-label[data-v-52c11adf]{color:#27313a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden}.user-role-label[data-v-52c11adf]{color:#64748b;margin-top:1px;font-size:10.5px;font-weight:600}.btn-logout[data-v-52c11adf]{color:#842300;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex;box-shadow:2px 2px #27313a14}.btn-logout[data-v-52c11adf]:hover{background-color:#f3d1d1;transform:translate(-1px,-1px);box-shadow:3px 3px #27313a}.btn-logout[data-v-52c11adf]:active{transform:translate(1px,1px);box-shadow:1px 1px #27313a}.logout-icon[data-v-52c11adf]{width:15px;height:15px}@media (width<=768px){.nb-admin-sidebar[data-v-52c11adf]{border-bottom:1px solid #4b5563;border-right:none;width:100%;min-width:100%;height:auto;min-height:auto;padding:16px;position:static}.sidebar-brand-box[data-v-52c11adf]{margin-bottom:12px;padding:0 0 14px}.sidebar-nav-list[data-v-52c11adf]{flex-direction:column;gap:4px;display:flex}.nav-section-title[data-v-52c11adf]{padding:8px 10px 4px}.sidebar-footer-box[data-v-52c11adf]{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:14px}.user-info-chip[data-v-52c11adf]{flex:1;min-width:160px}.btn-logout[data-v-52c11adf]{width:auto}}.student-layout[data-v-0ea08106]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.student-main-content[data-v-0ea08106]{flex-direction:column;flex:1;min-width:0;display:flex}.student-topbar[data-v-0ea08106]{z-index:20;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.topbar-title[data-v-0ea08106]{margin:0;font-size:18px;font-weight:800;line-height:1.2}.topbar-subtitle[data-v-0ea08106]{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.student-badge[data-v-0ea08106]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:2px 2px #4b5563}.student-avatar[data-v-0ea08106]{background-color:#dce8f0;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.student-info[data-v-0ea08106]{flex-direction:column;display:flex}.student-name[data-v-0ea08106]{color:#27313a;font-size:13px;font-weight:700}.student-role[data-v-0ea08106]{color:#64748b;font-size:11px;font-weight:600}.content-body[data-v-0ea08106]{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;padding:24px 32px;display:flex}.welcome-banner[data-v-0ea08106]{background-color:#dce8f0;border:1px solid #4b5563;border-radius:8px;padding:24px 28px;position:relative;overflow:hidden;box-shadow:3px 3px #4b5563}.banner-decor[data-v-0ea08106]{background-color:#e9e2c3;border:1px solid #4b5563;width:110px;height:110px;position:absolute;top:-20px;right:-20px;transform:rotate(12deg)}.banner-content[data-v-0ea08106]{z-index:2;max-width:680px;position:relative}.date-pill[data-v-0ea08106]{text-transform:uppercase;background-color:#fff;border:1px solid #4b5563;border-radius:4px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block;box-shadow:2px 2px #4b5563}.welcome-heading[data-v-0ea08106]{color:#27313a;margin:0 0 8px;font-size:24px;font-weight:800}.welcome-description[data-v-0ea08106]{color:#4b5563;margin:0;font-size:13px;font-weight:600;line-height:1.5}.stats-grid[data-v-0ea08106]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-card[data-v-0ea08106]{border:1px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:120px;padding:18px 20px;display:flex;box-shadow:3px 3px #4b5563}.stat-blue[data-v-0ea08106]{background-color:#dce8f0}.stat-green[data-v-0ea08106]{background-color:#d6eed1}.stat-yellow[data-v-0ea08106]{background-color:#e9e2c3}.stat-header[data-v-0ea08106]{justify-content:space-between;align-items:center;display:flex}.stat-label[data-v-0ea08106]{color:#27313a;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.stat-icon-wrap[data-v-0ea08106]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:1px 1px #4b5563}.stat-icon-wrap svg[data-v-0ea08106]{color:#27313a;width:18px;height:18px}.stat-value[data-v-0ea08106]{margin:10px 0 2px;font-size:32px;font-weight:800;line-height:1}.score-unit[data-v-0ea08106]{color:#64748b;font-size:16px;font-weight:700}.stat-footer[data-v-0ea08106]{margin-top:auto}.stat-sub[data-v-0ea08106]{color:#4b5563;font-size:11px;font-weight:700}.quick-actions-grid[data-v-0ea08106]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quick-action-card[data-v-0ea08106]{color:#27313a;border:1px solid #4b5563;border-radius:8px;align-items:center;gap:16px;padding:18px;text-decoration:none;transition:all .15s;display:flex;box-shadow:3px 3px #4b5563}.quick-action-card[data-v-0ea08106]:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #4b5563}.bg-green[data-v-0ea08106]{background-color:#d6eed1}.bg-blue[data-v-0ea08106]{background-color:#dce8f0}.bg-purple[data-v-0ea08106]{background-color:#e6e0ed}.qa-icon-box[data-v-0ea08106]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:2px 2px #4b5563}.qa-icon-box svg[data-v-0ea08106]{color:#27313a;width:22px;height:22px}.qa-details[data-v-0ea08106]{flex-direction:column;display:flex}.qa-title[data-v-0ea08106]{font-size:15px;font-weight:800}.qa-subtitle[data-v-0ea08106]{color:#4b5563;margin-top:2px;font-size:12px;font-weight:600}.nb-panel[data-v-0ea08106]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;overflow:hidden;box-shadow:3px 3px #4b5563}.panel-header[data-v-0ea08106]{border-bottom:1px solid #4b5563;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.panel-title[data-v-0ea08106]{margin:0;font-size:16px;font-weight:800}.panel-subtitle[data-v-0ea08106]{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:600}.btn-nb-sm[data-v-0ea08106]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:2px 2px #4b5563}.btn-nb-sm[data-v-0ea08106]:hover{background-color:#f6f7f4;transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-nb-sm svg[data-v-0ea08106]{width:14px;height:14px}.state-msg[data-v-0ea08106]{text-align:center;color:#64748b;padding:36px;font-size:13px;font-weight:600}.state-msg.empty p[data-v-0ea08106]{margin:0 0 14px}.btn-create-first[data-v-0ea08106]{color:#166534;background-color:#d6eed1;border:1px solid #4b5563;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:2px 2px #4b5563}.table-responsive[data-v-0ea08106]{overflow-x:auto}.nb-table[data-v-0ea08106]{border-collapse:collapse;text-align:left;width:100%}.nb-table th[data-v-0ea08106]{text-transform:uppercase;letter-spacing:.05em;color:#64748b;background-color:#f6f7f4;border-bottom:1px solid #4b5563;padding:12px 18px;font-size:11px;font-weight:800}.nb-table td[data-v-0ea08106]{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px 18px;font-size:13px}.nb-table tbody tr[data-v-0ea08106]:hover{background-color:#fafbf9}.cell-main[data-v-0ea08106]{flex-direction:column;display:flex}.item-title[data-v-0ea08106]{color:#27313a;font-size:13px;font-weight:700}.score-display[data-v-0ea08106]{color:#27313a;font-size:14px;font-weight:800}.status-pill[data-v-0ea08106]{border:1px solid #4b5563;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.status-active[data-v-0ea08106]{color:#166534;background-color:#d6eed1}.status-draft[data-v-0ea08106]{color:#475569;background-color:#f1f5f9}.btn-action-open[data-v-0ea08106]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-block;box-shadow:2px 2px #4b5563}.btn-action-open[data-v-0ea08106]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-action-continue[data-v-0ea08106]{color:#166534;background-color:#d6eed1;border:1px solid #4b5563;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-block;box-shadow:2px 2px #4b5563}.btn-action-continue[data-v-0ea08106]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}@media (width<=1024px){.stats-grid[data-v-0ea08106]{grid-template-columns:repeat(3,1fr)}.quick-actions-grid[data-v-0ea08106]{grid-template-columns:1fr}}@media (width<=768px){.student-layout[data-v-0ea08106]{flex-direction:column}.stats-grid[data-v-0ea08106]{grid-template-columns:1fr}.content-body[data-v-0ea08106]{gap:16px;padding:16px}.student-topbar[data-v-0ea08106]{flex-wrap:wrap;gap:10px;padding:12px 16px}}.users-layout[data-v-b4d6230f]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.users-main-area[data-v-b4d6230f]{flex-direction:column;flex:1;min-width:0;display:flex}.users-topbar[data-v-b4d6230f]{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex}.topbar-title[data-v-b4d6230f]{color:#27313a;margin:0;font-size:18px;font-weight:800;line-height:1.2}.topbar-sub[data-v-b4d6230f]{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:600;display:block}.btn-create-user[data-v-b4d6230f]{color:#27313a;cursor:pointer;background-color:#d6eed1;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:9px 16px;font-size:12.5px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:3px 3px #27313a}.btn-create-user[data-v-b4d6230f]:hover{background-color:#c4e6bd;transform:translate(-1px,-1px);box-shadow:4px 4px #27313a}.btn-create-user[data-v-b4d6230f]:active{transform:translate(1px,1px);box-shadow:1px 1px #27313a}.btn-svg[data-v-b4d6230f]{width:16px;height:16px}.users-content-body[data-v-b4d6230f]{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;padding:24px 32px;display:flex}.role-tabs-bar[data-v-b4d6230f]{gap:8px;display:flex}.role-tab-btn[data-v-b4d6230f]{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .15s}.role-tab-btn[data-v-b4d6230f]:hover{color:#27313a;background-color:#f6f7f4}.role-tab-btn.is-active-tab[data-v-b4d6230f]{color:#27313a;background-color:#e9e2c3;font-weight:800;box-shadow:2px 2px #27313a1a}.user-filter-card[data-v-b4d6230f]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;padding:14px 18px;box-shadow:3px 3px #27313a1a}.filter-controls-row[data-v-b4d6230f]{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.search-wrap[data-v-b4d6230f]{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.search-icon[data-v-b4d6230f]{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;left:12px}.neo-search-input[data-v-b4d6230f]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;width:100%;height:40px;padding:0 14px 0 38px;font-size:13px;font-weight:600;box-shadow:2px 2px #27313a14}.neo-search-input[data-v-b4d6230f]:focus{border-color:#27313a;box-shadow:3px 3px #27313a}.select-group[data-v-b4d6230f]{align-items:center;gap:8px;display:flex}.select-label[data-v-b4d6230f]{color:#64748b;font-size:12px;font-weight:700}.neo-select[data-v-b4d6230f]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;height:40px;padding:0 14px;font-size:12.5px;font-weight:700;box-shadow:2px 2px #27313a14}.btn-filter-submit[data-v-b4d6230f]{color:#27313a;cursor:pointer;background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;height:40px;padding:0 18px;font-size:12.5px;font-weight:800;transition:all .15s;box-shadow:2px 2px #27313a}.btn-filter-submit[data-v-b4d6230f]:hover{background-color:#c9deea;transform:translate(-1px,-1px);box-shadow:3px 3px #27313a}.neo-table-card[data-v-b4d6230f]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;overflow:hidden;box-shadow:4px 4px #27313a1f}.table-scroll[data-v-b4d6230f]{overflow-x:auto}.neo-table[data-v-b4d6230f]{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.neo-table th[data-v-b4d6230f]{color:#4b5563;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background-color:#f6f7f4;border-bottom:1px solid #4b5563;padding:11px 16px;font-size:11px;font-weight:800}.neo-table td[data-v-b4d6230f]{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:12px 16px}.neo-table tr:last-child td[data-v-b4d6230f]{border-bottom:none}.neo-table tbody tr[data-v-b4d6230f]:hover{background-color:#fbfbf9}.user-info-row[data-v-b4d6230f]{align-items:center;gap:12px;display:flex}.avatar-circle[data-v-b4d6230f]{color:#27313a;border:1px solid #4b5563;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12.5px;font-weight:800;display:flex}.avatar-guru[data-v-b4d6230f]{background-color:#dce8f0}.avatar-siswa[data-v-b4d6230f]{background-color:#e6e0ed}.user-text-col[data-v-b4d6230f]{flex-direction:column;display:flex}.u-name-bold[data-v-b4d6230f]{color:#27313a;font-size:13.5px;font-weight:800}.u-id-muted[data-v-b4d6230f]{color:#64748b;font-size:11px}.role-chip[data-v-b4d6230f]{border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.chip-guru[data-v-b4d6230f]{color:#0369a1;background-color:#dce8f0}.chip-siswa[data-v-b4d6230f]{color:#6b21a8;background-color:#e6e0ed}.status-chip[data-v-b4d6230f]{border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.chip-active[data-v-b4d6230f]{color:#15803d;background-color:#d6eed1}.chip-inactive[data-v-b4d6230f]{color:#991b1b;background-color:#f3d1d1}.actions-group[data-v-b4d6230f]{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.btn-action[data-v-b4d6230f]{color:#27313a;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .15s}.btn-action[data-v-b4d6230f]:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #27313a}.btn-act-detail[data-v-b4d6230f]:hover{background-color:#dce8f0}.btn-act-edit[data-v-b4d6230f]:hover{background-color:#e9e2c3}.btn-act-reset[data-v-b4d6230f]:hover{background-color:#ebdde2}.btn-act-toggle[data-v-b4d6230f]:hover{background-color:#f6f7f4}.btn-act-delete[data-v-b4d6230f]{color:#842300}.btn-act-delete[data-v-b4d6230f]:hover{background-color:#f3d1d1}.table-pagination-footer[data-v-b4d6230f]{background-color:#f6f7f4;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex}.total-count-text[data-v-b4d6230f]{color:#64748b;font-size:12px;font-weight:600}.pagination-nav[data-v-b4d6230f]{align-items:center;gap:4px;display:flex}.page-nav-btn[data-v-b4d6230f]{color:#27313a;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:4px 10px;font-size:11.5px;font-weight:700}.page-nav-btn[data-v-b4d6230f]:disabled{opacity:.5;cursor:not-allowed}.page-num-btn[data-v-b4d6230f]{color:#27313a;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11.5px;font-weight:700;display:flex}.page-num-btn.is-current-page[data-v-b4d6230f]{background-color:#e9e2c3;font-weight:800;box-shadow:2px 2px #27313a1a}.modal-overlay[data-v-b4d6230f]{z-index:50;background-color:#27313a59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog-box[data-v-b4d6230f]{box-sizing:border-box;background-color:#fff;border:1px solid #4b5563;border-radius:8px;width:100%;max-width:480px;overflow:hidden;box-shadow:6px 6px #27313a33}.modal-top-header[data-v-b4d6230f]{background-color:#f6f7f4;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-header-title[data-v-b4d6230f]{color:#27313a;margin:0;font-size:16px;font-weight:800}.modal-close-x[data-v-b4d6230f]{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:20px;font-weight:800;line-height:1}.modal-body-content[data-v-b4d6230f]{padding:20px}.modal-form-fields[data-v-b4d6230f]{flex-direction:column;gap:14px;display:flex}.form-group[data-v-b4d6230f]{flex-direction:column;gap:5px;display:flex}.field-label[data-v-b4d6230f]{color:#27313a;font-size:12px;font-weight:800}.modal-input[data-v-b4d6230f]{color:#27313a;box-sizing:border-box;border:1px solid #4b5563;border-radius:6px;outline:none;width:100%;height:42px;padding:0 14px;font-size:13px;font-weight:600;box-shadow:2px 2px #27313a14}.modal-input[data-v-b4d6230f]:focus{border-color:#27313a;box-shadow:3px 3px #27313a}.modal-select[data-v-b4d6230f]{color:#27313a;box-sizing:border-box;border:1px solid #4b5563;border-radius:6px;outline:none;width:100%;height:42px;padding:0 14px;font-size:13px;font-weight:700;box-shadow:2px 2px #27313a14}.field-hint[data-v-b4d6230f]{color:#64748b;font-size:11px}.modal-guide-text[data-v-b4d6230f]{color:#475569;margin:0;font-size:12.5px;font-weight:600;line-height:1.5}.user-detail-card[data-v-b4d6230f]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;padding:16px}.detail-grid[data-v-b4d6230f]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-cell[data-v-b4d6230f]{flex-direction:column;display:flex}.c-label[data-v-b4d6230f]{color:#64748b;letter-spacing:.04em;font-size:10px;font-weight:800}.c-val[data-v-b4d6230f]{color:#27313a;margin-top:2px;font-size:13px;font-weight:800}.modal-footer-actions[data-v-b4d6230f]{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:14px;display:flex}.btn-cancel[data-v-b4d6230f]{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;padding:8px 16px;font-size:12.5px;font-weight:700}.btn-submit-modal[data-v-b4d6230f]{color:#27313a;cursor:pointer;background-color:#d6eed1;border:1px solid #4b5563;border-radius:6px;padding:8px 18px;font-size:12.5px;font-weight:800;box-shadow:2px 2px #27313a}.btn-submit-modal[data-v-b4d6230f]:hover:not(:disabled){background-color:#c4e6bd;transform:translate(-1px,-1px);box-shadow:3px 3px #27313a}.alert-box[data-v-b4d6230f]{border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.alert-error[data-v-b4d6230f]{color:#842300;background-color:#f3d1d1;box-shadow:2px 2px #84230026}.alert-success[data-v-b4d6230f]{color:#174f1d;background-color:#d6eed1;box-shadow:2px 2px #174f1d26}.alert-svg[data-v-b4d6230f]{flex-shrink:0;width:16px;height:16px}.table-loading-cell[data-v-b4d6230f],.table-empty-cell[data-v-b4d6230f]{text-align:center;color:#64748b;padding:30px;font-size:12.5px;font-weight:700}.spinner-small[data-v-b4d6230f]{vertical-align:middle;border:2px solid #cbd5e1;border-top-color:#27313a;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite spin-b4d6230f;display:inline-block}@keyframes spin-b4d6230f{to{transform:rotate(360deg)}}@media (width<=768px){.users-layout[data-v-b4d6230f]{flex-direction:column}.users-topbar[data-v-b4d6230f]{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.topbar-right-box[data-v-b4d6230f]{width:100%}.btn-add-user[data-v-b4d6230f]{justify-content:center;width:100%}.users-content-body[data-v-b4d6230f]{gap:16px;padding:16px}.role-tabs-bar[data-v-b4d6230f]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.role-tab-btn[data-v-b4d6230f]{text-align:center;white-space:nowrap;flex:1;padding:8px 12px}.filter-controls-row[data-v-b4d6230f]{flex-direction:column;align-items:stretch;gap:10px}.search-wrap[data-v-b4d6230f]{width:100%;min-width:0}.select-group[data-v-b4d6230f]{flex-direction:column;align-items:stretch;gap:4px;width:100%}.neo-select[data-v-b4d6230f],.btn-filter-submit[data-v-b4d6230f]{width:100%}.table-scroll[data-v-b4d6230f]{-webkit-overflow-scrolling:touch;overflow-x:auto}.neo-table[data-v-b4d6230f]{min-width:680px}.actions-group[data-v-b4d6230f]{justify-content:flex-start}.modal-backdrop[data-v-b4d6230f]{padding:12px}.modal-dialog-box[data-v-b4d6230f]{max-width:100%;max-height:90vh;overflow-y:auto}.detail-grid[data-v-b4d6230f]{grid-template-columns:1fr}}@media (width<=480px){.topbar-title[data-v-b4d6230f]{font-size:16px}.user-filter-card[data-v-b4d6230f]{padding:12px}}.profile-layout[data-v-54cc592c]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.profile-main-area[data-v-54cc592c]{flex-direction:column;flex:1;min-width:0;display:flex}.profile-topbar[data-v-54cc592c]{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.topbar-heading[data-v-54cc592c]{color:#27313a;margin:0;font-size:18px;font-weight:800;line-height:1.2}.topbar-subinfo[data-v-54cc592c]{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:600;display:block}.back-dashboard-btn[data-v-54cc592c]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:2px 2px #27313a1a}.back-dashboard-btn[data-v-54cc592c]:hover{background-color:#f6f7f4;transform:translate(-1px,-1px);box-shadow:3px 3px #27313a}.btn-svg[data-v-54cc592c]{width:15px;height:15px}.profile-content-body[data-v-54cc592c]{box-sizing:border-box;flex-direction:column;gap:22px;width:100%;padding:24px 32px;display:flex}.profile-hero-card[data-v-54cc592c]{box-sizing:border-box;background-color:#fff;border:1px solid #4b5563;border-radius:8px;padding:26px 30px;box-shadow:4px 4px #27313a1f}.hero-profile-info[data-v-54cc592c]{align-items:center;gap:22px;display:flex}.hero-avatar[data-v-54cc592c]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;font-size:26px;font-weight:900;display:flex;box-shadow:3px 3px #27313a26}.hero-details[data-v-54cc592c]{flex-direction:column;gap:4px;display:flex}.name-badge-row[data-v-54cc592c]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.user-fullname[data-v-54cc592c]{color:#27313a;margin:0;font-size:22px;font-weight:900;line-height:1.2}.role-pill-badge[data-v-54cc592c]{border:1px solid #4b5563;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:800;box-shadow:1px 1px #27313a1a}.pill-admin[data-v-54cc592c]{color:#27313a;background-color:#e9e2c3}.pill-user[data-v-54cc592c]{color:#27313a;background-color:#dce8f0}.user-email-row[data-v-54cc592c]{color:#64748b;align-items:center;gap:8px;margin:2px 0 0;font-size:12.5px;font-weight:600;display:flex}.row-svg[data-v-54cc592c]{color:#94a3b8;width:14px;height:14px}.sep-dot[data-v-54cc592c]{color:#cbd5e1}.status-active-badge[data-v-54cc592c]{color:#15803d;font-weight:800}.user-meta-row[data-v-54cc592c]{color:#64748b;margin:2px 0 0;font-size:11.5px}.profile-grid-cols[data-v-54cc592c]{grid-template-columns:1fr 1fr;gap:22px;display:grid}.neo-card[data-v-54cc592c]{box-sizing:border-box;background-color:#fff;border:1px solid #4b5563;border-radius:8px;padding:24px 26px;box-shadow:4px 4px #27313a1f}.card-header-bar[data-v-54cc592c]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.header-with-icon[data-v-54cc592c]{align-items:center;gap:8px;display:flex}.header-svg[data-v-54cc592c]{color:#27313a;width:18px;height:18px}.card-title[data-v-54cc592c]{color:#27313a;margin:0;font-size:16px;font-weight:800}.verified-tag[data-v-54cc592c]{color:#4b5563;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.card-guide-text[data-v-54cc592c]{color:#64748b;margin:-6px 0 16px;font-size:12px;font-weight:600}.details-list[data-v-54cc592c]{flex-direction:column;gap:10px;display:flex}.detail-row-item[data-v-54cc592c]{background-color:#f6f7f4;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.detail-label[data-v-54cc592c]{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.detail-value[data-v-54cc592c]{color:#27313a;font-size:13px;font-weight:800}.access-rights-box[data-v-54cc592c]{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:16px}.access-title[data-v-54cc592c]{color:#27313a;margin:0 0 10px;font-size:11.5px;font-weight:800}.access-chips-list[data-v-54cc592c]{flex-direction:column;gap:6px;display:flex}.access-chip[data-v-54cc592c]{color:#334155;background-color:#f6f7f4;border:1px solid #e2e8f0;border-radius:4px;padding:5px 10px;font-size:11.5px;font-weight:700;display:inline-block}.password-form-box[data-v-54cc592c]{flex-direction:column;gap:14px;display:flex}.form-group[data-v-54cc592c]{flex-direction:column;gap:5px;display:flex}.input-label[data-v-54cc592c]{color:#27313a;font-size:12px;font-weight:800}.neo-input[data-v-54cc592c]{color:#27313a;box-sizing:border-box;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;width:100%;height:42px;padding:0 14px;font-size:13px;font-weight:600;transition:all .15s;box-shadow:2px 2px #27313a14}.neo-input[data-v-54cc592c]:focus{border-color:#27313a;box-shadow:3px 3px #27313a}.btn-save-password[data-v-54cc592c]{color:#27313a;cursor:pointer;background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:6px;font-size:13px;font-weight:800;transition:all .15s;display:flex;box-shadow:3px 3px #27313a}.btn-save-password[data-v-54cc592c]:hover:not(:disabled){background-color:#c9deea;transform:translate(-1px,-1px);box-shadow:4px 4px #27313a}.btn-save-password[data-v-54cc592c]:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #27313a}.btn-save-password[data-v-54cc592c]:disabled{opacity:.65;cursor:not-allowed;transform:none}.alert-box[data-v-54cc592c]{box-sizing:border-box;border:1px solid #4b5563;border-radius:6px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12px;font-weight:700;line-height:1.45;display:flex}.alert-error[data-v-54cc592c]{color:#842300;background-color:#f3d1d1;box-shadow:2px 2px #84230026}.alert-success[data-v-54cc592c]{color:#174f1d;background-color:#d6eed1;box-shadow:2px 2px #174f1d26}.alert-svg[data-v-54cc592c]{flex-shrink:0;width:16px;height:16px;margin-top:2px}.btn-retry[data-v-54cc592c]{cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:800}.loading-box[data-v-54cc592c]{color:#64748b;background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:13px;font-weight:700;display:flex;box-shadow:3px 3px #27313a1a}.spinner[data-v-54cc592c]{border:3px solid #e2e8f0;border-top-color:#27313a;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin-54cc592c}@keyframes spin-54cc592c{to{transform:rotate(360deg)}}.simple-fallback-sidebar[data-v-54cc592c]{background-color:#fff;border-right:1px solid #4b5563;flex-direction:column;justify-content:space-between;width:240px;min-width:240px;padding:20px 16px;display:flex}.brand-link[data-v-54cc592c]{color:#27313a;align-items:center;gap:10px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.brand-avatar-box[data-v-54cc592c]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.fallback-nav[data-v-54cc592c]{flex-direction:column;gap:6px;margin:20px 0;display:flex}.fallback-nav-item[data-v-54cc592c]{color:#4b5563;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none}.fallback-nav-item.is-current[data-v-54cc592c]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;font-weight:800;box-shadow:2px 2px #27313a1a}.fallback-logout-btn[data-v-54cc592c]{color:#842300;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:800}@media (width<=768px){.profile-layout[data-v-54cc592c]{flex-direction:column}.profile-topbar[data-v-54cc592c]{padding:12px 16px}.profile-content-scroll[data-v-54cc592c]{gap:16px;padding:16px}.profile-hero-card[data-v-54cc592c]{padding:20px 16px}.hero-profile-info[data-v-54cc592c]{flex-direction:column;align-items:flex-start;gap:14px}.profile-grid-cols[data-v-54cc592c]{grid-template-columns:1fr;gap:16px}}@media (width<=480px){.topbar-heading[data-v-54cc592c]{font-size:16px}.hero-avatar-big[data-v-54cc592c]{width:56px;height:56px;font-size:20px}}.teacher-layout[data-v-1d854fce]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.teacher-main-content[data-v-1d854fce]{flex-direction:column;flex:1;min-width:0;display:flex}.teacher-topbar[data-v-1d854fce]{z-index:20;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.breadcrumb-nav[data-v-1d854fce]{align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.bc-link[data-v-1d854fce]{color:#64748b;text-decoration:none}.bc-link[data-v-1d854fce]:hover{color:#27313a;text-decoration:underline}.bc-sep[data-v-1d854fce]{color:#94a3b8}.bc-current[data-v-1d854fce]{color:#27313a}.topbar-title[data-v-1d854fce]{margin:0;font-size:18px;font-weight:800;line-height:1.2}.teacher-badge[data-v-1d854fce]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:2px 2px #4b5563}.teacher-avatar[data-v-1d854fce]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.teacher-info[data-v-1d854fce]{flex-direction:column;display:flex}.teacher-name[data-v-1d854fce]{color:#27313a;font-size:13px;font-weight:700}.teacher-role[data-v-1d854fce]{color:#64748b;font-size:11px;font-weight:600}.content-body[data-v-1d854fce]{flex-direction:column;gap:20px;padding:24px 28px;display:flex}.bank-detail-hero[data-v-1d854fce]{background-color:#e6e0ed;border:1px solid #4b5563;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:3px 3px #4b5563}.hero-decor[data-v-1d854fce]{background-color:#e9e2c3;border:1px solid #4b5563;width:100px;height:100px;position:absolute;top:-24px;right:-24px;transform:rotate(12deg)}.hero-content[data-v-1d854fce]{z-index:2;max-width:620px;position:relative}.kicker-pill[data-v-1d854fce]{text-transform:uppercase;background-color:#fff;border:1px solid #4b5563;border-radius:4px;margin-bottom:10px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block;box-shadow:2px 2px #4b5563}.hero-title[data-v-1d854fce]{color:#27313a;margin:0 0 6px;font-size:22px;font-weight:800}.hero-desc[data-v-1d854fce]{color:#4b5563;margin:0;font-size:13px;font-weight:600;line-height:1.5}.hero-actions[data-v-1d854fce]{z-index:2;position:relative}.btn-nb-primary[data-v-1d854fce]{color:#27313a;cursor:pointer;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:2px 2px #4b5563}.btn-nb-primary[data-v-1d854fce]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-nb-primary svg[data-v-1d854fce]{width:16px;height:16px}.btn-nb-secondary[data-v-1d854fce]{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn-nb-secondary[data-v-1d854fce]:hover{color:#27313a;background-color:#f6f7f4}.btn-nb-danger[data-v-1d854fce]{color:#b91c1c;cursor:pointer;background-color:#fff;border:1px solid #b91c1c;border-radius:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:800}.btn-nb-danger[data-v-1d854fce]:hover{background-color:#ebdde2}.alert-box[data-v-1d854fce]{border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:700;display:flex;box-shadow:2px 2px #4b5563}.alert-box svg[data-v-1d854fce]{flex-shrink:0;width:18px;height:18px}.alert-close[data-v-1d854fce]{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;font-size:18px;font-weight:800}.alert-success[data-v-1d854fce]{color:#166534;background-color:#d6eed1}.alert-error[data-v-1d854fce]{color:#991b1b;background-color:#ebdde2}.just-created-text[data-v-1d854fce]{flex-direction:column;display:flex}.just-created-btns[data-v-1d854fce]{gap:8px;margin-left:auto;display:flex}.btn-sm-white[data-v-1d854fce]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none}.btn-sm-action[data-v-1d854fce]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:800;text-decoration:none}.filters-bar[data-v-1d854fce]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-input-wrap[data-v-1d854fce]{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.search-input-wrap svg[data-v-1d854fce]{color:#64748b;width:16px;height:16px;position:absolute;left:12px}.filter-search-input[data-v-1d854fce]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;width:100%;padding:10px 14px 10px 36px;font-family:inherit;font-size:13px}.filter-search-input[data-v-1d854fce]:focus{border-color:#27313a;box-shadow:2px 2px #4b5563}.filter-select[data-v-1d854fce]{color:#27313a;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px}.btn-filter-apply[data-v-1d854fce]{cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:800;box-shadow:2px 2px #4b5563}.btn-filter-apply[data-v-1d854fce]:hover{background-color:#f6f7f4}.empty-card[data-v-1d854fce]{text-align:center;background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex;box-shadow:3px 3px #4b5563}.empty-icon-box[data-v-1d854fce]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.empty-icon-box svg[data-v-1d854fce]{color:#64748b;width:24px;height:24px}.nb-panel[data-v-1d854fce]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;overflow:hidden;box-shadow:3px 3px #4b5563}.table-responsive[data-v-1d854fce]{overflow-x:auto}.nb-table[data-v-1d854fce]{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.nb-table th[data-v-1d854fce]{text-transform:uppercase;letter-spacing:.05em;color:#4b5563;background-color:#f6f7f4;border-bottom:1px solid #4b5563;padding:12px 18px;font-size:11px;font-weight:800}.nb-table td[data-v-1d854fce]{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px 18px}.nb-table tr:last-child td[data-v-1d854fce]{border-bottom:none}.order-badge[data-v-1d854fce]{text-align:center;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:4px;width:24px;height:24px;font-size:11px;font-weight:800;line-height:24px;display:inline-block}.q-cell-text[data-v-1d854fce]{flex-direction:column;gap:4px;display:flex}.q-text-link[data-v-1d854fce]{color:#27313a;font-weight:700;line-height:1.4;text-decoration:none}.q-text-link[data-v-1d854fce]:hover{text-decoration:underline}.q-correct-key[data-v-1d854fce]{color:#64748b;font-size:11px}.q-correct-key b[data-v-1d854fce]{color:#166534}.concept-cell[data-v-1d854fce]{flex-direction:column;display:flex}.concept-title[data-v-1d854fce]{color:#27313a;font-weight:800}.concept-subject[data-v-1d854fce]{color:#64748b;font-size:11px}.status-pill[data-v-1d854fce]{border:1px solid #4b5563;border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.status-confirmed[data-v-1d854fce]{color:#166534;background-color:#d6eed1}.status-draft[data-v-1d854fce]{color:#475569;background-color:#f1f5f9}.table-action-btns[data-v-1d854fce]{align-items:center;gap:6px;display:flex}.btn-action-view[data-v-1d854fce],.btn-action-edit[data-v-1d854fce]{color:#27313a;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;text-decoration:none}.btn-action-view[data-v-1d854fce]:hover,.btn-action-edit[data-v-1d854fce]:hover{background-color:#e9e2c3}.btn-action-del[data-v-1d854fce]{color:#b91c1c;cursor:pointer;background-color:#fff;border:1px solid #b91c1c;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:700}.btn-action-del[data-v-1d854fce]:hover{background-color:#ebdde2}.detail-header-card[data-v-1d854fce]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:3px 3px #4b5563}.dh-info h2[data-v-1d854fce]{margin:6px 0;font-size:20px;font-weight:800}.dh-info h2 small[data-v-1d854fce]{color:#64748b;font-size:14px}.dh-actions[data-v-1d854fce]{gap:10px;display:flex}.three-tier-detail-flow[data-v-1d854fce]{flex-direction:column;gap:18px;display:flex}.tier-card[data-v-1d854fce]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;overflow:hidden;box-shadow:3px 3px #4b5563}.tier-card-header[data-v-1d854fce]{border-bottom:1px solid #4b5563;align-items:center;gap:14px;padding:14px 20px;display:flex}.tier-badge-number[data-v-1d854fce]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex;box-shadow:1px 1px #4b5563}.tier-card-title[data-v-1d854fce]{margin:0;font-size:15px;font-weight:800}.tier-card-subtitle[data-v-1d854fce]{color:#64748b;font-size:11px;font-weight:600}.bg-yellow[data-v-1d854fce]{background-color:#e9e2c3}.bg-purple[data-v-1d854fce]{background-color:#e6e0ed}.bg-pink[data-v-1d854fce]{background-color:#ebdde2}.tier-card-body[data-v-1d854fce]{flex-direction:column;gap:16px;padding:20px;display:flex}.question-main-text[data-v-1d854fce]{margin:0;font-size:15px;font-weight:700;line-height:1.5}.options-list[data-v-1d854fce]{flex-direction:column;gap:8px;display:flex}.option-item-box[data-v-1d854fce]{background-color:#f6f7f4;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:12px;padding:10px 14px;display:flex}.option-item-box.is-correct-answer[data-v-1d854fce]{background-color:#d6eed1;border-color:#4b5563;box-shadow:2px 2px #4b5563}.opt-key-badge[data-v-1d854fce]{background-color:#fff;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:flex}.opt-text[data-v-1d854fce]{flex:1;font-size:13px;font-weight:600}.correct-tag[data-v-1d854fce]{color:#166534;background-color:#fff;border:1px solid #166534;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800}.sub-label[data-v-1d854fce]{text-transform:uppercase;color:#64748b;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.question-sub-text[data-v-1d854fce]{margin:0;font-size:14px;font-weight:600;line-height:1.4}.reference-box[data-v-1d854fce]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;padding:12px 14px;font-size:13px;line-height:1.5}.cri-explain[data-v-1d854fce]{color:#4b5563;margin:0;font-size:13px;font-weight:600;line-height:1.5}.question-editor-form[data-v-1d854fce]{flex-direction:column;gap:20px;display:flex}.editor-header[data-v-1d854fce]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;box-shadow:3px 3px #4b5563}.editor-title[data-v-1d854fce]{margin:0;font-size:18px;font-weight:800}.editor-subtitle[data-v-1d854fce]{color:#64748b;font-size:12px;font-weight:600}.editor-top-actions[data-v-1d854fce]{gap:8px;display:flex}.panel-section-header[data-v-1d854fce]{background-color:#f6f7f4;border-bottom:1px solid #4b5563;padding:14px 20px}.panel-section-header h3[data-v-1d854fce]{margin:0;font-size:15px;font-weight:800}.panel-section-header p[data-v-1d854fce]{color:#64748b;margin:3px 0 0;font-size:12px;font-weight:600}.bg-yellow-soft[data-v-1d854fce]{background-color:#faf7ed}.bg-purple-soft[data-v-1d854fce]{background-color:#f4f0f7}.bg-pink-soft[data-v-1d854fce]{background-color:#faedf2}.tier-label-box[data-v-1d854fce]{align-items:center;gap:10px;display:flex}.tier-number-tag[data-v-1d854fce]{background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800;box-shadow:1px 1px #4b5563}.tier-header-with-action[data-v-1d854fce]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.btn-generate-ai[data-v-1d854fce]{color:#1e3a8a;cursor:pointer;background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:2px 2px #4b5563}.btn-generate-ai[data-v-1d854fce]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-generate-ai[data-v-1d854fce]:disabled{opacity:.7;cursor:not-allowed}.btn-generate-ai svg[data-v-1d854fce]{width:15px;height:15px}@keyframes spin-1d854fce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-spinner[data-v-1d854fce]{flex-shrink:0;animation:.85s linear infinite spin-1d854fce;display:inline-block}.ai-generating-notice[data-v-1d854fce]{color:#1e40af;background-color:#eff6ff;border:2px solid #2563eb;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:2px 2px #1e40af}.ai-generating-notice .btn-spinner[data-v-1d854fce]{color:#2563eb;width:22px;height:22px}.ai-generating-notice .notice-texts[data-v-1d854fce]{flex-direction:column;gap:2px;display:flex}.ai-generating-notice .notice-texts strong[data-v-1d854fce]{color:#1e3a8a;font-size:13px;font-weight:700}.ai-generating-notice .notice-texts span[data-v-1d854fce]{color:#3b82f6;font-size:12px}.panel-form-body[data-v-1d854fce]{flex-direction:column;gap:16px;padding:20px;display:flex}.form-row-2[data-v-1d854fce]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-group[data-v-1d854fce]{flex-direction:column;gap:6px;display:flex}.form-label[data-v-1d854fce]{color:#27313a;font-size:13px;font-weight:800}.req[data-v-1d854fce]{color:#b91c1c}.nb-input[data-v-1d854fce],.nb-select[data-v-1d854fce],.nb-textarea[data-v-1d854fce]{color:#27313a;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px}.nb-input[data-v-1d854fce]:focus,.nb-select[data-v-1d854fce]:focus,.nb-textarea[data-v-1d854fce]:focus{background-color:#fff;border-color:#27313a;box-shadow:2px 2px #4b5563}.nb-textarea[data-v-1d854fce]{resize:vertical}.options-manager[data-v-1d854fce]{flex-direction:column;gap:10px;margin-top:6px;display:flex}.options-mgr-header[data-v-1d854fce]{justify-content:space-between;align-items:center;display:flex}.btn-add-option[data-v-1d854fce]{cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:800;box-shadow:1px 1px #4b5563}.btn-add-option[data-v-1d854fce]:disabled{opacity:.5;cursor:not-allowed}.options-inputs-list[data-v-1d854fce]{flex-direction:column;gap:10px;display:flex}.option-input-row[data-v-1d854fce]{align-items:center;gap:10px;display:flex}.option-key-label[data-v-1d854fce]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:38px;font-size:14px;font-weight:800;display:flex;box-shadow:1px 1px #4b5563}.flex-1[data-v-1d854fce]{flex:1}.radio-correct-label[data-v-1d854fce]{cursor:pointer;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.btn-remove-opt[data-v-1d854fce]{color:#b91c1c;cursor:pointer;background-color:#fff;border:1px solid #b91c1c;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:flex}.btn-remove-opt[data-v-1d854fce]:disabled{opacity:.3;cursor:not-allowed}.form-hint[data-v-1d854fce]{color:#64748b;font-size:11px;font-weight:600}.form-submit-footer[data-v-1d854fce]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex;box-shadow:3px 3px #4b5563}@media (width<=768px){.teacher-layout[data-v-1d854fce]{flex-direction:column}.content-body[data-v-1d854fce]{padding:16px}.form-row-2[data-v-1d854fce]{grid-template-columns:1fr}.filters-bar[data-v-1d854fce]{flex-direction:column}.search-input-wrap[data-v-1d854fce],.filter-select[data-v-1d854fce]{width:100%}}.teacher-layout[data-v-6a8e7782]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.teacher-main-content[data-v-6a8e7782]{flex-direction:column;flex:1;min-width:0;display:flex}.teacher-topbar[data-v-6a8e7782]{z-index:20;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.topbar-title[data-v-6a8e7782]{margin:0;font-size:18px;font-weight:800;line-height:1.2}.topbar-subtitle[data-v-6a8e7782]{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.teacher-badge[data-v-6a8e7782]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:2px 2px #4b5563}.teacher-avatar[data-v-6a8e7782]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.teacher-info[data-v-6a8e7782]{flex-direction:column;display:flex}.teacher-name[data-v-6a8e7782]{color:#27313a;font-size:13px;font-weight:700}.teacher-role[data-v-6a8e7782]{color:#64748b;font-size:11px;font-weight:600}.content-body[data-v-6a8e7782]{flex-direction:column;gap:20px;padding:24px 28px;display:flex}.banks-hero[data-v-6a8e7782]{background-color:#e6e0ed;border:1px solid #4b5563;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:3px 3px #4b5563}.hero-decor[data-v-6a8e7782]{background-color:#e9e2c3;border:1px solid #4b5563;width:100px;height:100px;position:absolute;top:-24px;right:-24px;transform:rotate(12deg)}.hero-content[data-v-6a8e7782]{z-index:2;max-width:600px;position:relative}.kicker-pill[data-v-6a8e7782]{text-transform:uppercase;background-color:#fff;border:1px solid #4b5563;border-radius:4px;margin-bottom:10px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block;box-shadow:2px 2px #4b5563}.hero-title[data-v-6a8e7782]{color:#27313a;margin:0 0 6px;font-size:24px;font-weight:800}.hero-desc[data-v-6a8e7782]{color:#4b5563;margin:0;font-size:13px;font-weight:600;line-height:1.5}.btn-create-bank[data-v-6a8e7782]{z-index:2;color:#27313a;cursor:pointer;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex;position:relative;box-shadow:2px 2px #4b5563}.btn-create-bank svg[data-v-6a8e7782]{width:16px;height:16px}.btn-create-bank[data-v-6a8e7782]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.alert-box[data-v-6a8e7782]{border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:700;display:flex;box-shadow:2px 2px #4b5563}.alert-box svg[data-v-6a8e7782]{flex-shrink:0;width:18px;height:18px}.alert-close[data-v-6a8e7782]{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;font-size:18px;font-weight:800}.alert-success[data-v-6a8e7782]{color:#166534;background-color:#d6eed1}.alert-error[data-v-6a8e7782]{color:#991b1b;background-color:#ebdde2}.empty-card[data-v-6a8e7782]{text-align:center;background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex;box-shadow:3px 3px #4b5563}.empty-icon-box[data-v-6a8e7782]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:2px 2px #4b5563}.empty-icon-box svg[data-v-6a8e7782]{color:#4b5563;width:28px;height:28px}.empty-card h3[data-v-6a8e7782]{margin:0;font-size:18px;font-weight:800}.empty-card p[data-v-6a8e7782]{color:#64748b;margin:0;font-size:13px;font-weight:600}.btn-nb-primary[data-v-6a8e7782]{color:#27313a;cursor:pointer;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:800;box-shadow:2px 2px #4b5563}.banks-grid[data-v-6a8e7782]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.bank-card[data-v-6a8e7782]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:3px 3px #4b5563}.bank-card[data-v-6a8e7782]:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #4b5563}.bank-card-header[data-v-6a8e7782]{background-color:#f6f7f4;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.bank-icon-box[data-v-6a8e7782]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:1px 1px #4b5563}.bank-icon-box svg[data-v-6a8e7782]{color:#27313a;width:18px;height:18px}.count-pill[data-v-6a8e7782]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:800}.bank-card-body[data-v-6a8e7782]{flex-direction:column;flex:1;gap:6px;padding:18px;display:flex}.bank-name-link[data-v-6a8e7782]{color:#27313a;font-size:16px;font-weight:800;line-height:1.3;text-decoration:none}.bank-name-link[data-v-6a8e7782]:hover{text-decoration:underline}.bank-meta[data-v-6a8e7782]{color:#64748b;margin-top:auto;font-size:11px;font-weight:600}.bank-card-footer[data-v-6a8e7782]{background-color:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:8px;padding:12px 18px;display:flex}.btn-card-open[data-v-6a8e7782]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:800;text-decoration:none;box-shadow:2px 2px #4b5563}.btn-card-open[data-v-6a8e7782]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-card-secondary[data-v-6a8e7782]{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:700}.btn-card-secondary[data-v-6a8e7782]:hover{color:#27313a;background-color:#f6f7f4}.btn-card-danger[data-v-6a8e7782]{color:#b91c1c;cursor:pointer;background-color:#fff;border:1px solid #b91c1c;border-radius:4px;margin-left:auto;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:700}.btn-card-danger[data-v-6a8e7782]:hover{background-color:#ebdde2}.nb-modal-backdrop[data-v-6a8e7782]{z-index:100;background-color:#27313a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.nb-modal-box[data-v-6a8e7782]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;width:100%;max-width:480px;animation:.15s ease-out modalIn-6a8e7782;overflow:hidden;box-shadow:5px 5px #4b5563}@keyframes modalIn-6a8e7782{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nb-modal-header[data-v-6a8e7782]{background-color:#e9e2c3;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.nb-modal-header h3[data-v-6a8e7782]{color:#27313a;margin:0;font-size:16px;font-weight:800}.btn-close-modal[data-v-6a8e7782]{cursor:pointer;color:#27313a;background:0 0;border:none;font-size:22px;font-weight:700;line-height:1}.nb-modal-form[data-v-6a8e7782]{flex-direction:column;gap:16px;padding:20px;display:flex}.form-group[data-v-6a8e7782]{flex-direction:column;gap:6px;display:flex}.form-label[data-v-6a8e7782]{color:#27313a;font-size:13px;font-weight:800}.nb-input[data-v-6a8e7782]{color:#27313a;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.nb-input[data-v-6a8e7782]:focus{background-color:#fff;border-color:#27313a;box-shadow:2px 2px #4b5563}.form-hint[data-v-6a8e7782]{color:#64748b;font-size:11px;font-weight:600}.modal-err-msg[data-v-6a8e7782]{color:#b91c1c;margin:0;font-size:12px;font-weight:700}.nb-modal-footer[data-v-6a8e7782]{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.btn-cancel[data-v-6a8e7782]{cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700}.btn-save[data-v-6a8e7782]{color:#27313a;cursor:pointer;background-color:#d6eed1;border:1px solid #4b5563;border-radius:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:800;box-shadow:2px 2px #4b5563}.btn-save[data-v-6a8e7782]:disabled{opacity:.6;cursor:wait}@media (width<=768px){.teacher-layout[data-v-6a8e7782]{flex-direction:column}.content-body[data-v-6a8e7782]{padding:16px}.banks-hero[data-v-6a8e7782]{flex-direction:column;align-items:stretch}.banks-grid[data-v-6a8e7782]{grid-template-columns:1fr}}.teacher-layout[data-v-5cf43267]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.teacher-main-content[data-v-5cf43267]{flex-direction:column;flex:1;min-width:0;display:flex}.teacher-topbar[data-v-5cf43267]{z-index:20;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.breadcrumb-nav[data-v-5cf43267]{align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.bc-link[data-v-5cf43267]{color:#64748b;text-decoration:none}.bc-link[data-v-5cf43267]:hover{color:#27313a;text-decoration:underline}.bc-sep[data-v-5cf43267]{color:#94a3b8}.bc-current[data-v-5cf43267]{color:#27313a}.topbar-title[data-v-5cf43267]{margin:0;font-size:18px;font-weight:800;line-height:1.2}.teacher-badge[data-v-5cf43267]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:2px 2px #4b5563}.teacher-avatar[data-v-5cf43267]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.teacher-info[data-v-5cf43267]{flex-direction:column;display:flex}.teacher-name[data-v-5cf43267]{color:#27313a;font-size:13px;font-weight:700}.teacher-role[data-v-5cf43267]{color:#64748b;font-size:11px;font-weight:600}.content-body[data-v-5cf43267]{flex-direction:column;gap:20px;padding:24px 28px;display:flex}.assess-hero[data-v-5cf43267]{background-color:#e6e0ed;border:1px solid #4b5563;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:3px 3px #4b5563}.hero-decor[data-v-5cf43267]{background-color:#e9e2c3;border:1px solid #4b5563;width:100px;height:100px;position:absolute;top:-24px;right:-24px;transform:rotate(12deg)}.hero-content[data-v-5cf43267]{z-index:2;max-width:620px;position:relative}.kicker-pill[data-v-5cf43267]{text-transform:uppercase;background-color:#fff;border:1px solid #4b5563;border-radius:4px;margin-bottom:10px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block;box-shadow:2px 2px #4b5563}.hero-title[data-v-5cf43267]{color:#27313a;margin:0 0 6px;font-size:22px;font-weight:800}.hero-desc[data-v-5cf43267]{color:#4b5563;margin:0;font-size:13px;font-weight:600;line-height:1.5}.btn-create-assess[data-v-5cf43267]{z-index:2;color:#27313a;background-color:#d6eed1;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;position:relative;box-shadow:2px 2px #4b5563}.btn-create-assess svg[data-v-5cf43267]{width:16px;height:16px}.btn-create-assess[data-v-5cf43267]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-nb-primary[data-v-5cf43267]{color:#27313a;cursor:pointer;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:2px 2px #4b5563}.btn-nb-primary[data-v-5cf43267]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-nb-primary[data-v-5cf43267]:disabled{opacity:.6;cursor:wait}.btn-nb-secondary[data-v-5cf43267]{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn-nb-secondary[data-v-5cf43267]:hover{color:#27313a;background-color:#f6f7f4}.alert-box[data-v-5cf43267]{border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:700;display:flex;box-shadow:2px 2px #4b5563}.alert-box svg[data-v-5cf43267]{flex-shrink:0;width:18px;height:18px}.alert-close[data-v-5cf43267]{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:auto;font-size:18px;font-weight:800}.alert-success[data-v-5cf43267]{color:#166534;background-color:#d6eed1}.alert-error[data-v-5cf43267]{color:#991b1b;background-color:#ebdde2}.filters-bar[data-v-5cf43267]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-input-wrap[data-v-5cf43267]{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.search-input-wrap svg[data-v-5cf43267]{color:#64748b;width:16px;height:16px;position:absolute;left:12px}.filter-search-input[data-v-5cf43267]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;width:100%;padding:10px 14px 10px 36px;font-family:inherit;font-size:13px}.filter-search-input[data-v-5cf43267]:focus{border-color:#27313a;box-shadow:2px 2px #4b5563}.filter-select[data-v-5cf43267]{color:#27313a;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px}.btn-filter-apply[data-v-5cf43267]{cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:800;box-shadow:2px 2px #4b5563}.btn-filter-apply[data-v-5cf43267]:hover{background-color:#f6f7f4}.empty-card[data-v-5cf43267]{text-align:center;background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex;box-shadow:3px 3px #4b5563}.empty-icon-box[data-v-5cf43267]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.empty-icon-box svg[data-v-5cf43267]{color:#64748b;width:24px;height:24px}.nb-panel[data-v-5cf43267]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;overflow:hidden;box-shadow:3px 3px #4b5563}.table-responsive[data-v-5cf43267]{overflow-x:auto}.nb-table[data-v-5cf43267]{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.nb-table th[data-v-5cf43267]{text-transform:uppercase;letter-spacing:.05em;color:#4b5563;background-color:#f6f7f4;border-bottom:1px solid #4b5563;padding:12px 18px;font-size:11px;font-weight:800}.nb-table td[data-v-5cf43267]{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px 18px}.nb-table tr:last-child td[data-v-5cf43267]{border-bottom:none}.item-title-link[data-v-5cf43267]{color:#27313a;font-weight:800;text-decoration:none}.item-title-link[data-v-5cf43267]:hover{text-decoration:underline}.bank-pill[data-v-5cf43267]{background-color:#f6f7f4;border:1px solid #d1d5db;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.count-badge[data-v-5cf43267],.duration-badge[data-v-5cf43267]{color:#4b5563;font-size:12px;font-weight:700}.token-code-pill[data-v-5cf43267]{letter-spacing:.06em;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:800;display:inline-block}.status-pill[data-v-5cf43267]{border:1px solid #4b5563;border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.status-draft[data-v-5cf43267]{color:#475569;background-color:#f1f5f9}.status-published[data-v-5cf43267],.status-active[data-v-5cf43267]{color:#166534;background-color:#d6eed1}.status-closed[data-v-5cf43267],.status-inactive[data-v-5cf43267]{color:#991b1b;background-color:#ebdde2}.status-finished[data-v-5cf43267],.status-results_released[data-v-5cf43267]{color:#1e40af;background-color:#dce8f0}.table-action-btns[data-v-5cf43267]{align-items:center;gap:6px;display:flex}.btn-action-results[data-v-5cf43267]{color:#0369a1;background-color:#dce8f0;border:1px solid #4b5563;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:1px 1px #4b5563}.btn-action-results[data-v-5cf43267]:hover{background-color:#bae6fd;transform:translate(-1px,-1px);box-shadow:2px 2px #4b5563}.btn-action-view[data-v-5cf43267],.btn-action-edit[data-v-5cf43267]{color:#27313a;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;text-decoration:none}.btn-action-view[data-v-5cf43267]:hover,.btn-action-edit[data-v-5cf43267]:hover{background-color:#e9e2c3}.btn-action-del[data-v-5cf43267]{color:#b91c1c;cursor:pointer;background-color:#fff;border:1px solid #b91c1c;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:700}.btn-action-del[data-v-5cf43267]:hover{background-color:#ebdde2}.nb-panel-form[data-v-5cf43267]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;overflow:hidden;box-shadow:3px 3px #4b5563}.form-card-header[data-v-5cf43267]{background-color:#e9e2c3;border-bottom:1px solid #4b5563;padding:18px 24px}.form-card-header h3[data-v-5cf43267]{margin:0;font-size:18px;font-weight:800}.form-card-header p[data-v-5cf43267]{color:#4b5563;margin:4px 0 0;font-size:12px;font-weight:600}.form-card-body[data-v-5cf43267]{flex-direction:column;gap:18px;padding:24px;display:flex}.form-group[data-v-5cf43267]{flex-direction:column;gap:6px;display:flex}.form-label[data-v-5cf43267]{color:#27313a;font-size:13px;font-weight:800}.req[data-v-5cf43267]{color:#b91c1c}.nb-input[data-v-5cf43267],.nb-select[data-v-5cf43267],.nb-textarea[data-v-5cf43267]{color:#27313a;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px}.nb-input[data-v-5cf43267]:focus,.nb-select[data-v-5cf43267]:focus,.nb-textarea[data-v-5cf43267]:focus{background-color:#fff;border-color:#27313a;box-shadow:2px 2px #4b5563}.duration-input-box[data-v-5cf43267]{align-items:center;gap:10px;display:flex}.duration-input[data-v-5cf43267]{width:140px}.duration-unit[data-v-5cf43267]{color:#64748b;font-size:13px;font-weight:700}.form-hint[data-v-5cf43267]{color:#64748b;font-size:11px;font-weight:600}.form-card-footer[data-v-5cf43267]{background-color:#f6f7f4;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.assess-detail-hero[data-v-5cf43267]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:3px 3px #4b5563}.dh-main[data-v-5cf43267]{max-width:580px}.dh-badges[data-v-5cf43267]{gap:8px;margin-bottom:8px;display:flex}.dh-title[data-v-5cf43267]{margin:0 0 6px;font-size:22px;font-weight:800}.dh-desc[data-v-5cf43267]{color:#64748b;margin:0;font-size:13px;font-weight:600}.token-hero-card[data-v-5cf43267]{text-align:center;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:8px;flex-direction:column;align-items:center;padding:16px 20px;display:flex;box-shadow:2px 2px #4b5563}.token-hero-label[data-v-5cf43267]{letter-spacing:.08em;color:#64748b;font-size:10px;font-weight:800}.token-hero-code[data-v-5cf43267]{color:#27313a;letter-spacing:.08em;margin:4px 0;font-family:monospace;font-size:26px;font-weight:800}.token-hero-hint[data-v-5cf43267]{color:#4b5563;font-size:10px;font-weight:600}.control-actions-bar[data-v-5cf43267]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;box-shadow:2px 2px #4b5563}.status-buttons[data-v-5cf43267]{flex-wrap:wrap;gap:8px;display:flex}.btn-control[data-v-5cf43267]{cursor:pointer;border:1px solid #4b5563;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:2px 2px #4b5563}.btn-control[data-v-5cf43267]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-control[data-v-5cf43267]:disabled{opacity:.6;cursor:wait}.btn-c-green[data-v-5cf43267]{color:#166534;background-color:#d6eed1}.btn-c-yellow[data-v-5cf43267]{color:#27313a;background-color:#e9e2c3}.btn-c-blue[data-v-5cf43267]{color:#1e40af;background-color:#dce8f0}.btn-c-purple[data-v-5cf43267]{color:#581c87;background-color:#e6e0ed}.btn-c-results[data-v-5cf43267]{color:#0369a1;background-color:#dce8f0;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.btn-c-results[data-v-5cf43267]:hover{background-color:#bae6fd}.right-buttons[data-v-5cf43267]{gap:8px;margin-left:auto;display:flex}.btn-control-secondary[data-v-5cf43267]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:700;text-decoration:none}.btn-control-danger[data-v-5cf43267]{color:#b91c1c;cursor:pointer;background-color:#fff;border:1px solid #b91c1c;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:800}.btn-control-danger[data-v-5cf43267]:hover{background-color:#ebdde2}.assess-stats-grid[data-v-5cf43267]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.a-stat-card[data-v-5cf43267]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;flex-direction:column;gap:4px;padding:12px 16px;display:flex;box-shadow:2px 2px #4b5563}.a-stat-label[data-v-5cf43267]{text-transform:uppercase;color:#64748b;font-size:10px;font-weight:800}.a-stat-val[data-v-5cf43267]{color:#27313a;font-size:14px;font-weight:800}.panel-section-header[data-v-5cf43267]{background-color:#f6f7f4;border-bottom:1px solid #4b5563;padding:14px 20px}.bg-cream-soft[data-v-5cf43267]{background-color:#faf7ed}.header-split[data-v-5cf43267]{justify-content:space-between;align-items:center;display:flex}.panel-title[data-v-5cf43267]{margin:0;font-size:16px;font-weight:800}.panel-subtitle[data-v-5cf43267]{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:600}.badge-count[data-v-5cf43267]{background-color:#fff;border:1px solid #4b5563;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:800}.questions-snapshot-list[data-v-5cf43267]{flex-direction:column;display:flex}.q-snapshot-item[data-v-5cf43267]{border-bottom:1px solid #e5e7eb;gap:14px;padding:14px 20px;display:flex}.q-snapshot-item[data-v-5cf43267]:last-child{border-bottom:none}.q-sn-idx[data-v-5cf43267]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:flex}.q-sn-info[data-v-5cf43267]{flex-direction:column;gap:4px;display:flex}.q-sn-text[data-v-5cf43267]{color:#27313a;font-size:14px}.q-sn-meta[data-v-5cf43267]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.concept-tag[data-v-5cf43267]{color:#1e40af;background-color:#dce8f0;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800}.tier2-hint[data-v-5cf43267]{color:#64748b;font-size:11px}.empty-students[data-v-5cf43267]{text-align:center;color:#64748b;padding:36px 20px;font-size:13px;font-weight:600}.student-row td[data-v-5cf43267]{vertical-align:middle}.student-name-box[data-v-5cf43267]{flex-direction:column;display:flex}.s-name[data-v-5cf43267]{font-size:13px;font-weight:800}.s-email[data-v-5cf43267]{color:#64748b;font-size:11px}.score-display-badge[data-v-5cf43267]{color:#166534;font-size:13px;font-weight:800}.btn-toggle-answers[data-v-5cf43267]{cursor:pointer;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:800;box-shadow:1px 1px #4b5563}.btn-toggle-answers.is-expanded[data-v-5cf43267]{background-color:#dce8f0}.header-right-actions[data-v-5cf43267]{align-items:center;gap:10px;display:flex}.btn-header-results[data-v-5cf43267]{color:#0369a1;background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:800;text-decoration:none;transition:transform .1s;display:inline-flex;box-shadow:1px 1px #4b5563}.btn-header-results[data-v-5cf43267]:hover{background-color:#bae6fd;transform:translate(-1px,-1px);box-shadow:2px 2px #4b5563}.student-action-pair[data-v-5cf43267]{align-items:center;gap:6px;display:flex}.btn-detail-direct[data-v-5cf43267]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:4px;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .1s;display:inline-flex;box-shadow:1px 1px #4b5563}.btn-detail-direct[data-v-5cf43267]:hover{background-color:#e6e0ed;transform:translate(-1px,-1px);box-shadow:2px 2px #4b5563}.expanded-answers-row td[data-v-5cf43267]{background-color:#f6f7f4;border-bottom:2px solid #4b5563;padding:0}.answers-wrapper[data-v-5cf43267]{flex-direction:column;gap:16px;padding:20px;display:flex}.answers-header-banner[data-v-5cf43267]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;box-shadow:2px 2px #4b5563}.answers-header-banner strong[data-v-5cf43267]{font-size:13px}.answers-header-banner small[data-v-5cf43267]{color:#64748b;font-size:11px;font-weight:600}.no-answers-msg[data-v-5cf43267]{text-align:center;color:#64748b;padding:20px;font-size:12px}.answers-cards-list[data-v-5cf43267]{flex-direction:column;gap:16px;display:flex}.ans-card[data-v-5cf43267]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;overflow:hidden;box-shadow:3px 3px #4b5563}.ans-card-header[data-v-5cf43267]{background-color:#f6f7f4;border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;padding:10px 16px;display:flex}.ans-no-badge[data-v-5cf43267]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:800}.diagnosis-pill[data-v-5cf43267]{border:1px solid #4b5563;border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:800}.badge-paham[data-v-5cf43267]{color:#166534;background-color:#d6eed1}.badge-miskonsepsi[data-v-5cf43267]{color:#991b1b;background-color:#ebdde2}.badge-tidak-paham[data-v-5cf43267]{color:#6b21a8;background-color:#faf5ff}.score-pill[data-v-5cf43267]{color:#4b5563;margin-left:auto;font-size:11px;font-weight:800}.ans-card-body[data-v-5cf43267]{flex-direction:column;gap:14px;padding:16px;display:flex}.ans-q-text[data-v-5cf43267]{margin:0;font-size:14px;font-weight:700;line-height:1.4}.three-tier-inspect-grid[data-v-5cf43267]{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.inspect-box[data-v-5cf43267]{background-color:#f6f7f4;border:1px solid #d1d5db;border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.box-tag[data-v-5cf43267]{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:10px;font-weight:800}.box-content p[data-v-5cf43267]{margin:2px 0;font-size:12px;line-height:1.4}.eval-tag[data-v-5cf43267]{border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-block}.tag-benar[data-v-5cf43267]{color:#166534;background-color:#d6eed1}.tag-salah[data-v-5cf43267]{color:#991b1b;background-color:#ebdde2}.essay-quote-box[data-v-5cf43267]{color:#27313a;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:8px 10px;font-size:12px;line-height:1.4}.ref-sub[data-v-5cf43267]{color:#64748b;margin-top:4px;font-size:11px}.cri-state[data-v-5cf43267]{margin-top:4px;font-size:13px}.ai-feedback-box[data-v-5cf43267]{background-color:#faf7ed;border:1px solid #4b5563;border-radius:6px;flex-direction:column;gap:4px;padding:10px 14px;font-size:12px;display:flex}.ai-fb-title[data-v-5cf43267]{color:#27313a;margin-bottom:2px;font-weight:800}.teacher-correction-panel[data-v-5cf43267]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:2px 2px #4b5563}.tcp-header[data-v-5cf43267]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tcp-title-box[data-v-5cf43267]{align-items:center;gap:8px;display:flex}.tcp-title[data-v-5cf43267]{color:#27313a;font-size:12px;font-weight:800}.source-tag[data-v-5cf43267]{border:1px solid #4b5563;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.source-guru[data-v-5cf43267]{color:#854d0e;background-color:#e9e2c3}.source-ai[data-v-5cf43267]{color:#1e40af;background-color:#dce8f0}.source-pending[data-v-5cf43267]{color:#475569;background-color:#f1f5f9}.final-verdict-display[data-v-5cf43267]{align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.verdict-tag[data-v-5cf43267]{border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800}.verdict-benar[data-v-5cf43267]{color:#166534;background-color:#d6eed1}.verdict-salah[data-v-5cf43267]{color:#991b1b;background-color:#ebdde2}.tcp-buttons-row[data-v-5cf43267]{flex-wrap:wrap;gap:8px;display:flex}.btn-cor[data-v-5cf43267]{cursor:pointer;border:1px solid #4b5563;border-radius:6px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:1px 1px #4b5563}.btn-cor[data-v-5cf43267]:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #4b5563}.btn-cor[data-v-5cf43267]:disabled{opacity:.6;cursor:wait}.btn-cor-benar[data-v-5cf43267]{color:#166534;background-color:#fff}.btn-cor-benar.is-active[data-v-5cf43267]{background-color:#d6eed1;box-shadow:2px 2px #4b5563}.btn-cor-salah[data-v-5cf43267]{color:#991b1b;background-color:#fff}.btn-cor-salah.is-active[data-v-5cf43267]{background-color:#ebdde2;box-shadow:2px 2px #4b5563}.btn-cor-reset[data-v-5cf43267]{color:#4b5563;background-color:#f6f7f4;margin-left:auto}.tcp-note[data-v-5cf43267]{color:#64748b;font-size:11px;font-weight:600}@keyframes spin-5cf43267{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-spinner[data-v-5cf43267]{vertical-align:middle;flex-shrink:0;width:15px;height:15px;animation:.85s linear infinite spin-5cf43267;display:inline-block}.ai-live-banner[data-v-5cf43267]{color:#4c1d95;background-color:#f5f3ff;border:2px solid #7c3aed;border-radius:8px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex;box-shadow:3px 3px #7c3aed}.ai-live-spinner-wrap[data-v-5cf43267]{background:#fff;border:2px solid #7c3aed;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ai-live-spinner-wrap .btn-spinner[data-v-5cf43267]{color:#7c3aed;width:22px;height:22px}.ai-live-info[data-v-5cf43267]{flex-direction:column;gap:2px;display:flex}.ai-live-info h4[data-v-5cf43267]{color:#5b21b6;margin:0;font-size:14px;font-weight:800}.ai-live-info p[data-v-5cf43267]{color:#6b21a8;margin:0;font-size:13px}@media (width<=1024px){.three-tier-inspect-grid[data-v-5cf43267]{grid-template-columns:1fr}}@media (width<=768px){.teacher-layout[data-v-5cf43267]{flex-direction:column}.content-body[data-v-5cf43267]{padding:16px}.filters-bar[data-v-5cf43267]{flex-direction:column}.search-input-wrap[data-v-5cf43267],.filter-select[data-v-5cf43267]{width:100%}.control-actions-bar[data-v-5cf43267]{flex-direction:column;align-items:stretch}.right-buttons[data-v-5cf43267]{margin-left:0}}.teacher-layout[data-v-7e5aa50b]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.teacher-main-content[data-v-7e5aa50b]{flex-direction:column;flex:1;min-width:0;display:flex}.teacher-topbar[data-v-7e5aa50b]{z-index:20;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.breadcrumb-nav[data-v-7e5aa50b]{align-items:center;gap:6px;margin-bottom:2px;font-size:11.5px;font-weight:700;display:flex}.bc-link[data-v-7e5aa50b]{color:#64748b;text-decoration:none}.bc-link[data-v-7e5aa50b]:hover{color:#27313a}.bc-sep[data-v-7e5aa50b]{color:#cbd5e1}.bc-current[data-v-7e5aa50b]{color:#27313a}.topbar-title[data-v-7e5aa50b]{margin:0;font-size:18px;font-weight:800;line-height:1.2}.teacher-badge[data-v-7e5aa50b]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:2px 2px #4b5563}.teacher-avatar[data-v-7e5aa50b]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.teacher-info[data-v-7e5aa50b]{flex-direction:column;display:flex}.teacher-name[data-v-7e5aa50b]{color:#27313a;font-size:13px;font-weight:700}.teacher-role[data-v-7e5aa50b]{color:#64748b;font-size:11px;font-weight:600}.content-body[data-v-7e5aa50b]{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;padding:24px 32px;display:flex}.results-hero[data-v-7e5aa50b]{background-color:#e6e0ed;border:1px solid #4b5563;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:3px 3px #4b5563}.hero-decor[data-v-7e5aa50b]{pointer-events:none;background-color:#e9e2c3;border:1px solid #4b5563;width:110px;height:110px;position:absolute;top:-20px;right:-20px;transform:rotate(12deg)}.hero-content[data-v-7e5aa50b]{z-index:2;max-width:720px;position:relative}.hero-tags[data-v-7e5aa50b]{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.code-pill[data-v-7e5aa50b]{background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:4px 10px;font-family:monospace;font-size:11px;font-weight:700}.hero-title[data-v-7e5aa50b]{color:#27313a;margin:0 0 6px;font-size:24px;font-weight:800}.hero-desc[data-v-7e5aa50b]{color:#4b5563;margin:0 0 12px;font-size:13px;font-weight:600}.hero-meta[data-v-7e5aa50b]{color:#4b5563;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.hero-meta .sep[data-v-7e5aa50b]{color:#94a3b8}.hero-controls[data-v-7e5aa50b]{z-index:2;flex-direction:column;flex-shrink:0;gap:8px;min-width:220px;display:flex;position:relative}.btn-control[data-v-7e5aa50b]{cursor:pointer;text-align:center;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:flex;box-shadow:2px 2px #4b5563}.btn-control[data-v-7e5aa50b]:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-control[data-v-7e5aa50b]:disabled{opacity:.6;cursor:not-allowed}.btn-c-green[data-v-7e5aa50b]{color:#166534;background-color:#d6eed1}.btn-c-yellow[data-v-7e5aa50b]{color:#854d0e;background-color:#e9e2c3}.btn-c-purple[data-v-7e5aa50b]{color:#27313a;background-color:#e6e0ed}.btn-c-white[data-v-7e5aa50b]{color:#27313a;background-color:#fff}.stats-overview-grid[data-v-7e5aa50b]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card[data-v-7e5aa50b]{border:1px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:120px;padding:18px 20px;display:flex;box-shadow:3px 3px #4b5563}.stat-blue[data-v-7e5aa50b]{background-color:#dce8f0}.stat-green[data-v-7e5aa50b]{background-color:#d6eed1}.stat-pink[data-v-7e5aa50b]{background-color:#ebdde2}.stat-yellow[data-v-7e5aa50b]{background-color:#e9e2c3}.stat-header[data-v-7e5aa50b]{justify-content:space-between;align-items:center;display:flex}.stat-label[data-v-7e5aa50b]{text-transform:uppercase;letter-spacing:.04em;color:#27313a;font-size:11.5px;font-weight:800}.stat-icon-wrap[data-v-7e5aa50b]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex;box-shadow:1px 1px #4b5563}.stat-icon-wrap svg[data-v-7e5aa50b]{width:16px;height:16px}.icon-green[data-v-7e5aa50b]{color:#166534}.icon-pink[data-v-7e5aa50b]{color:#991b1b}.icon-yellow[data-v-7e5aa50b]{color:#854d0e}.stat-value[data-v-7e5aa50b]{margin:10px 0 2px;font-size:30px;font-weight:800;line-height:1}.val-sub[data-v-7e5aa50b]{color:#64748b;font-size:14px;font-weight:600}.stat-sub[data-v-7e5aa50b]{color:#4b5563;font-size:11px;font-weight:700}.spotlight-panel[data-v-7e5aa50b]{background-color:#ebdde2;border:2px solid #4b5563;border-radius:8px;padding:22px 26px;box-shadow:3px 3px #4b5563}.spotlight-badge[data-v-7e5aa50b]{text-transform:uppercase;color:#991b1b;background-color:#fff;border:1px solid #4b5563;border-radius:4px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.spotlight-badge svg[data-v-7e5aa50b]{width:14px;height:14px}.spotlight-content[data-v-7e5aa50b]{justify-content:space-between;align-items:center;gap:24px;display:flex}.spotlight-main[data-v-7e5aa50b]{max-width:780px}.spotlight-heading[data-v-7e5aa50b]{color:#27313a;margin:0 0 8px;font-size:18px;font-weight:800}.spotlight-question-quote[data-v-7e5aa50b]{color:#4b5563;margin:0 0 12px;font-size:13.5px;font-style:italic;font-weight:700;line-height:1.4}.spotlight-meta-tags[data-v-7e5aa50b]{flex-wrap:wrap;gap:8px;display:flex}.meta-tag[data-v-7e5aa50b]{background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.spotlight-stat-box[data-v-7e5aa50b]{text-align:center;background-color:#fff;border:2px solid #4b5563;border-radius:8px;flex-shrink:0;min-width:180px;padding:16px 20px;box-shadow:2px 2px #4b5563}.box-label[data-v-7e5aa50b]{letter-spacing:.06em;color:#991b1b;font-size:9.5px;font-weight:800;display:block}.box-number[data-v-7e5aa50b]{color:#991b1b;margin:4px 0;font-size:36px;font-weight:800;line-height:1.1;display:block}.box-desc[data-v-7e5aa50b]{color:#64748b;font-size:10.5px;font-weight:600;line-height:1.3;display:block}.nb-panel[data-v-7e5aa50b]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;overflow:hidden;box-shadow:3px 3px #4b5563}.panel-section-header[data-v-7e5aa50b]{border-bottom:1px solid #4b5563;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.panel-title[data-v-7e5aa50b]{margin:0;font-size:16px;font-weight:800}.panel-subtitle[data-v-7e5aa50b]{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:600}.badge-count[data-v-7e5aa50b]{color:#64748b;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:800}.search-input[data-v-7e5aa50b]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;outline:none;min-width:240px;height:38px;padding:0 14px;font-family:inherit;font-size:13px}.search-input[data-v-7e5aa50b]:focus{background-color:#fff}.table-responsive[data-v-7e5aa50b]{overflow-x:auto}.nb-table[data-v-7e5aa50b]{border-collapse:collapse;text-align:left;width:100%}.nb-table th[data-v-7e5aa50b]{text-transform:uppercase;letter-spacing:.05em;color:#64748b;background-color:#f6f7f4;border-bottom:1px solid #4b5563;padding:12px 18px;font-size:11px;font-weight:800}.nb-table td[data-v-7e5aa50b]{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px 18px;font-size:13px}.nb-table tbody tr[data-v-7e5aa50b]:hover{background-color:#fafbf9}.q-order-badge[data-v-7e5aa50b]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-block}.concept-name-label[data-v-7e5aa50b]{color:#27313a;font-size:13px;font-weight:700}.q-text-truncate[data-v-7e5aa50b]{white-space:nowrap;text-overflow:ellipsis;color:#4b5563;max-width:320px;margin:0;font-size:12.5px;overflow:hidden}.percent-chip[data-v-7e5aa50b]{border-radius:4px;padding:3px 8px;font-size:11.5px;font-weight:800;display:inline-block}.chip-green[data-v-7e5aa50b]{color:#166534;background-color:#d6eed1}.chip-pink[data-v-7e5aa50b]{color:#991b1b;background-color:#fee2e2}.chip-yellow[data-v-7e5aa50b]{color:#92400e;background-color:#fef3c7}.chip-alert[data-v-7e5aa50b]{border:1px solid #ef4444}.status-pill[data-v-7e5aa50b]{border:1px solid #4b5563;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.status-active[data-v-7e5aa50b]{color:#166534;background-color:#d6eed1}.status-pink[data-v-7e5aa50b]{color:#991b1b;background-color:#ebdde2}.status-yellow[data-v-7e5aa50b]{color:#854d0e;background-color:#e9e2c3}.status-draft[data-v-7e5aa50b]{color:#475569;background-color:#f1f5f9}.student-cell[data-v-7e5aa50b]{flex-direction:column;display:flex}.st-name[data-v-7e5aa50b]{color:#27313a;font-size:13px;font-weight:700}.st-email[data-v-7e5aa50b]{color:#64748b;font-size:11px}.st-score-badge[data-v-7e5aa50b]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:4px;padding:3px 8px;font-size:13px;font-weight:800;display:inline-block}.diag-summary-chips[data-v-7e5aa50b]{flex-wrap:wrap;gap:6px;display:flex}.mini-chip[data-v-7e5aa50b]{border-radius:3px;padding:2px 6px;font-size:10.5px;font-weight:700}.btn-detail-link[data-v-7e5aa50b]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:6px 14px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-block;box-shadow:2px 2px #4b5563}.btn-detail-link[data-v-7e5aa50b]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.empty-msg[data-v-7e5aa50b]{text-align:center;color:#64748b;padding:36px;font-weight:600}.alert-box[data-v-7e5aa50b]{border-radius:6px;justify-content:space-between;align-items:center;padding:12px 18px;font-size:13px;font-weight:700;display:flex}.alert-success[data-v-7e5aa50b]{color:#166534;background-color:#d6eed1;border:1px solid #166534}.alert-error[data-v-7e5aa50b]{color:#991b1b;background-color:#fee2e2;border:1px solid #ef4444}.btn-close-alert[data-v-7e5aa50b]{cursor:pointer;background:0 0;border:none;font-size:18px;font-weight:800}.state-card[data-v-7e5aa50b]{text-align:center;background-color:#fff;border:1px solid #4b5563;border-radius:8px;max-width:500px;margin:60px auto;padding:48px;box-shadow:3px 3px #4b5563}.spinner[data-v-7e5aa50b]{border:3px solid #e2e8f0;border-top-color:#27313a;border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:.8s linear infinite spin-7e5aa50b}.btn-spinner[data-v-7e5aa50b]{vertical-align:middle;flex-shrink:0;width:15px;height:15px;animation:.85s linear infinite spin-7e5aa50b;display:inline-block}.ai-live-banner[data-v-7e5aa50b]{color:#4c1d95;background-color:#f5f3ff;border:2px solid #7c3aed;border-radius:8px;align-items:center;gap:14px;padding:14px 18px;display:flex;box-shadow:3px 3px #7c3aed}.ai-live-spinner-wrap[data-v-7e5aa50b]{background:#fff;border:2px solid #7c3aed;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ai-live-spinner-wrap .btn-spinner[data-v-7e5aa50b]{color:#7c3aed;width:22px;height:22px}.ai-live-info[data-v-7e5aa50b]{flex-direction:column;gap:2px;display:flex}.ai-live-info h4[data-v-7e5aa50b]{color:#5b21b6;margin:0;font-size:14px;font-weight:800}.ai-live-info p[data-v-7e5aa50b]{color:#6b21a8;margin:0;font-size:13px}@keyframes spin-7e5aa50b{to{transform:rotate(360deg)}}@media (width<=1024px){.stats-overview-grid[data-v-7e5aa50b]{grid-template-columns:repeat(2,1fr)}.results-hero[data-v-7e5aa50b]{flex-direction:column;align-items:stretch}.hero-controls[data-v-7e5aa50b]{width:100%}.spotlight-content[data-v-7e5aa50b]{flex-direction:column;align-items:stretch}}@media (width<=768px){.teacher-layout[data-v-7e5aa50b]{flex-direction:column}.stats-overview-grid[data-v-7e5aa50b]{grid-template-columns:1fr}.content-body[data-v-7e5aa50b]{gap:16px;padding:16px}.teacher-topbar[data-v-7e5aa50b]{flex-wrap:wrap;gap:10px;padding:12px 16px}}.teacher-layout[data-v-a920a286]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.teacher-main-content[data-v-a920a286]{flex-direction:column;flex:1;min-width:0;display:flex}.teacher-topbar[data-v-a920a286]{z-index:20;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.breadcrumb-nav[data-v-a920a286]{align-items:center;gap:6px;margin-bottom:2px;font-size:11.5px;font-weight:700;display:flex}.bc-link[data-v-a920a286]{color:#64748b;text-decoration:none}.bc-link[data-v-a920a286]:hover{color:#27313a;text-decoration:underline}.bc-sep[data-v-a920a286]{color:#cbd5e1}.bc-current[data-v-a920a286]{color:#27313a}.topbar-title[data-v-a920a286]{margin:0;font-size:18px;font-weight:800;line-height:1.2}.topbar-right[data-v-a920a286]{align-items:center;gap:12px;display:flex}.btn-back-summary[data-v-a920a286]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;align-items:center;padding:8px 14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:2px 2px #4b5563}.btn-back-summary[data-v-a920a286]:hover{background-color:#f9fafb;transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.teacher-badge[data-v-a920a286]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:2px 2px #4b5563}.teacher-avatar[data-v-a920a286]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.teacher-info[data-v-a920a286]{flex-direction:column;display:flex}.teacher-name[data-v-a920a286]{color:#27313a;font-size:13px;font-weight:700}.teacher-role[data-v-a920a286]{color:#64748b;font-size:11px;font-weight:600}.content-body[data-v-a920a286]{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;padding:24px 32px;display:flex}.alert-box[data-v-a920a286]{border:1px solid #4b5563;border-radius:8px;align-items:center;gap:12px;padding:12px 18px;font-size:13.5px;font-weight:600;display:flex;box-shadow:2px 2px #4b5563}.alert-success[data-v-a920a286]{color:#166534;background-color:#d6eed1}.alert-error[data-v-a920a286]{color:#991b1b;background-color:#ebdde2}.alert-icon[data-v-a920a286]{font-size:16px;font-weight:800}.alert-text[data-v-a920a286]{flex:1}.btn-close-alert[data-v-a920a286]{cursor:pointer;color:inherit;background:0 0;border:none;font-size:18px;font-weight:700}.state-card[data-v-a920a286]{text-align:center;background-color:#fff;border:1px solid #4b5563;border-radius:8px;padding:48px;box-shadow:2px 2px #4b5563}.spinner[data-v-a920a286]{border:3px solid #cbd5e1;border-top-color:#27313a;border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:.8s linear infinite spin-a920a286}@keyframes spin-a920a286{to{transform:rotate(360deg)}}.btn-retry[data-v-a920a286]{color:#27313a;background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;margin-top:14px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:2px 2px #4b5563}.student-profile-panel[data-v-a920a286]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex;box-shadow:3px 3px #4b5563}.profile-hero-left[data-v-a920a286]{flex:1;align-items:center;gap:20px;min-width:280px;display:flex}.st-avatar-badge[data-v-a920a286]{color:#27313a;background-color:#e6e0ed;border:2px solid #4b5563;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:800;display:flex;box-shadow:2px 2px #4b5563}.st-info[data-v-a920a286]{flex-direction:column;gap:4px;display:flex}.st-status-row[data-v-a920a286]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-pill[data-v-a920a286]{border:1px solid #4b5563;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.status-active[data-v-a920a286]{color:#166534;background-color:#d6eed1}.status-draft[data-v-a920a286]{color:#854d0e;background-color:#e9e2c3}.status-overridden[data-v-a920a286]{color:#581c87;background-color:#e6e0ed}.st-fullname[data-v-a920a286]{color:#27313a;margin:0;font-size:20px;font-weight:800}.st-email-text[data-v-a920a286]{color:#64748b;margin:0;font-size:13px;font-weight:600}.st-meta-row[data-v-a920a286]{color:#475569;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.sep[data-v-a920a286]{color:#cbd5e1}.profile-score-box[data-v-a920a286]{text-align:center;background-color:#f6f7f4;border:2px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:170px;padding:16px 28px;display:flex;box-shadow:2px 2px #4b5563}.score-title[data-v-a920a286]{letter-spacing:.5px;color:#64748b;font-size:11px;font-weight:800}.score-number-row[data-v-a920a286]{align-items:baseline;gap:4px;margin:4px 0;display:flex}.score-val[data-v-a920a286]{color:#27313a;font-size:38px;font-weight:900;line-height:1}.score-denom[data-v-a920a286]{color:#64748b;font-size:14px;font-weight:700}.score-note[data-v-a920a286]{color:#64748b;font-size:10.5px;font-weight:600}.diag-stats-grid[data-v-a920a286]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.diag-stats-grid[data-v-a920a286]{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.diag-stats-grid[data-v-a920a286]{grid-template-columns:1fr}}.stat-card[data-v-a920a286]{border:1px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:space-between;padding:18px 20px;display:flex;box-shadow:2px 2px #4b5563}.card-paham[data-v-a920a286]{background-color:#d6eed1}.card-miskonsepsi[data-v-a920a286]{background-color:#ebdde2}.card-tidak-paham[data-v-a920a286]{background-color:#e9e2c3}.card-nav[data-v-a920a286]{background-color:#fff}.stat-card-header[data-v-a920a286]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-label[data-v-a920a286]{text-transform:uppercase;letter-spacing:.5px;color:#27313a;font-size:12px;font-weight:800}.stat-pill-tag[data-v-a920a286]{background-color:#0000000d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.stat-body[data-v-a920a286]{align-items:baseline;gap:8px;display:flex}.stat-num[data-v-a920a286]{font-size:28px;font-weight:900;line-height:1}.stat-sub[data-v-a920a286]{color:#475569;font-size:11.5px;font-weight:600}.student-nav-buttons[data-v-a920a286]{gap:8px;margin:10px 0 6px;display:flex}.btn-nav-prev[data-v-a920a286],.btn-nav-next[data-v-a920a286]{cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;flex:1;padding:7px 10px;font-size:11.5px;font-weight:700;transition:transform .1s;box-shadow:1px 1px #4b5563}.btn-nav-prev[data-v-a920a286]:hover:not(:disabled),.btn-nav-next[data-v-a920a286]:hover:not(:disabled){background-color:#f9fafb;transform:translate(-1px,-1px);box-shadow:2px 2px #4b5563}.btn-nav-prev[data-v-a920a286]:disabled,.btn-nav-next[data-v-a920a286]:disabled{opacity:.4;cursor:not-allowed}.nav-idx-indicator[data-v-a920a286]{color:#64748b;font-size:11px;font-weight:600}.questions-section[data-v-a920a286]{flex-direction:column;gap:18px;display:flex}.section-filter-header[data-v-a920a286]{border-bottom:2px solid #4b5563;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:8px;display:flex}.filter-heading[data-v-a920a286]{flex-direction:column;gap:2px;display:flex}.section-title[data-v-a920a286]{margin:0;font-size:18px;font-weight:800}.section-subtitle[data-v-a920a286]{color:#64748b;margin:0;font-size:12.5px;font-weight:600}.tabs-nav[data-v-a920a286]{flex-wrap:wrap;gap:6px;display:flex}.tab-btn[data-v-a920a286]{cursor:pointer;color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:700;transition:transform .1s;box-shadow:1px 1px #4b5563}.tab-btn[data-v-a920a286]:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #4b5563}.tab-btn.active[data-v-a920a286]{color:#fff;background-color:#27313a;box-shadow:2px 2px #4b5563}.tab-pink.active[data-v-a920a286]{color:#fff;background-color:#be123c}.tab-green.active[data-v-a920a286]{color:#fff;background-color:#15803d}.tab-yellow.active[data-v-a920a286]{color:#fff;background-color:#a16207}.tab-purple.active[data-v-a920a286]{color:#fff;background-color:#6b21a8}.empty-questions-card[data-v-a920a286]{text-align:center;color:#64748b;background-color:#fff;border:1px solid #4b5563;border-radius:8px;padding:36px;font-size:13.5px;box-shadow:2px 2px #4b5563}.answers-cards-list[data-v-a920a286]{flex-direction:column;gap:20px;display:flex}.answer-card[data-v-a920a286]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;transition:transform .1s;overflow:hidden;box-shadow:3px 3px #4b5563}.card-highlight-misconception[data-v-a920a286]{border-left:6px solid #be123c}.card-header[data-v-a920a286]{background-color:#f6f7f4;border-bottom:1px solid #4b5563;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.header-left[data-v-a920a286]{align-items:center;gap:10px;display:flex}.q-order-tag[data-v-a920a286]{background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:800;box-shadow:1px 1px #4b5563}.concept-tag[data-v-a920a286]{background-color:#e6e0ed;border:1px solid #4b5563;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:700}.header-right[data-v-a920a286]{align-items:center;gap:10px;display:flex}.diag-chip[data-v-a920a286]{border:1px solid #4b5563;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:1px 1px #4b5563}.diag-code[data-v-a920a286]{background-color:#fff;border:1px solid #4b5563;border-radius:3px;padding:1px 5px;font-size:10px}.diag-paham[data-v-a920a286]{color:#166534;background-color:#d6eed1}.diag-miskonsepsi[data-v-a920a286]{color:#991b1b;background-color:#ebdde2}.diag-tidak_paham[data-v-a920a286]{color:#854d0e;background-color:#e9e2c3}.diag-belum[data-v-a920a286]{color:#475569;background-color:#e2e8f0}.score-chip[data-v-a920a286]{background-color:#dce8f0;border:1px solid #4b5563;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700}.card-body[data-v-a920a286]{flex-direction:column;gap:18px;padding:20px;display:flex}.q-text-box[data-v-a920a286]{background-color:#fafbfc;border:1px solid #4b5563;border-radius:6px;padding:14px 18px}.q-prompt[data-v-a920a286]{color:#1e293b;margin:0;font-size:14.5px;font-weight:600;line-height:1.5}.three-tier-grid[data-v-a920a286]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.three-tier-grid[data-v-a920a286]{grid-template-columns:1fr}}.tier-box[data-v-a920a286]{background-color:#fbfbfb;border:1px solid #4b5563;border-radius:6px;flex-direction:column;display:flex;box-shadow:2px 2px #4b5563}.tier-box-header[data-v-a920a286]{background-color:#f0f2f5;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;gap:6px;padding:10px 14px;display:flex}.tier-badge[data-v-a920a286]{color:#fff;background-color:#27313a;border-radius:3px;padding:2px 6px;font-size:10.5px;font-weight:800}.tier-title[data-v-a920a286]{flex:1;font-size:12.5px;font-weight:800}.status-tag[data-v-a920a286]{border:1px solid #4b5563;border-radius:3px;padding:2px 6px;font-size:10.5px;font-weight:800}.tag-correct[data-v-a920a286]{color:#166534;background-color:#d6eed1}.tag-wrong[data-v-a920a286]{color:#991b1b;background-color:#ebdde2}.tag-confidence-high[data-v-a920a286]{color:#0369a1;background-color:#dce8f0}.tag-confidence-low[data-v-a920a286]{color:#854d0e;background-color:#e9e2c3}.tier-box-body[data-v-a920a286]{flex-direction:column;gap:12px;padding:14px;font-size:12.5px;display:flex}.tier-item[data-v-a920a286]{flex-direction:column;gap:3px;display:flex}.tier-lbl[data-v-a920a286]{text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-size:10.5px;font-weight:800}.ans-selection[data-v-a920a286]{border:1px solid #4b5563;border-radius:4px;margin:0;padding:6px 10px;font-size:12.5px}.correct-sel[data-v-a920a286]{background-color:#d6eed1}.wrong-sel[data-v-a920a286]{background-color:#ebdde2}.correct-ref[data-v-a920a286]{background-color:#fff;border:1px dashed #4b5563;border-radius:4px;margin:0;padding:6px 10px;font-size:12.5px}.tier2-prompt-text[data-v-a920a286]{color:#475569;margin:0;font-size:12px;font-weight:600}.student-essay-quote[data-v-a920a286]{color:#1e293b;background-color:#fff;border:1px solid #4b5563;border-left:4px solid #27313a;border-radius:4px;margin:0;padding:8px 12px;font-size:12.5px;font-style:italic;line-height:1.4}.ref-answer-text[data-v-a920a286]{color:#334155;background-color:#f1f5f9;border:1px dashed #94a3b8;border-radius:4px;margin:0;padding:6px 10px;font-size:11.5px}.tier2-verdict-source[data-v-a920a286]{flex-flow:wrap;align-items:center;gap:8px;display:flex}.ai-verdict-badge[data-v-a920a286]{border:1px solid #4b5563;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800}.ai-benar[data-v-a920a286]{color:#166534;background-color:#d6eed1}.ai-salah[data-v-a920a286]{color:#991b1b;background-color:#ebdde2}.overridden-tag[data-v-a920a286]{color:#581c87;background-color:#e6e0ed;border:1px solid #4b5563;border-radius:3px;padding:2px 6px;font-size:10.5px;font-weight:800}.confidence-val[data-v-a920a286]{margin:0;font-size:12.5px}.conf-high[data-v-a920a286]{color:#0369a1}.conf-low[data-v-a920a286]{color:#854d0e}.diag-desc-text[data-v-a920a286]{color:#475569;margin:0;font-size:11.5px;font-weight:600;line-height:1.4}.ai-analysis-banner[data-v-a920a286]{background-color:#fbf0f4;border:1px solid #4b5563;border-radius:6px;padding:14px 18px;box-shadow:2px 2px #4b5563}.ai-banner-header[data-v-a920a286]{color:#831843;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.ai-sparkle[data-v-a920a286]{font-size:16px}.ai-banner-body[data-v-a920a286]{color:#334155;flex-direction:column;gap:4px;font-size:12.5px;line-height:1.5;display:flex}.ai-banner-body p[data-v-a920a286]{margin:0}.teacher-correction-panel[data-v-a920a286]{background-color:#e6e0ed;border:1.5px solid #4b5563;border-radius:6px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:2px 2px #4b5563}.tcp-header[data-v-a920a286]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tcp-title-box[data-v-a920a286]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tcp-title[data-v-a920a286]{color:#27313a;font-size:13.5px;font-weight:800}.badge-source[data-v-a920a286]{border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800}.badge-guru[data-v-a920a286]{color:#581c87;background-color:#fff}.badge-ai[data-v-a920a286]{color:#0369a1;background-color:#dce8f0}.badge-pending[data-v-a920a286]{color:#475569;background-color:#e2e8f0}.tcp-verdict-now[data-v-a920a286]{align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.tcp-label[data-v-a920a286]{color:#475569}.tcp-verdict-pill[data-v-a920a286]{border:1px solid #4b5563;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:900}.v-benar[data-v-a920a286]{color:#166534;background-color:#d6eed1}.v-salah[data-v-a920a286]{color:#991b1b;background-color:#ebdde2}.tcp-actions-row[data-v-a920a286]{flex-wrap:wrap;gap:10px;display:flex}.btn-tier2[data-v-a920a286]{cursor:pointer;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:2px 2px #4b5563}.btn-tier2[data-v-a920a286]:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-tier2[data-v-a920a286]:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #4b5563}.btn-tier2[data-v-a920a286]:disabled{opacity:.5;cursor:not-allowed}.btn-t2-benar[data-v-a920a286]{color:#166534;background-color:#d6eed1}.btn-t2-benar.is-selected[data-v-a920a286]{outline:2px solid #166534;box-shadow:inset 1px 1px 2px #0000001a,2px 2px #4b5563}.btn-t2-salah[data-v-a920a286]{color:#991b1b;background-color:#ebdde2}.btn-t2-salah.is-selected[data-v-a920a286]{outline:2px solid #991b1b;box-shadow:inset 1px 1px 2px #0000001a,2px 2px #4b5563}.btn-t2-reset[data-v-a920a286]{color:#27313a;background-color:#fff}.btn-icon[data-v-a920a286]{font-weight:900}.tcp-footer-note[data-v-a920a286]{color:#64748b;font-size:11px;font-weight:600}.student-layout[data-v-b4c99f0e]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.student-main-content[data-v-b4c99f0e]{flex-direction:column;flex:1;min-width:0;display:flex}.student-topbar[data-v-b4c99f0e]{z-index:20;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.topbar-title[data-v-b4c99f0e]{margin:0;font-size:18px;font-weight:800;line-height:1.2}.topbar-subtitle[data-v-b4c99f0e]{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.student-badge[data-v-b4c99f0e]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:2px 2px #4b5563}.student-avatar[data-v-b4c99f0e]{background-color:#dce8f0;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.student-info[data-v-b4c99f0e]{flex-direction:column;display:flex}.student-name[data-v-b4c99f0e]{color:#27313a;font-size:13px;font-weight:700}.student-role[data-v-b4c99f0e]{color:#64748b;font-size:11px;font-weight:600}.content-body[data-v-b4c99f0e]{box-sizing:border-box;justify-content:center;width:100%;padding:36px 32px;display:flex}.join-container[data-v-b4c99f0e]{width:100%;max-width:640px}.nb-panel[data-v-b4c99f0e]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;padding:36px 32px;box-shadow:4px 4px #4b5563}.join-icon-wrapper[data-v-b4c99f0e]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:2px 2px #4b5563}.join-icon-wrapper svg[data-v-b4c99f0e]{color:#27313a;width:28px;height:28px}.join-title[data-v-b4c99f0e]{text-align:center;color:#27313a;margin:0 0 6px;font-size:22px;font-weight:800}.join-desc[data-v-b4c99f0e]{color:#64748b;text-align:center;margin:0 0 24px;font-size:13px;font-weight:600}.join-form[data-v-b4c99f0e]{flex-direction:column;gap:16px;display:flex}.code-input-group[data-v-b4c99f0e]{justify-content:center;display:flex}.code-input[data-v-b4c99f0e]{text-align:center;letter-spacing:.25em;text-transform:uppercase;color:#27313a;background-color:#f6f7f4;border:2px solid #4b5563;border-radius:8px;outline:none;width:100%;max-width:320px;height:56px;font-size:24px;font-weight:800;transition:all .15s;box-shadow:3px 3px #4b5563}.code-input[data-v-b4c99f0e]:focus{background-color:#fff;border-color:#27313a;box-shadow:4px 4px #27313a}.btn-check-code[data-v-b4c99f0e]{color:#27313a;cursor:pointer;background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:48px;font-size:14px;font-weight:800;transition:all .15s;display:flex;box-shadow:3px 3px #4b5563}.btn-check-code[data-v-b4c99f0e]:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #4b5563}.btn-check-code[data-v-b4c99f0e]:disabled{opacity:.6;cursor:not-allowed}.btn-check-code svg[data-v-b4c99f0e]{width:18px;height:18px}.alert-error[data-v-b4c99f0e]{color:#991b1b;background-color:#fee2e2;border:1px solid #ef4444;border-radius:6px;align-items:center;gap:10px;margin-top:18px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.alert-error svg[data-v-b4c99f0e]{flex-shrink:0;width:18px;height:18px}.assessment-preview-card[data-v-b4c99f0e]{background-color:#e6e0ed;border:1px solid #4b5563;border-radius:8px;margin-top:24px;padding:22px;box-shadow:3px 3px #4b5563}.preview-badge[data-v-b4c99f0e]{color:#166534;text-transform:uppercase;background-color:#d6eed1;border:1px solid #4b5563;border-radius:4px;margin-bottom:8px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.preview-title[data-v-b4c99f0e]{color:#27313a;margin:0 0 6px;font-size:18px;font-weight:800}.preview-desc[data-v-b4c99f0e]{color:#4b5563;margin:0 0 16px;font-size:12.5px;font-weight:600}.preview-meta-grid[data-v-b4c99f0e]{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.meta-item[data-v-b4c99f0e]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;flex-direction:column;padding:10px;display:flex}.meta-label[data-v-b4c99f0e]{color:#64748b;text-transform:uppercase;font-size:10.5px;font-weight:700}.meta-val[data-v-b4c99f0e]{color:#27313a;margin-top:3px;font-size:13px;font-weight:800}.btn-start-exam[data-v-b4c99f0e]{color:#166534;cursor:pointer;background-color:#d6eed1;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;font-size:14px;font-weight:800;transition:all .15s;display:flex;box-shadow:3px 3px #4b5563}.btn-start-exam[data-v-b4c99f0e]:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #4b5563}.btn-start-exam[data-v-b4c99f0e]:disabled{opacity:.6;cursor:not-allowed}.btn-start-exam svg[data-v-b4c99f0e]{width:18px;height:18px}.info-help-box[data-v-b4c99f0e]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;gap:12px;margin-top:24px;padding:14px 16px;display:flex}.info-icon[data-v-b4c99f0e]{color:#64748b;flex-shrink:0;width:20px;height:20px;margin-top:2px}.info-text strong[data-v-b4c99f0e]{color:#27313a;font-size:13px;font-weight:800;display:block}.info-text p[data-v-b4c99f0e]{color:#64748b;margin:3px 0 0;font-size:12px;font-weight:600;line-height:1.4}@media (width<=768px){.student-layout[data-v-b4c99f0e]{flex-direction:column}.content-body[data-v-b4c99f0e]{padding:20px 16px}.nb-panel[data-v-b4c99f0e]{padding:24px 18px}.preview-meta-grid[data-v-b4c99f0e]{grid-template-columns:1fr}}.exam-app-shell[data-v-37af99ae]{color:#27313a;background-color:#f6f7f4;flex-direction:column;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.exam-topbar[data-v-37af99ae]{z-index:50;background-color:#fff;border-bottom:1px solid #4b5563;position:sticky;top:0;box-shadow:0 2px #27313a0d}.exam-topbar-inner[data-v-37af99ae]{justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:0 auto;padding:12px 24px;display:flex}.topbar-left[data-v-37af99ae]{align-items:center;gap:14px;min-width:0;display:flex}.btn-back-home[data-v-37af99ae]{color:#27313a;background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:all .15s;display:flex;box-shadow:2px 2px #4b5563}.btn-back-home[data-v-37af99ae]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-back-home svg[data-v-37af99ae]{width:18px;height:18px}.exam-heading[data-v-37af99ae]{min-width:0}.exam-tag[data-v-37af99ae]{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;display:block}.exam-title[data-v-37af99ae]{color:#27313a;white-space:nowrap;text-overflow:ellipsis;max-width:500px;margin:2px 0 0;font-size:17px;font-weight:800;overflow:hidden}.topbar-right[data-v-37af99ae]{flex-shrink:0;align-items:center;gap:12px;display:flex}.autosave-badge[data-v-37af99ae]{color:#64748b;background-color:#f6f7f4;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:700;display:flex}.autosave-badge svg[data-v-37af99ae]{color:#10b981;width:15px;height:15px}.autosave-badge.saving[data-v-37af99ae]{color:#27313a}.autosave-badge.saving svg[data-v-37af99ae]{color:#3b82f6;animation:1s infinite pulse-37af99ae}.timer-badge-box[data-v-37af99ae]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;display:flex;box-shadow:2px 2px #4b5563}.timer-badge-box svg[data-v-37af99ae]{color:#27313a;width:18px;height:18px}.timer-text-wrap[data-v-37af99ae]{flex-direction:column;display:flex}.timer-label[data-v-37af99ae]{text-transform:uppercase;color:#64748b;font-size:9px;font-weight:800;line-height:1}.timer-countdown[data-v-37af99ae]{color:#27313a;font-size:16px;font-weight:800;line-height:1.2}.timer-badge-box.timer-low[data-v-37af99ae]{color:#991b1b;background-color:#fee2e2;border-color:#ef4444;animation:1s infinite pulse-37af99ae}.exam-finished-badge[data-v-37af99ae]{color:#166534;background-color:#d6eed1;border:1px solid #4b5563;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:800}.student-mini-avatar[data-v-37af99ae]{color:#27313a;background-color:#e6e0ed;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.exam-progress-bar-wrap[data-v-37af99ae]{max-width:1400px;margin:0 auto;padding:0 24px 10px}.progress-info-row[data-v-37af99ae]{color:#64748b;justify-content:space-between;margin-bottom:5px;font-size:11px;font-weight:700;display:flex}.progress-track[data-v-37af99ae]{background-color:#e2e8f0;border-radius:9999px;height:6px;overflow:hidden}.progress-fill[data-v-37af99ae]{background-color:#10b981;height:100%;transition:width .3s}.exam-main-container[data-v-37af99ae]{box-sizing:border-box;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.exam-grid-layout[data-v-37af99ae]{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.tier-indicator-group[data-v-37af99ae]{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.tier-pill[data-v-37af99ae]{border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:2px 2px #4b5563}.tier-pill-1[data-v-37af99ae]{background-color:#e9e2c3}.tier-pill-2[data-v-37af99ae]{background-color:#e6e0ed}.tier-pill-3[data-v-37af99ae]{background-color:#ebdde2}.pill-number[data-v-37af99ae]{background-color:#fff;border:1px solid #4b5563;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:flex}.pill-text b[data-v-37af99ae]{font-size:13px;line-height:1.1;display:block}.pill-text small[data-v-37af99ae]{color:#64748b;font-size:11px;font-weight:600}.nb-card[data-v-37af99ae]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;box-shadow:3px 3px #4b5563}.question-box-card[data-v-37af99ae]{padding:28px}.q-card-header[data-v-37af99ae]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.q-number-badge[data-v-37af99ae]{color:#27313a;text-transform:uppercase;font-size:14px;font-weight:800}.q-status-badge[data-v-37af99ae]{border:1px solid #4b5563;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:800}.badge-answered[data-v-37af99ae]{color:#166534;background-color:#d6eed1}.badge-unanswered[data-v-37af99ae]{color:#64748b;background-color:#f1f5f9}.tier-section-1[data-v-37af99ae]{margin-bottom:30px}.q-main-text-box[data-v-37af99ae]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:8px;margin-bottom:20px;padding:16px 20px;box-shadow:2px 2px #27313a14}.q-main-text[data-v-37af99ae]{color:#27313a;margin:0;font-size:19px;font-weight:800;line-height:1.45}.options-list[data-v-37af99ae]{flex-direction:column;gap:12px;display:flex}.option-choice-item[data-v-37af99ae]{cursor:pointer;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:8px;align-items:flex-start;gap:14px;padding:14px 16px;transition:all .15s;display:flex;box-shadow:2px 2px #4b5563}.option-choice-item[data-v-37af99ae]:hover{background-color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.option-choice-item.is-selected[data-v-37af99ae]{background-color:#e9e2c3;border-color:#27313a;box-shadow:3px 3px #27313a}.radio-hidden[data-v-37af99ae]{display:none}.option-key-badge[data-v-37af99ae]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.option-choice-item.is-selected .option-key-badge[data-v-37af99ae]{color:#fff;background-color:#27313a;border-color:#27313a}.option-text[data-v-37af99ae]{color:#27313a;margin-top:3px;font-size:14px;font-weight:600;line-height:1.45}.tier-section[data-v-37af99ae]{border-top:1px solid #e5e7eb;padding-top:24px}.tier-subhead[data-v-37af99ae]{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.tier-number-circle[data-v-37af99ae]{border:1px solid #4b5563;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.bg-blue[data-v-37af99ae]{background-color:#dce8f0}.bg-purple[data-v-37af99ae]{background-color:#e6e0ed}.bg-pink[data-v-37af99ae]{background-color:#ebdde2}.tier-sub-title[data-v-37af99ae]{margin:0;font-size:15px;font-weight:800}.tier-sub-desc[data-v-37af99ae]{color:#64748b;margin:3px 0 0;font-size:12px;font-weight:600}.tier2-prompt-box[data-v-37af99ae]{color:#4b5563;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;margin-bottom:12px;padding:12px 14px;font-size:12.5px}.tier2-prompt-box b[data-v-37af99ae]{color:#27313a}.reason-textarea[data-v-37af99ae]{color:#27313a;resize:vertical;box-sizing:border-box;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:13.5px;transition:all .15s;box-shadow:2px 2px #27313a14}.reason-textarea[data-v-37af99ae]:focus{border-color:#27313a;box-shadow:3px 3px #4b5563}.textarea-footer[data-v-37af99ae]{text-align:right;color:#94a3b8;margin-top:4px;font-size:11px}.confidence-grid[data-v-37af99ae]{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px;display:grid}.confidence-card[data-v-37af99ae]{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #4b5563;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex;box-shadow:2px 2px #4b5563}.confidence-card[data-v-37af99ae]:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.confidence-card.is-active.confidence-yakin[data-v-37af99ae]{background-color:#d6eed1;border-color:#27313a;box-shadow:3px 3px #27313a}.confidence-card.is-active.confidence-tidak-yakin[data-v-37af99ae]{background-color:#e9e2c3;border-color:#27313a;box-shadow:3px 3px #27313a}.conf-icon[data-v-37af99ae]{border:1px solid #4b5563;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.conf-icon svg[data-v-37af99ae]{width:18px;height:18px}.bg-green-circle[data-v-37af99ae]{color:#166534;background-color:#d6eed1}.bg-amber-circle[data-v-37af99ae]{color:#92400e;background-color:#fef3c7}.conf-text[data-v-37af99ae]{flex-direction:column;display:flex}.conf-title[data-v-37af99ae]{color:#27313a;font-size:14px;font-weight:800}.conf-desc[data-v-37af99ae]{color:#64748b;margin-top:2px;font-size:11px;font-weight:600}.q-actions-bar[data-v-37af99ae]{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:20px;display:flex}.btn-nav-action[data-v-37af99ae]{cursor:pointer;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:2px 2px #4b5563}.btn-nav-action[data-v-37af99ae]:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-nav-action[data-v-37af99ae]:disabled{opacity:.5;cursor:not-allowed}.btn-prev[data-v-37af99ae]{color:#27313a;background-color:#fff}.btn-save[data-v-37af99ae]{color:#4b5563;background-color:#f6f7f4}.btn-next[data-v-37af99ae]{color:#27313a;background-color:#e9e2c3}.btn-submit[data-v-37af99ae]{color:#166534;background-color:#d6eed1}.btn-view-results[data-v-37af99ae]{color:#1e40af;background-color:#dce8f0}.palette-card[data-v-37af99ae]{padding:20px;position:sticky;top:100px}.palette-title[data-v-37af99ae]{margin:0;font-size:15px;font-weight:800}.palette-sub[data-v-37af99ae]{color:#64748b;margin:2px 0 16px;font-size:11px;font-weight:600}.palette-grid[data-v-37af99ae]{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px;display:grid}.palette-btn[data-v-37af99ae]{aspect-ratio:1;color:#27313a;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:all .15s;display:flex;box-shadow:2px 2px #27313a1a}.palette-btn[data-v-37af99ae]:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #4b5563}.palette-btn.is-answered[data-v-37af99ae]{color:#166534;background-color:#d6eed1}.palette-btn.is-current[data-v-37af99ae]{background-color:#e9e2c3;border-width:2px;border-color:#27313a;box-shadow:2px 2px #27313a}.palette-legend[data-v-37af99ae]{border-top:1px solid #e5e7eb;flex-direction:column;gap:8px;padding-top:14px;display:flex}.legend-item[data-v-37af99ae]{color:#64748b;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.legend-swatch[data-v-37af99ae]{border:1px solid #4b5563;border-radius:3px;width:14px;height:14px}.swatch-current[data-v-37af99ae]{background-color:#e9e2c3;border-width:2px}.swatch-answered[data-v-37af99ae]{background-color:#d6eed1}.swatch-empty[data-v-37af99ae]{background-color:#fff}.palette-footer[data-v-37af99ae]{margin-top:18px}.btn-finish-exam[data-v-37af99ae]{color:#166534;cursor:pointer;background-color:#d6eed1;border:1px solid #4b5563;border-radius:6px;width:100%;padding:10px;font-size:13px;font-weight:800;transition:all .15s;box-shadow:2px 2px #4b5563}.btn-finish-exam[data-v-37af99ae]:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.state-card[data-v-37af99ae]{text-align:center;background-color:#fff;border:1px solid #4b5563;border-radius:8px;max-width:500px;margin:60px auto;padding:48px;box-shadow:3px 3px #4b5563}.spinner[data-v-37af99ae]{border:3px solid #e2e8f0;border-top-color:#27313a;border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:.8s linear infinite spin-37af99ae}.btn-spinner[data-v-37af99ae]{vertical-align:middle;flex-shrink:0;width:15px;height:15px;animation:.85s linear infinite spin-37af99ae;display:inline-block}@keyframes spin-37af99ae{to{transform:rotate(360deg)}}@keyframes pulse-37af99ae{0%,to{opacity:1}50%{opacity:.5}}@media (width<=900px){.exam-grid-layout[data-v-37af99ae]{grid-template-columns:1fr}.palette-card[data-v-37af99ae]{position:static}.tier-indicator-group[data-v-37af99ae],.confidence-grid[data-v-37af99ae]{grid-template-columns:1fr}}@media (width<=600px){.exam-topbar-inner[data-v-37af99ae]{flex-wrap:wrap;padding:10px 14px}.exam-title[data-v-37af99ae]{max-width:200px}.question-box-card[data-v-37af99ae]{padding:18px 14px}.exam-main-container[data-v-37af99ae]{padding:16px 12px}}.student-layout[data-v-cf618d4e]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.student-main-content[data-v-cf618d4e]{flex-direction:column;flex:1;min-width:0;display:flex}.student-topbar[data-v-cf618d4e]{z-index:20;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.topbar-left[data-v-cf618d4e]{align-items:center;gap:14px;display:flex}.btn-back-link[data-v-cf618d4e]{color:#27313a;background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .15s;display:flex;box-shadow:2px 2px #4b5563}.btn-back-link[data-v-cf618d4e]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-back-link svg[data-v-cf618d4e]{width:18px;height:18px}.topbar-title[data-v-cf618d4e]{margin:0;font-size:18px;font-weight:800;line-height:1.2}.topbar-subtitle[data-v-cf618d4e]{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.student-badge[data-v-cf618d4e]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:2px 2px #4b5563}.student-avatar[data-v-cf618d4e]{background-color:#dce8f0;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.student-info[data-v-cf618d4e]{flex-direction:column;display:flex}.student-name[data-v-cf618d4e]{color:#27313a;font-size:13px;font-weight:700}.student-role[data-v-cf618d4e]{color:#64748b;font-size:11px;font-weight:600}.content-body[data-v-cf618d4e]{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;padding:24px 32px;display:flex}.result-hero-card[data-v-cf618d4e]{background-color:#dce8f0;border:1px solid #4b5563;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:3px 3px #4b5563}.hero-decor[data-v-cf618d4e]{pointer-events:none;background-color:#e9e2c3;border:1px solid #4b5563;width:110px;height:110px;position:absolute;top:-20px;right:-20px;transform:rotate(12deg)}.hero-left[data-v-cf618d4e]{z-index:2;max-width:700px;position:relative}.hero-title[data-v-cf618d4e]{color:#27313a;margin:10px 0 8px;font-size:24px;font-weight:800}.hero-meta-row[data-v-cf618d4e]{color:#4b5563;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.hero-meta-row .sep[data-v-cf618d4e]{color:#94a3b8}.hero-score-badge[data-v-cf618d4e]{z-index:2;text-align:center;background-color:#fff;border:2px solid #4b5563;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;min-width:130px;padding:16px 24px;display:flex;position:relative;box-shadow:3px 3px #4b5563}.score-label[data-v-cf618d4e]{letter-spacing:.08em;color:#64748b;font-size:10px;font-weight:800}.score-big[data-v-cf618d4e]{color:#27313a;margin:4px 0;font-size:42px;font-weight:800;line-height:1.1}.score-sub[data-v-cf618d4e]{color:#94a3b8;font-size:11px;font-weight:600}.section-title[data-v-cf618d4e]{color:#27313a;margin:0 0 14px;font-size:16px;font-weight:800}.diag-overview-grid[data-v-cf618d4e]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.diag-card[data-v-cf618d4e]{border:1px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:120px;padding:18px 20px;display:flex;box-shadow:3px 3px #4b5563}.card-paham[data-v-cf618d4e]{background-color:#d6eed1}.card-miskonsepsi[data-v-cf618d4e]{background-color:#ebdde2}.card-tidak-paham[data-v-cf618d4e]{background-color:#e9e2c3}.diag-card-top[data-v-cf618d4e]{justify-content:space-between;align-items:center;display:flex}.diag-label[data-v-cf618d4e]{text-transform:uppercase;letter-spacing:.04em;color:#27313a;font-size:12px;font-weight:800}.diag-icon-circle[data-v-cf618d4e]{border:1px solid #4b5563;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.bg-green-dot[data-v-cf618d4e]{color:#166534;background-color:#fff}.bg-pink-dot[data-v-cf618d4e]{color:#991b1b;background-color:#fff}.bg-yellow-dot[data-v-cf618d4e]{color:#854d0e;background-color:#fff}.diag-card-bottom[data-v-cf618d4e]{margin-top:12px}.diag-number[data-v-cf618d4e]{color:#27313a;font-size:32px;font-weight:800;line-height:1;display:block}.diag-percent[data-v-cf618d4e]{color:#4b5563;margin-top:4px;font-size:11.5px;font-weight:700;display:block}.conf-overview-grid[data-v-cf618d4e]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.conf-card[data-v-cf618d4e]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;padding:16px 20px;box-shadow:2px 2px #4b5563}.conf-top[data-v-cf618d4e]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.conf-label[data-v-cf618d4e]{color:#27313a;font-size:13px;font-weight:800}.conf-val[data-v-cf618d4e]{font-size:14px;font-weight:800}.conf-bar-wrap[data-v-cf618d4e]{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;height:8px;overflow:hidden}.conf-bar-fill[data-v-cf618d4e]{height:100%}.conf-bar-fill.bg-green[data-v-cf618d4e]{background-color:#10b981}.conf-bar-fill.bg-yellow[data-v-cf618d4e]{background-color:#f59e0b}.conf-rate[data-v-cf618d4e]{color:#64748b;margin-top:6px;font-size:11px;font-weight:600;display:block}.questions-breakdown-section[data-v-cf618d4e]{flex-direction:column;gap:16px;display:flex}.section-header-row[data-v-cf618d4e]{justify-content:space-between;align-items:center;display:flex}.badge-total-q[data-v-cf618d4e]{color:#64748b;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:800}.questions-stack[data-v-cf618d4e]{flex-direction:column;gap:18px;display:flex}.nb-card[data-v-cf618d4e]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;padding:22px 24px;box-shadow:3px 3px #4b5563}.q-detail-header[data-v-cf618d4e]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.q-left-header[data-v-cf618d4e]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.q-num-box[data-v-cf618d4e]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:4px;padding:4px 10px;font-size:13px;font-weight:800}.q-diag-chip[data-v-cf618d4e]{border:1px solid #4b5563;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:800}.diag-paham[data-v-cf618d4e]{color:#166534;background-color:#d6eed1}.diag-miskonsepsi[data-v-cf618d4e]{color:#991b1b;background-color:#ebdde2}.diag-tidak-paham[data-v-cf618d4e]{color:#854d0e;background-color:#e9e2c3}.diag-tebak[data-v-cf618d4e]{color:#4338ca;background-color:#e6e0ed}.diag-default[data-v-cf618d4e]{color:#475569;background-color:#f1f5f9}.q-tier-block[data-v-cf618d4e]{background-color:#fafbf9;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px;padding:12px 14px}.tier-tag-label[data-v-cf618d4e]{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.t-badge[data-v-cf618d4e]{text-transform:uppercase;border:1px solid #4b5563;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.t-badge.bg-blue[data-v-cf618d4e]{background-color:#dce8f0}.t-badge.bg-purple[data-v-cf618d4e]{background-color:#e6e0ed}.t-badge.bg-pink[data-v-cf618d4e]{background-color:#ebdde2}.t-question-text[data-v-cf618d4e]{color:#27313a;margin:0 0 10px;font-size:14px;font-weight:700;line-height:1.4}.t-question-sub[data-v-cf618d4e]{color:#64748b;margin:0 0 8px;font-size:12px}.t-reason-box[data-v-cf618d4e]{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;margin-bottom:10px;padding:10px 12px}.t-reason-content[data-v-cf618d4e]{color:#374151;margin:0;font-size:13px;font-style:italic;line-height:1.4}.t-answer-row[data-v-cf618d4e]{flex-wrap:wrap;align-items:center;gap:12px;font-size:12.5px;display:flex}.answer-pill[data-v-cf618d4e]{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:3px 8px;font-weight:600}.result-pill[data-v-cf618d4e]{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800}.pill-correct[data-v-cf618d4e]{color:#166534;background-color:#d6eed1;border:1px solid #166534}.pill-incorrect[data-v-cf618d4e]{color:#991b1b;background-color:#fee2e2;border:1px solid #991b1b}.conf-badge-pill[data-v-cf618d4e]{border:1px solid #4b5563;border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:800}.pill-yakin[data-v-cf618d4e]{color:#166534;background-color:#d6eed1}.pill-tidak-yakin[data-v-cf618d4e]{color:#854d0e;background-color:#e9e2c3}.pending-card[data-v-cf618d4e]{text-align:center;background-color:#fff;border:1px solid #4b5563;border-radius:8px;max-width:600px;margin:40px auto;padding:36px 30px;box-shadow:4px 4px #4b5563}.pending-icon-wrap[data-v-cf618d4e]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.pending-icon-wrap svg[data-v-cf618d4e]{color:#854d0e;width:28px;height:28px}.pending-title[data-v-cf618d4e]{color:#27313a;margin:0 0 8px;font-size:20px;font-weight:800}.pending-message[data-v-cf618d4e]{color:#64748b;margin:0 0 20px;font-size:13.5px;font-weight:600;line-height:1.5}.pending-meta[data-v-cf618d4e]{color:#4b5563;background-color:#f6f7f4;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:4px;margin-bottom:24px;padding:12px;font-size:12.5px;display:flex}.btn-back-dashboard[data-v-cf618d4e]{color:#27313a;background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-block;box-shadow:2px 2px #4b5563}.btn-back-dashboard[data-v-cf618d4e]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.evaluating-card[data-v-cf618d4e]{border:2px solid #7c3aed;box-shadow:4px 4px #7c3aed}.evaluating-spinner-wrap[data-v-cf618d4e]{background-color:#f3e8ff;border:2px solid #7c3aed}.eval-spinner[data-v-cf618d4e]{color:#7c3aed;width:28px;height:28px;animation:.85s linear infinite spin-cf618d4e}.eval-live-status[data-v-cf618d4e]{color:#7c3aed;background-color:#f5f3ff;border:1px solid #ddd6fe;border-radius:999px;align-items:center;gap:8px;margin-top:10px;padding:8px 16px;font-size:12.5px;font-weight:700;display:inline-flex}.live-dot[data-v-cf618d4e]{background-color:#7c3aed;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse-dot-cf618d4e;box-shadow:0 0 0 3px #7c3aed40}@keyframes pulse-dot-cf618d4e{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.state-card[data-v-cf618d4e]{text-align:center;background-color:#fff;border:1px solid #4b5563;border-radius:8px;max-width:500px;margin:60px auto;padding:48px;box-shadow:3px 3px #4b5563}.spinner[data-v-cf618d4e]{border:3px solid #e2e8f0;border-top-color:#27313a;border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:.8s linear infinite spin-cf618d4e}@keyframes spin-cf618d4e{to{transform:rotate(360deg)}}@media (width<=1024px){.diag-overview-grid[data-v-cf618d4e]{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.student-layout[data-v-cf618d4e]{flex-direction:column}.content-body[data-v-cf618d4e]{gap:16px;padding:16px}.student-topbar[data-v-cf618d4e]{flex-wrap:wrap;gap:10px;padding:12px 16px}.result-hero-card[data-v-cf618d4e]{flex-direction:column;align-items:stretch;gap:16px;padding:20px 16px}.hero-score-badge[data-v-cf618d4e]{box-sizing:border-box;width:100%}.diag-overview-grid[data-v-cf618d4e],.conf-overview-grid[data-v-cf618d4e]{grid-template-columns:1fr}}.student-layout[data-v-c921ca49]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.student-main-content[data-v-c921ca49]{flex-direction:column;flex:1;min-width:0;display:flex}.student-topbar[data-v-c921ca49]{z-index:20;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.topbar-title[data-v-c921ca49]{margin:0;font-size:18px;font-weight:800;line-height:1.2}.topbar-subtitle[data-v-c921ca49]{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.student-badge[data-v-c921ca49]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:2px 2px #4b5563}.student-avatar[data-v-c921ca49]{background-color:#dce8f0;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.student-info[data-v-c921ca49]{flex-direction:column;display:flex}.student-name[data-v-c921ca49]{color:#27313a;font-size:13px;font-weight:700}.student-role[data-v-c921ca49]{color:#64748b;font-size:11px;font-weight:600}.content-body[data-v-c921ca49]{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;padding:24px 32px;display:flex}.stats-overview-grid[data-v-c921ca49]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-card[data-v-c921ca49]{border:1px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:120px;padding:18px 20px;display:flex;box-shadow:3px 3px #4b5563}.stat-blue[data-v-c921ca49]{background-color:#dce8f0}.stat-green[data-v-c921ca49]{background-color:#d6eed1}.stat-yellow[data-v-c921ca49]{background-color:#e9e2c3}.stat-header[data-v-c921ca49]{justify-content:space-between;align-items:center;display:flex}.stat-label[data-v-c921ca49]{color:#27313a;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.stat-icon-wrap[data-v-c921ca49]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:1px 1px #4b5563}.stat-icon-wrap svg[data-v-c921ca49]{color:#27313a;width:18px;height:18px}.stat-value[data-v-c921ca49]{margin:10px 0 2px;font-size:32px;font-weight:800;line-height:1}.score-unit[data-v-c921ca49]{color:#64748b;font-size:16px;font-weight:700}.stat-sub[data-v-c921ca49]{color:#4b5563;font-size:11px;font-weight:700}.nb-panel[data-v-c921ca49]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;overflow:hidden;box-shadow:3px 3px #4b5563}.panel-header[data-v-c921ca49]{border-bottom:1px solid #4b5563;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.panel-title[data-v-c921ca49]{margin:0;font-size:16px;font-weight:800}.panel-subtitle[data-v-c921ca49]{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:600}.search-input[data-v-c921ca49]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;outline:none;min-width:240px;height:38px;padding:0 14px;font-family:inherit;font-size:13px;box-shadow:1px 1px #4b5563}.search-input[data-v-c921ca49]:focus{background-color:#fff;box-shadow:2px 2px #4b5563}.state-msg[data-v-c921ca49]{text-align:center;color:#64748b;padding:36px;font-size:13px;font-weight:600}.state-msg.error[data-v-c921ca49]{color:#991b1b}.state-msg.empty p[data-v-c921ca49]{margin:0 0 14px}.btn-action-join[data-v-c921ca49]{color:#166534;background-color:#d6eed1;border:1px solid #4b5563;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:2px 2px #4b5563}.table-responsive[data-v-c921ca49]{overflow-x:auto}.nb-table[data-v-c921ca49]{border-collapse:collapse;text-align:left;width:100%}.nb-table th[data-v-c921ca49]{text-transform:uppercase;letter-spacing:.05em;color:#64748b;background-color:#f6f7f4;border-bottom:1px solid #4b5563;padding:12px 18px;font-size:11px;font-weight:800}.nb-table td[data-v-c921ca49]{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px 18px;font-size:13px}.nb-table tbody tr[data-v-c921ca49]:hover{background-color:#fafbf9}.cell-main[data-v-c921ca49]{flex-direction:column;display:flex}.item-title[data-v-c921ca49]{color:#27313a;font-size:13px;font-weight:700}.score-pill[data-v-c921ca49]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:800;display:inline-block}.score-pending[data-v-c921ca49]{color:#94a3b8;font-weight:700}.status-pill[data-v-c921ca49]{border:1px solid #4b5563;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.status-active[data-v-c921ca49]{color:#166534;background-color:#d6eed1}.status-progress[data-v-c921ca49]{color:#854d0e;background-color:#e9e2c3}.status-draft[data-v-c921ca49]{color:#475569;background-color:#f1f5f9}.btn-action-open[data-v-c921ca49]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-block;box-shadow:2px 2px #4b5563}.btn-action-open[data-v-c921ca49]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-action-continue[data-v-c921ca49]{color:#166534;background-color:#d6eed1;border:1px solid #4b5563;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-block;box-shadow:2px 2px #4b5563}.btn-action-continue[data-v-c921ca49]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}@media (width<=1024px){.stats-overview-grid[data-v-c921ca49]{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.student-layout[data-v-c921ca49]{flex-direction:column}.stats-overview-grid[data-v-c921ca49]{grid-template-columns:1fr}.content-body[data-v-c921ca49]{gap:16px;padding:16px}.student-topbar[data-v-c921ca49]{flex-wrap:wrap;gap:10px;padding:12px 16px}.search-input[data-v-c921ca49]{width:100%}}.admin-layout[data-v-97a6345a]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.admin-main-area[data-v-97a6345a]{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar[data-v-97a6345a]{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.topbar-title[data-v-97a6345a]{color:#27313a;margin:0;font-size:18px;font-weight:800;line-height:1.2}.topbar-sub[data-v-97a6345a]{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:600;display:block}.admin-profile-badge[data-v-97a6345a]{align-items:center;gap:10px;display:flex}.profile-avatar[data-v-97a6345a]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:flex;box-shadow:2px 2px #27313a1a}.profile-details[data-v-97a6345a]{text-align:right;flex-direction:column;display:flex}.profile-name[data-v-97a6345a]{color:#27313a;font-size:13px;font-weight:800}.profile-role[data-v-97a6345a]{color:#64748b;font-size:11px;font-weight:600}.admin-content-body[data-v-97a6345a]{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;padding:24px 32px;display:flex}.admin-hero-card[data-v-97a6345a]{box-sizing:border-box;background-color:#dce8f0;border:1px solid #4b5563;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:3px 3px #4b5563}.banner-decor[data-v-97a6345a]{pointer-events:none;background-color:#e9e2c3;border:1px solid #4b5563;width:110px;height:110px;position:absolute;top:-20px;right:-20px;transform:rotate(12deg)}.hero-left[data-v-97a6345a]{z-index:2;max-width:680px;position:relative}.hero-badge-group[data-v-97a6345a]{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.hero-tag-badge[data-v-97a6345a]{color:#27313a;text-transform:uppercase;white-space:nowrap;background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block;box-shadow:2px 2px #4b5563}.hero-date-badge[data-v-97a6345a]{color:#27313a;text-transform:uppercase;white-space:nowrap;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block;box-shadow:2px 2px #4b5563}.hero-heading[data-v-97a6345a]{color:#27313a;margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.25}.hero-subtext[data-v-97a6345a]{color:#4b5563;margin:0;font-size:13.5px;font-weight:600;line-height:1.5}.hero-actions[data-v-97a6345a]{z-index:2;flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.action-btn[data-v-97a6345a]{color:#27313a;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:12.5px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:3px 3px #27313a}.action-btn[data-v-97a6345a]:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #27313a}.action-btn[data-v-97a6345a]:active{transform:translate(1px,1px);box-shadow:1px 1px #27313a}.btn-primary[data-v-97a6345a]{background-color:#d6eed1}.btn-secondary[data-v-97a6345a]{background-color:#fff}.btn-svg[data-v-97a6345a]{width:16px;height:16px}.stats-overview-grid[data-v-97a6345a]{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.stat-metric-card[data-v-97a6345a]{border:1px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:125px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:3px 3px #4b5563}.stat-metric-card[data-v-97a6345a]:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #4b5563}.stat-metric-card.card-guru[data-v-97a6345a]{background-color:#dce8f0}.stat-metric-card.card-siswa[data-v-97a6345a]{background-color:#e6e0ed}.stat-metric-card.card-assessment[data-v-97a6345a]{background-color:#e9e2c3}.stat-metric-card.card-aktif[data-v-97a6345a]{background-color:#d6eed1}.stat-metric-card.card-selesai[data-v-97a6345a]{background-color:#ebdde2}.stat-top[data-v-97a6345a]{justify-content:space-between;align-items:center;display:flex}.stat-label[data-v-97a6345a]{color:#27313a;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.stat-icon-wrap[data-v-97a6345a]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:1px 1px #4b5563}.stat-svg[data-v-97a6345a]{color:#27313a;width:18px;height:18px}.stat-bottom[data-v-97a6345a]{margin-top:12px}.stat-number[data-v-97a6345a]{color:#27313a;margin:10px 0 4px;font-size:32px;font-weight:800;line-height:1;display:block}.stat-note[data-v-97a6345a]{color:#4b5563;align-items:center;gap:5px;margin-top:4px;font-size:11px;font-weight:700;display:flex}.note-green[data-v-97a6345a]{color:#15803d;font-weight:700}.note-live[data-v-97a6345a]{color:#047857;font-weight:800}.dot-green[data-v-97a6345a]{background-color:#10b981;border-radius:50%;width:6px;height:6px}.dot-live[data-v-97a6345a]{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse-dot-97a6345a}@keyframes pulse-dot-97a6345a{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.neo-card[data-v-97a6345a]{box-sizing:border-box;background-color:#fff;border:1px solid #4b5563;border-radius:8px;padding:24px 26px;box-shadow:4px 4px #27313a1f}.section-card-header[data-v-97a6345a]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding-bottom:16px;display:flex}.card-kicker-tag[data-v-97a6345a]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.card-section-title[data-v-97a6345a]{color:#27313a;margin:0;font-size:20px;font-weight:800}.card-section-desc[data-v-97a6345a]{color:#64748b;margin:4px 0 0;font-size:12.5px;font-weight:600}.period-filter-wrap[data-v-97a6345a]{flex-shrink:0;align-items:center;gap:10px;display:flex}.filter-label[data-v-97a6345a]{color:#475569;font-size:12px;font-weight:700}.period-btn-group[data-v-97a6345a]{border:1px solid #4b5563;border-radius:6px;align-items:center;display:flex;overflow:hidden;box-shadow:2px 2px #27313a1a}.period-choice-btn[data-v-97a6345a]{color:#4b5563;cursor:pointer;background-color:#fff;border:none;border-right:1px solid #4b5563;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s}.period-choice-btn[data-v-97a6345a]:last-child{border-right:none}.period-choice-btn[data-v-97a6345a]:hover{color:#27313a;background-color:#f6f7f4}.period-choice-btn.is-selected[data-v-97a6345a]{color:#27313a;background-color:#e9e2c3;font-weight:800}.token-metrics-row[data-v-97a6345a]{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.token-summary-box[data-v-97a6345a]{border:1px solid #4b5563;border-radius:8px;flex-direction:column;padding:16px;display:flex;box-shadow:2px 2px #27313a14}.box-blue[data-v-97a6345a]{background-color:#dce8f0}.box-green[data-v-97a6345a]{background-color:#d6eed1}.box-purple[data-v-97a6345a]{background-color:#e6e0ed}.box-pink[data-v-97a6345a]{background-color:#ebdde2}.box-label[data-v-97a6345a]{letter-spacing:.04em;color:#27313a;font-size:10.5px;font-weight:800}.box-number[data-v-97a6345a]{color:#27313a;margin:6px 0;font-size:24px;font-weight:800}.box-subinfo[data-v-97a6345a]{color:#475569;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.sep-bullet[data-v-97a6345a]{color:#94a3b8;font-size:10px}.top-teacher-card[data-v-97a6345a]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:8px;margin-bottom:22px;padding:18px 20px;box-shadow:3px 3px #27313a1a}.crown-badge[data-v-97a6345a]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:4px;align-items:center;gap:6px;margin-bottom:12px;padding:3px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.top-teacher-body[data-v-97a6345a]{justify-content:space-between;align-items:center;gap:20px;display:flex}.teacher-identity[data-v-97a6345a]{align-items:center;gap:12px;display:flex}.teacher-avatar-circle[data-v-97a6345a]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:flex;box-shadow:2px 2px #27313a1a}.teacher-title-name[data-v-97a6345a]{color:#27313a;margin:0;font-size:16px;font-weight:800}.teacher-title-email[data-v-97a6345a]{color:#64748b;font-size:12px;font-weight:600}.teacher-stats-flex[data-v-97a6345a]{align-items:center;gap:22px;display:flex}.t-stat[data-v-97a6345a]{flex-direction:column;display:flex}.t-stat-label[data-v-97a6345a]{color:#64748b;font-size:10.5px;font-weight:700}.t-stat-val[data-v-97a6345a]{color:#27313a;font-size:15px;font-weight:800}.val-highlight[data-v-97a6345a]{color:#92400e}.token-table-container[data-v-97a6345a]{border:1px solid #4b5563;border-radius:8px;margin-top:22px;overflow:hidden;box-shadow:2px 2px #27313a14}.table-action-bar[data-v-97a6345a]{background-color:#f6f7f4;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex}.bar-title[data-v-97a6345a]{color:#27313a;margin:0;font-size:14px;font-weight:800}.bar-badge[data-v-97a6345a]{color:#64748b;margin-left:6px;font-size:12px;font-weight:700}.bar-subinfo[data-v-97a6345a]{color:#64748b;font-size:11.5px;font-weight:600}.live-sync-badge[data-v-97a6345a]{color:#4b5563;background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800}.search-input-wrap[data-v-97a6345a]{align-items:center;display:flex;position:relative}.search-icon[data-v-97a6345a]{color:#94a3b8;pointer-events:none;width:14px;height:14px;position:absolute;left:10px}.search-input[data-v-97a6345a]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;width:220px;height:34px;padding:0 12px 0 32px;font-size:12px;font-weight:600;box-shadow:1px 1px #27313a14}.search-input[data-v-97a6345a]:focus{border-color:#27313a;box-shadow:2px 2px #27313a}.tab-btn-group[data-v-97a6345a]{gap:6px;display:flex}.activity-tab-btn[data-v-97a6345a]{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #4b5563;border-radius:6px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .15s}.activity-tab-btn[data-v-97a6345a]:hover{background-color:#f6f7f4}.activity-tab-btn.tab-active[data-v-97a6345a]{color:#27313a;background-color:#e9e2c3;font-weight:800;box-shadow:2px 2px #27313a1a}.table-scroll-wrapper[data-v-97a6345a]{background-color:#fff;overflow-x:auto}.neo-data-table[data-v-97a6345a]{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.neo-data-table th[data-v-97a6345a]{color:#4b5563;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background-color:#f6f7f4;border-bottom:1px solid #4b5563;padding:10px 14px;font-size:11px;font-weight:800}.neo-data-table td[data-v-97a6345a]{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:11px 14px}.neo-data-table tr:last-child td[data-v-97a6345a]{border-bottom:none}.neo-data-table tbody tr[data-v-97a6345a]:hover{background-color:#fbfbf9}.row-is-top[data-v-97a6345a]{background-color:#e9e2c326}.teacher-name-col[data-v-97a6345a]{flex-direction:column;display:flex}.t-name[data-v-97a6345a]{color:#27313a;font-size:13px;font-weight:800}.t-email[data-v-97a6345a]{color:#64748b;margin-top:1px;font-size:11px}.top-mini-tag[data-v-97a6345a]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;width:fit-content;margin-top:3px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-block}.token-val-bold[data-v-97a6345a]{color:#27313a;font-weight:800}.progress-bar-wrap[data-v-97a6345a]{align-items:center;gap:8px;min-width:90px;display:flex}.progress-track[data-v-97a6345a]{background-color:#e2e8f0;border:1px solid #cbd5e1;border-radius:999px;flex:1;height:7px;overflow:hidden}.progress-fill[data-v-97a6345a]{background-color:#0ea5e9;border-radius:999px;height:100%}.progress-pct[data-v-97a6345a]{color:#475569;font-size:11px;font-weight:700}.table-empty-cell[data-v-97a6345a]{text-align:center;color:#94a3b8;padding:24px 14px;font-size:12px;font-weight:600}.status-chip[data-v-97a6345a]{border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-block}.chip-green[data-v-97a6345a]{color:#166534;background-color:#d6eed1}.chip-red[data-v-97a6345a]{color:#991b1b;background-color:#f3d1d1}.user-row-cell[data-v-97a6345a]{flex-direction:column;display:flex}.u-name[data-v-97a6345a]{color:#27313a;font-size:12.5px;font-weight:800}.u-email[data-v-97a6345a]{color:#64748b;font-size:11px}.activity-text[data-v-97a6345a]{color:#334155;font-size:12px;font-weight:600}.alert-banner[data-v-97a6345a]{border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:12px 16px;font-size:12.5px;font-weight:700;display:flex}.alert-danger[data-v-97a6345a]{color:#842300;background-color:#f3d1d1;box-shadow:2px 2px #84230026}.alert-icon[data-v-97a6345a]{flex-shrink:0;width:18px;height:18px}.loading-state-card[data-v-97a6345a]{color:#64748b;background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:13px;font-weight:700;display:flex;box-shadow:3px 3px #27313a1a}.loading-spinner[data-v-97a6345a]{border:3px solid #e2e8f0;border-top-color:#27313a;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin-97a6345a}.token-loading-badge[data-v-97a6345a]{color:#475569;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.spinner-small[data-v-97a6345a]{border:2px solid #cbd5e1;border-top-color:#27313a;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin-97a6345a}@keyframes spin-97a6345a{to{transform:rotate(360deg)}}@media (width<=1024px){.stats-overview-grid[data-v-97a6345a]{grid-template-columns:repeat(3,1fr);gap:12px}.token-metrics-row[data-v-97a6345a]{grid-template-columns:repeat(2,1fr)}.top-teacher-body[data-v-97a6345a]{flex-direction:column;align-items:stretch;gap:16px}}@media (width<=768px){.admin-layout[data-v-97a6345a]{flex-direction:column}.admin-topbar[data-v-97a6345a]{flex-wrap:wrap;gap:10px;padding:12px 16px}.admin-content-body[data-v-97a6345a]{gap:16px;padding:16px}.admin-hero-card[data-v-97a6345a]{flex-direction:column;align-items:stretch;gap:16px;padding:20px 16px}.hero-heading[data-v-97a6345a]{font-size:20px}.hero-actions[data-v-97a6345a]{flex-direction:column;gap:10px;width:100%}.action-btn[data-v-97a6345a]{box-sizing:border-box;justify-content:center;width:100%}.stats-overview-grid[data-v-97a6345a]{grid-template-columns:repeat(2,1fr);gap:10px}.section-card-header[data-v-97a6345a]{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.token-header-right[data-v-97a6345a]{flex-direction:column;align-items:stretch;gap:10px;width:100%}.period-tabs-bar[data-v-97a6345a]{-webkit-overflow-scrolling:touch;width:100%;display:flex;overflow-x:auto}.period-choice-btn[data-v-97a6345a]{text-align:center;white-space:nowrap;flex:1;padding:8px 10px}.token-metrics-row[data-v-97a6345a]{grid-template-columns:1fr;gap:10px}.top-teacher-card[data-v-97a6345a]{padding:16px}.top-teacher-body[data-v-97a6345a]{flex-direction:column;align-items:stretch;gap:14px}.teacher-stats-flex[data-v-97a6345a]{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;display:grid}.stat-pill-item[data-v-97a6345a]{padding:10px}.table-action-bar[data-v-97a6345a]{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.tab-btn-group[data-v-97a6345a]{flex-direction:column;gap:6px;width:100%;display:flex}.activity-tab-btn[data-v-97a6345a]{text-align:center;width:100%}.table-scroll-wrapper[data-v-97a6345a]{-webkit-overflow-scrolling:touch;overflow-x:auto}.neo-data-table[data-v-97a6345a]{min-width:640px}}@media (width<=480px){.stats-overview-grid[data-v-97a6345a],.teacher-stats-flex[data-v-97a6345a]{grid-template-columns:1fr}.profile-details[data-v-97a6345a]{display:none}}.monitor-layout[data-v-7268352f]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.monitor-main-area[data-v-7268352f]{flex-direction:column;flex:1;min-width:0;display:flex}.monitor-topbar[data-v-7268352f]{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.topbar-title[data-v-7268352f]{color:#27313a;margin:0;font-size:18px;font-weight:800;line-height:1.2}.topbar-sub[data-v-7268352f]{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:600;display:block}.back-btn[data-v-7268352f]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:2px 2px #27313a1a}.back-btn[data-v-7268352f]:hover{background-color:#f6f7f4;transform:translate(-1px,-1px);box-shadow:3px 3px #27313a}.btn-svg[data-v-7268352f]{width:15px;height:15px}.monitor-content-body[data-v-7268352f]{box-sizing:border-box;flex-direction:column;gap:22px;width:100%;padding:24px 32px;display:flex}.filter-action-card[data-v-7268352f]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;padding:14px 18px;box-shadow:3px 3px #27313a1a}.filter-fields[data-v-7268352f]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-input-wrap[data-v-7268352f]{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.search-icon[data-v-7268352f]{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;left:12px}.filter-search-input[data-v-7268352f]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;width:100%;height:40px;padding:0 14px 0 36px;font-size:13px;font-weight:600;box-shadow:2px 2px #27313a14}.filter-search-input[data-v-7268352f]:focus{border-color:#27313a;box-shadow:3px 3px #27313a}.filter-select[data-v-7268352f]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:6px;outline:none;height:40px;padding:0 14px;font-size:13px;font-weight:700;box-shadow:2px 2px #27313a14}.btn-search-submit[data-v-7268352f]{color:#27313a;cursor:pointer;background-color:#dce8f0;border:1px solid #4b5563;border-radius:6px;height:40px;padding:0 18px;font-size:13px;font-weight:800;transition:all .15s;box-shadow:2px 2px #27313a}.btn-search-submit[data-v-7268352f]:hover{background-color:#c9deea;transform:translate(-1px,-1px);box-shadow:3px 3px #27313a}.neo-table-card[data-v-7268352f]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;overflow:hidden;box-shadow:4px 4px #27313a1f}.table-scroll[data-v-7268352f]{overflow-x:auto}.neo-table[data-v-7268352f]{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.neo-table th[data-v-7268352f]{color:#4b5563;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background-color:#f6f7f4;border-bottom:1px solid #4b5563;padding:11px 16px;font-size:11px;font-weight:800}.neo-table td[data-v-7268352f]{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:12px 16px}.neo-table tr:last-child td[data-v-7268352f]{border-bottom:none}.neo-table tbody tr[data-v-7268352f]:hover{background-color:#fbfbf9}.primary-text[data-v-7268352f]{color:#27313a;font-size:13px;font-weight:800}.code-badge[data-v-7268352f]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px;font-weight:800}.count-pill[data-v-7268352f]{background-color:#e6e0ed;border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.sub-small[data-v-7268352f]{color:#64748b;margin-left:4px;font-size:11px}.btn-detail-link[data-v-7268352f]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:4px;padding:4px 10px;font-size:11.5px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-block;box-shadow:1px 1px #27313a1a}.btn-detail-link[data-v-7268352f]:hover{background-color:#e9e2c3;transform:translate(-1px,-1px);box-shadow:2px 2px #27313a}.status-chip[data-v-7268352f]{border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-block}.chip-green[data-v-7268352f]{color:#166534;background-color:#d6eed1}.chip-blue[data-v-7268352f]{color:#0369a1;background-color:#dce8f0}.chip-yellow[data-v-7268352f]{color:#854d0e;background-color:#e9e2c3}.chip-red[data-v-7268352f]{color:#991b1b;background-color:#f3d1d1}.badge-diag[data-v-7268352f]{text-align:center;border:1px solid #4b5563;border-radius:4px;min-width:28px;padding:2px 6px;font-size:11px;font-weight:800;display:inline-block}.diag-paham[data-v-7268352f]{color:#166534;background-color:#d6eed1}.diag-mis[data-v-7268352f]{color:#991b1b;background-color:#f3d1d1}.diag-tp[data-v-7268352f]{color:#475569;background-color:#f1f5f9}.chip-completed[data-v-7268352f]{background-color:#dce8f0;border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.table-footer-note[data-v-7268352f]{color:#64748b;background-color:#f6f7f4;border-top:1px solid #e5e7eb;padding:10px 16px;font-size:11px;font-weight:600}.detail-summary-grid[data-v-7268352f]{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.summary-box[data-v-7268352f]{border:1px solid #4b5563;border-radius:8px;flex-direction:column;padding:16px 18px;display:flex;box-shadow:3px 3px #27313a1a}.box-yellow[data-v-7268352f]{background-color:#e9e2c3}.box-blue[data-v-7268352f]{background-color:#dce8f0}.box-purple[data-v-7268352f]{background-color:#e6e0ed}.box-green[data-v-7268352f]{background-color:#d6eed1}.s-label[data-v-7268352f]{letter-spacing:.04em;color:#27313a;font-size:10.5px;font-weight:800}.s-val[data-v-7268352f]{color:#27313a;margin:4px 0 2px;font-size:16px;font-weight:800}.s-sub[data-v-7268352f]{color:#475569;font-size:11.5px;font-weight:600}.neo-card[data-v-7268352f]{box-sizing:border-box;background-color:#fff;border:1px solid #4b5563;border-radius:8px;padding:22px 24px;box-shadow:4px 4px #27313a1f}.section-title[data-v-7268352f]{color:#27313a;margin:0;font-size:16px;font-weight:800}.student-answers-block[data-v-7268352f]{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.student-header-bar[data-v-7268352f]{align-items:center;gap:10px;margin-bottom:12px;display:flex}.student-title-name[data-v-7268352f]{color:#27313a;font-size:14px;font-weight:800}.empty-answers-note[data-v-7268352f]{color:#94a3b8;padding:8px 0;font-size:12px;font-weight:600}.answers-cards-list[data-v-7268352f]{flex-direction:column;gap:12px;display:flex}.answer-item-card[data-v-7268352f]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;padding:14px 16px;box-shadow:2px 2px #27313a14}.answer-item-top[data-v-7268352f]{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.soal-number-pill[data-v-7268352f]{color:#27313a;background-color:#fff;border:1px solid #4b5563;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:800}.soal-text[data-v-7268352f]{color:#27313a;font-size:13px;font-weight:800}.answer-details-grid[data-v-7268352f]{grid-template-columns:1fr;gap:8px;display:grid}.ans-detail-box[data-v-7268352f]{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:8px 12px}.ans-label[data-v-7268352f]{color:#64748b;text-transform:uppercase;font-size:10.5px;font-weight:800;display:block}.ans-val[data-v-7268352f]{color:#27313a;margin:3px 0 0;font-size:12.5px;font-weight:600}.questions-list-wrap[data-v-7268352f]{flex-direction:column;gap:16px;margin-top:14px;display:flex}.question-admin-card[data-v-7268352f]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;padding:16px;box-shadow:2px 2px #27313a14}.q-header[data-v-7268352f]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.q-number-badge[data-v-7268352f]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800}.q-concept-info[data-v-7268352f]{color:#64748b;margin:0 0 10px;font-size:12px;font-weight:600}.q-tier1-title[data-v-7268352f]{color:#27313a;margin:0 0 10px;font-size:13.5px;font-weight:800}.options-list[data-v-7268352f]{flex-direction:column;gap:6px;display:flex}.option-row[data-v-7268352f]{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;font-weight:600;display:flex}.option-row.is-correct-option[data-v-7268352f]{background-color:#ecfdf5;border-color:#10b981}.opt-key[data-v-7268352f]{font-weight:800}.opt-text[data-v-7268352f]{flex:1}.kunci-tag[data-v-7268352f]{color:#fff;background-color:#10b981;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.q-tier2-box[data-v-7268352f]{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:10px}.t2-label[data-v-7268352f]{color:#64748b;font-size:11px;font-weight:800}.t2-text[data-v-7268352f]{color:#27313a;margin:2px 0 0;font-size:12.5px;font-weight:600}.alert-box[data-v-7268352f]{border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.alert-error[data-v-7268352f]{color:#842300;background-color:#f3d1d1;box-shadow:2px 2px #84230026}.alert-svg[data-v-7268352f]{flex-shrink:0;width:16px;height:16px}.loading-card[data-v-7268352f],.empty-data-card[data-v-7268352f]{color:#64748b;background-color:#fff;border:1px solid #4b5563;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:13px;font-weight:700;display:flex;box-shadow:3px 3px #27313a1a}.empty-svg[data-v-7268352f]{color:#94a3b8;width:24px;height:24px}.spinner[data-v-7268352f]{border:3px solid #e2e8f0;border-top-color:#27313a;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin-7268352f}@keyframes spin-7268352f{to{transform:rotate(360deg)}}@media (width<=768px){.monitor-layout[data-v-7268352f]{flex-direction:column}.monitor-topbar[data-v-7268352f]{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.topbar-right-box[data-v-7268352f]{width:100%}.back-btn[data-v-7268352f]{justify-content:center;width:100%}.monitor-content-body[data-v-7268352f]{gap:16px;padding:16px}.filter-fields[data-v-7268352f]{flex-direction:column;align-items:stretch;gap:10px}.filter-input-wrap[data-v-7268352f]{width:100%;min-width:0}.select-group[data-v-7268352f]{flex-direction:column;align-items:stretch;gap:4px;width:100%}.neo-select[data-v-7268352f]{width:100%}.filter-btn[data-v-7268352f]{justify-content:center;width:100%}.detail-summary-grid[data-v-7268352f]{grid-template-columns:repeat(2,1fr);gap:10px}.table-scroll[data-v-7268352f]{-webkit-overflow-scrolling:touch;overflow-x:auto}.neo-table[data-v-7268352f]{min-width:680px}}@media (width<=480px){.topbar-title[data-v-7268352f]{font-size:16px}.detail-summary-grid[data-v-7268352f]{grid-template-columns:1fr}.filter-action-card[data-v-7268352f]{padding:12px}}.teacher-layout[data-v-7c1b3848]{color:#27313a;background-color:#f6f7f4;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.teacher-main-content[data-v-7c1b3848]{flex-direction:column;flex:1;min-width:0;display:flex}.teacher-topbar[data-v-7c1b3848]{z-index:20;background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.topbar-title[data-v-7c1b3848]{margin:0;font-size:18px;font-weight:800;line-height:1.2}.topbar-subtitle[data-v-7c1b3848]{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.teacher-badge[data-v-7c1b3848]{background-color:#f6f7f4;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:2px 2px #4b5563}.teacher-avatar[data-v-7c1b3848]{background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.teacher-info[data-v-7c1b3848]{flex-direction:column;display:flex}.teacher-name[data-v-7c1b3848]{color:#27313a;font-size:13px;font-weight:700}.teacher-role[data-v-7c1b3848]{color:#64748b;font-size:11px;font-weight:600}.content-body[data-v-7c1b3848]{flex-direction:column;gap:22px;padding:24px 28px;display:flex}.welcome-banner[data-v-7c1b3848]{background-color:#e6e0ed;border:1px solid #4b5563;border-radius:8px;padding:24px;position:relative;overflow:hidden;box-shadow:3px 3px #4b5563}.banner-decor[data-v-7c1b3848]{background-color:#e9e2c3;border:1px solid #4b5563;width:110px;height:110px;position:absolute;top:-20px;right:-20px;transform:rotate(12deg)}.banner-content[data-v-7c1b3848]{z-index:2;max-width:680px;position:relative}.date-pill[data-v-7c1b3848]{text-transform:uppercase;background-color:#fff;border:1px solid #4b5563;border-radius:4px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block;box-shadow:2px 2px #4b5563}.welcome-heading[data-v-7c1b3848]{color:#27313a;margin:0 0 8px;font-size:24px;font-weight:800}.welcome-description[data-v-7c1b3848]{color:#4b5563;margin:0;font-size:13px;font-weight:600;line-height:1.5}.stats-grid[data-v-7c1b3848]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card[data-v-7c1b3848]{border:1px solid #4b5563;border-radius:8px;flex-direction:column;padding:16px 18px;display:flex;box-shadow:3px 3px #4b5563}.stat-blue[data-v-7c1b3848]{background-color:#dce8f0}.stat-yellow[data-v-7c1b3848]{background-color:#e9e2c3}.stat-green[data-v-7c1b3848]{background-color:#d6eed1}.stat-pink[data-v-7c1b3848]{background-color:#ebdde2}.stat-header[data-v-7c1b3848]{justify-content:space-between;align-items:center;display:flex}.stat-label[data-v-7c1b3848]{color:#27313a;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.stat-icon-wrap[data-v-7c1b3848]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:1px 1px #4b5563}.stat-icon-wrap svg[data-v-7c1b3848]{color:#27313a;width:16px;height:16px}.stat-value[data-v-7c1b3848]{margin:12px 0 6px;font-size:32px;font-weight:800;line-height:1}.stat-footer[data-v-7c1b3848]{margin-top:auto;padding-top:6px}.stat-link[data-v-7c1b3848]{color:#27313a;cursor:pointer;font-size:12px;font-weight:800;text-decoration:underline}.stat-caption[data-v-7c1b3848]{color:#4b5563;font-size:11px;font-weight:600}.quick-actions-grid[data-v-7c1b3848]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quick-action-card[data-v-7c1b3848]{color:inherit;border:1px solid #4b5563;border-radius:8px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:3px 3px #4b5563}.quick-action-card[data-v-7c1b3848]:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #4b5563}.bg-cream[data-v-7c1b3848]{background-color:#e9e2c3}.bg-green[data-v-7c1b3848]{background-color:#d6eed1}.bg-blue[data-v-7c1b3848]{background-color:#dce8f0}.qa-icon-box[data-v-7c1b3848]{background-color:#fff;border:1px solid #4b5563;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:2px 2px #4b5563}.qa-icon-box svg[data-v-7c1b3848]{color:#27313a;width:20px;height:20px}.qa-details[data-v-7c1b3848]{flex-direction:column;display:flex}.qa-title[data-v-7c1b3848]{color:#27313a;font-size:14px;font-weight:800}.qa-subtitle[data-v-7c1b3848]{color:#4b5563;margin-top:2px;font-size:11px;font-weight:600}.nb-panel[data-v-7c1b3848]{background-color:#fff;border:1px solid #4b5563;border-radius:8px;overflow:hidden;box-shadow:3px 3px #4b5563}.panel-header[data-v-7c1b3848]{background-color:#fff;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title[data-v-7c1b3848]{margin:0;font-size:16px;font-weight:800}.panel-subtitle[data-v-7c1b3848]{color:#64748b;margin:3px 0 0;font-size:12px;font-weight:600}.btn-nb-sm[data-v-7c1b3848]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:2px 2px #4b5563}.btn-nb-sm svg[data-v-7c1b3848]{width:14px;height:14px}.btn-nb-sm[data-v-7c1b3848]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.state-msg[data-v-7c1b3848]{text-align:center;color:#64748b;padding:36px 20px;font-size:13px;font-weight:600}.state-msg.empty[data-v-7c1b3848]{flex-direction:column;align-items:center;gap:12px;display:flex}.btn-create-first[data-v-7c1b3848]{color:#27313a;background-color:#d6eed1;border:1px solid #4b5563;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:2px 2px #4b5563}.table-responsive[data-v-7c1b3848]{overflow-x:auto}.nb-table[data-v-7c1b3848]{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.nb-table th[data-v-7c1b3848]{text-transform:uppercase;letter-spacing:.05em;color:#4b5563;background-color:#f6f7f4;border-bottom:1px solid #4b5563;padding:12px 18px;font-size:11px;font-weight:800}.nb-table td[data-v-7c1b3848]{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px 18px}.nb-table tr:last-child td[data-v-7c1b3848]{border-bottom:none}.cell-main[data-v-7c1b3848]{flex-direction:column;gap:2px;display:flex}.item-title[data-v-7c1b3848]{color:#27313a;font-weight:800}.item-desc[data-v-7c1b3848]{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:11px;overflow:hidden}.token-pill[data-v-7c1b3848]{letter-spacing:.06em;background-color:#f6f7f4;border:1px solid #4b5563;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:800;display:inline-block}.duration-badge[data-v-7c1b3848]{color:#4b5563;font-size:12px;font-weight:700}.status-pill[data-v-7c1b3848]{border:1px solid #4b5563;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.status-active[data-v-7c1b3848]{color:#166534;background-color:#d6eed1}.status-done[data-v-7c1b3848]{color:#1e40af;background-color:#dce8f0}.status-closed[data-v-7c1b3848]{color:#991b1b;background-color:#ebdde2}.status-draft[data-v-7c1b3848]{color:#475569;background-color:#f1f5f9}.row-actions[data-v-7c1b3848]{align-items:center;gap:6px;display:flex}.btn-action-results[data-v-7c1b3848]{color:#0369a1;background-color:#dce8f0;border:1px solid #4b5563;border-radius:4px;align-items:center;gap:4px;padding:5px 10px;font-size:11.5px;font-weight:800;text-decoration:none;transition:transform .1s;display:inline-flex;box-shadow:2px 2px #4b5563}.btn-action-results[data-v-7c1b3848]:hover{background-color:#bae6fd;transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}.btn-action-open[data-v-7c1b3848]{color:#27313a;background-color:#e9e2c3;border:1px solid #4b5563;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:2px 2px #4b5563}.btn-action-open[data-v-7c1b3848]:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #4b5563}@media (width<=1024px){.stats-grid[data-v-7c1b3848]{grid-template-columns:repeat(2,1fr)}.quick-actions-grid[data-v-7c1b3848]{grid-template-columns:1fr}}@media (width<=768px){.teacher-layout[data-v-7c1b3848]{flex-direction:column}.stats-grid[data-v-7c1b3848]{grid-template-columns:1fr}.content-body[data-v-7c1b3848]{padding:16px}.teacher-topbar[data-v-7c1b3848]{padding:12px 16px}}