:root{--bg:#0f1115;--bg-soft:#161922;--card:#1c2030;--card-border:#2a3042;--text:#e7e9ee;--text-muted:#9aa3b2;--primary:#6366f1;--primary-hover:#5457e6;--success-bg:#16291f;--success-border:#2f6b48;--success-text:#86efac;--danger-bg:#3a1d24;--danger-border:#7f3a47;--danger-text:#fca5b4;--radius:14px;--radius-sm:9px;--shadow:0 10px 30px -12px #0009;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%, #6366f129, transparent 60%), var(--bg)}a{color:var(--primary);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.65rem 1.1rem;font-size:.95rem;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-primary.as-link{color:#fff;text-decoration:none;display:inline-block}.btn-ghost{color:var(--text-muted);border:1px solid var(--card-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.5rem .9rem;font-weight:600;transition:all .15s}.btn-ghost:hover{color:var(--text);border-color:var(--primary)}.btn-ghost.small,.btn-link.small{padding:.35rem .7rem;font-size:.85rem}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;font-weight:600}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-size:.9rem}.btn-icon:hover:not(:disabled){color:var(--danger-text)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.field{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.field>span{color:var(--text-muted);font-weight:600}.field input,.field select,.field textarea{background:var(--bg-soft);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text);width:100%;padding:.6rem .7rem;font-family:inherit;font-size:.95rem}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);outline:none}.field.inline{flex-direction:row;align-items:center;gap:.6rem}.field.inline>span{white-space:nowrap}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:1rem;display:grid}.form-stack{flex-direction:column;gap:1rem;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.form-actions{align-items:flex-end;display:flex}.auth-screen{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);padding:2rem}.auth-card.center{text-align:center}.auth-title{margin:0 0 .25rem;font-size:1.6rem}.auth-subtitle{color:var(--text-muted);margin:0 0 1.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-note{color:var(--text-muted);text-align:center;margin-top:1.25rem;font-size:.85rem}.auth-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.65rem .8rem;font-size:.9rem}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-soft);border-right:1px solid var(--card-border);flex-direction:column;gap:1.5rem;height:100vh;padding:1.25rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.7rem;display:flex}.brand-mark{background:var(--primary);color:#fff;letter-spacing:.5px;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-text strong{font-size:.98rem}.brand-text span{color:var(--text-muted);font-size:.78rem}.nav{flex-direction:column;gap:.25rem;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);padding:.6rem .75rem;font-weight:600;text-decoration:none;display:block}.nav-link:hover{color:var(--text);background:#ffffff0a;text-decoration:none}.nav-link.active{color:#fff;background:var(--primary)}.sidebar-footer{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.user-chip{flex-direction:column;font-size:.82rem;display:flex}.user-email{color:var(--text);word-break:break-all;font-weight:600}.user-role{color:var(--text-muted)}.content{padding:2rem 2.5rem;overflow-x:auto}.mobile-bar{display:none}.page{flex-direction:column;gap:1.5rem;max-width:980px;margin:0 auto;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.page-header h1{margin:0;font-size:1.7rem}.page-subtitle{color:var(--text-muted);max-width:560px;margin:.35rem 0 0}.breadcrumb{color:var(--text-muted);margin:0 0 .4rem;font-size:.85rem}.header-actions{gap:1rem;display:flex}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.card-title{margin:0 0 1rem;font-size:1.1rem}.muted{color:var(--text-muted)}.small{font-size:.82rem}.text-right{text-align:right}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--card-border);padding:.65rem .75rem}.table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;font-weight:600}.table tbody tr:last-child td{border-bottom:none}.badge{color:#c7c9ff;background:#6366f12e;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.subtle{color:var(--text-muted);background:#ffffff0f}.success-panel{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);border-radius:var(--radius-sm);margin-bottom:1.25rem;padding:1rem 1.1rem}.success-panel p{margin:.4rem 0}.success-inline{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.55rem .8rem;font-size:.9rem}.cred-list{flex-wrap:wrap;gap:1.5rem;margin:.75rem 0;display:flex}.cred-list dt{text-transform:uppercase;letter-spacing:.03em;opacity:.8;font-size:.78rem}.cred-list dd{margin:.2rem 0 0;font-size:1rem}.temp-pw{letter-spacing:.04em;background:#00000059;border-radius:6px;padding:.25rem .55rem;font-size:1rem}.cred-pw{align-items:center;gap:.5rem;display:inline-flex}.cred-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.4rem;display:flex}.cred-copied{color:var(--success-text);font-size:.85rem;font-weight:700}.options-list{flex-direction:column;gap:.5rem;margin-bottom:.6rem;display:flex}.option-row{align-items:center;gap:.6rem;display:flex}.option-row input[type=checkbox],.option-row input[type=radio]{width:18px;height:18px;accent-color:var(--primary);flex:none}.option-text{flex:1}.question-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.question-item{border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--bg-soft);padding:.85rem 1rem}.question-stem{margin-bottom:.5rem;font-weight:600}.question-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.heatmap-scroll,.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table.heatmap th.heatmap-topic{white-space:nowrap;text-transform:none;letter-spacing:0;font-size:.78rem}.heatmap-name{white-space:nowrap;font-weight:600}.heatmap-cell{text-align:center}.heat{color:#fff;border-radius:7px;place-items:center;width:38px;height:30px;font-size:.82rem;font-weight:700;display:inline-grid}.heat.empty{color:var(--text-muted);background:#ffffff0d}.weak-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.weak-item{grid-template-columns:180px 1fr auto;align-items:center;gap:1rem;display:grid}.weak-name{font-weight:600}.weak-bar-track{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.weak-bar{background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:999px;height:100%;display:block}.weak-score{white-space:nowrap;color:var(--text);font-size:.85rem}.heatmap-row{cursor:pointer;transition:background .12s}.heatmap-row:hover{background:#ffffff0a}.heatmap-row.selected{background:#6366f124}.drill-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.weak-bar.mastery{background:var(--primary)}.trend-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.trend-item{grid-template-columns:1fr auto;align-items:center;gap:.85rem;display:grid}.trend-bar-track{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.trend-bar{border-radius:999px;height:100%;display:block}.trend-meta{text-align:right;white-space:nowrap;flex-direction:column;display:flex}.trend-title{font-size:.85rem;font-weight:600}.code-block{background:var(--bg-soft);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text);margin:.5rem 0 0;padding:1rem;font-size:.82rem;line-height:1.55;overflow-x:auto}.import-stats{flex-wrap:wrap;gap:1rem;display:flex}.stat{background:var(--bg-soft);border:1px solid var(--card-border);border-radius:var(--radius-sm);flex-direction:column;flex:1;gap:.2rem;min-width:110px;padding:.85rem 1rem;display:flex}.stat-value{font-size:1.6rem;font-weight:800}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.78rem}code{background:#ffffff0f;border-radius:5px;padding:.1rem .35rem;font-size:.85em}.loader-screen{place-items:center;min-height:100vh;display:grid}.spinner{border:3px solid var(--card-border);border-top-color:var(--primary);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.app-shell{grid-template-columns:1fr}.mobile-bar{background:var(--bg-soft);border-bottom:1px solid var(--card-border);z-index:20;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.nav-toggle{flex:none;min-height:44px;padding:.5rem .9rem;font-size:.95rem}.sidebar{border-right:none;border-bottom:1px solid var(--card-border);flex-direction:column;gap:1rem;height:auto;padding:.5rem 1rem 1rem;position:static}.sidebar>.brand,.sidebar .nav,.sidebar .sidebar-footer{display:none}.sidebar.nav-open .nav{flex-direction:column;gap:.25rem;display:flex}.sidebar.nav-open .sidebar-footer{margin-top:.75rem;display:flex}.nav-link{align-items:center;min-height:44px;display:flex}.content{padding:1.25rem}.field input,.field select,.field textarea{min-height:44px;font-size:1rem}.form-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-wrap:wrap;gap:.6rem}.form-grid .form-actions .btn-primary,.form-grid .form-actions .btn-ghost,.form-stack .btn-primary{width:100%}.btn-primary,.btn-ghost{min-height:44px}.header-actions{flex-wrap:wrap}.table-scroll .table th:first-child,.table-scroll .table td:first-child,.table.heatmap th:first-child,.table.heatmap td:first-child{background:var(--card);z-index:1;position:sticky;left:0}.weak-item{grid-template-columns:1fr;gap:.3rem}.drill-grid{grid-template-columns:1fr}}.pagination{border-top:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.85rem;display:flex}.pagination-controls{align-items:center;gap:.6rem;display:flex}.pagination .page-size{border:1px solid var(--card-border);color:inherit;background:0 0;border-radius:8px;padding:.3rem .5rem;font-size:.85rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.spinner{animation:.8s linear infinite spin!important}}.recruit-link{color:var(--accent,#a5b4fc);font-weight:600;text-decoration:none}.recruit-link:hover{text-decoration:underline}.stat-row{flex-wrap:wrap;gap:.6rem;margin:.25rem 0 .5rem;display:flex}.stat-chip{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:baseline;gap:.35rem;padding:.35rem .7rem;font-size:.85rem;font-weight:600;display:inline-flex}.stat-chip .stat-num{font-size:1.05rem;font-weight:800}.stat-chip.ok{color:#86efac;background:#22c55e24;border-color:#22c55e59}.stat-chip.bad{color:#fca5a5;background:#ef444424;border-color:#ef444459}.stat-chip.skip{color:#fde047;background:#eab30824;border-color:#eab30859}.badge.ok{color:#86efac;background:#22c55e2e}.badge.bad{color:#fca5a5;background:#ef44442e}.badge.skip{color:#fde047;background:#eab3082e}.attempt-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.attempt-head{border-radius:var(--radius-sm,8px);cursor:pointer;text-align:left;width:100%;color:inherit;background:#ffffff0a;border:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.attempt-head:hover{background:#ffffff12}.attempt-head.open{border-color:#6366f180}.attempt-title{font-weight:600}.attempt-meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.qbreak{border-radius:var(--radius-sm,8px);background:#ffffff05;border:1px solid #ffffff14;border-left-width:4px;margin:.6rem 0;padding:.75rem .9rem}.qbreak.ok{border-left-color:#22c55e}.qbreak.bad{border-left-color:#ef4444}.qbreak.skip{border-left-color:#eab308}.qbreak-head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.qbreak-num{color:var(--text-muted);font-weight:700}.qbreak-stem{margin:.2rem 0 .6rem;font-weight:500}.qbreak-opts{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.qbreak-opt{background:#ffffff08;border:1px solid #0000;border-radius:6px;align-items:baseline;gap:.5rem;padding:.4rem .6rem;display:flex}.qbreak-opt.correct{background:#22c55e1f;border-color:#22c55e66}.qbreak-opt.selected-wrong{background:#ef44441f;border-color:#ef444466}.qbreak-opt .opt-tags{flex-shrink:0;gap:.35rem;margin-left:auto;display:flex}.opt-tag{white-space:nowrap;border-radius:999px;padding:.05rem .4rem;font-size:.7rem;font-weight:700}.opt-tag.correct{color:#bbf7d0;background:#22c55e40}.opt-tag.picked{color:#c7d2fe;background:#6366f140}.qbreak-expl{color:var(--text-muted);border-top:1px dashed #ffffff1a;margin-top:.55rem;padding-top:.5rem;font-size:.9rem}.qbreak-expl .ref{opacity:.85;margin-top:.25rem;font-style:italic;display:block}.analytics-kpis{margin-bottom:1.25rem}.analytics-2col{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.bar-chart{align-items:flex-end;gap:2px;height:160px;padding-top:.5rem;display:flex}.bar-col{flex:1 1 0;align-items:flex-end;min-width:0;height:100%;display:flex}.bar-fill{background:var(--primary);border-radius:3px 3px 0 0;width:100%;min-height:0;transition:height .2s}.bar-col:hover .bar-fill{background:var(--primary-strong,#818cf8)}.bar-axis{justify-content:space-between;margin-top:.4rem;display:flex}.acct-name{font-weight:600}@media (width<=768px){.analytics-2col{grid-template-columns:1fr}}