*{margin:0;padding:0}:root{--bg:#f5f5f5;--surface:#fff;--ink:#2d3b45;--ink-soft:#6c757c;--border:#c7cdd1;--teal:#008ee2;--nav-dark:#394b58;--protective:#2f8659;--risk:#c13a2e;--amber:#c98a2c;--font-display:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);margin:0}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{align-items:baseline;gap:14px;padding:28px 32px 8px;display:flex}.app-title{font-family:var(--font-display);letter-spacing:-.005em;font-size:1.35rem;font-weight:600}.app-subtitle{color:var(--ink-soft);font-size:.9rem}.role-switcher{border-bottom:1px solid var(--border);gap:4px;margin-top:8px;padding:0 32px;display:flex}.role-tab{font-family:var(--font-body);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 18px;font-size:.95rem;font-weight:500;transition:color .15s,border-color .15s}.role-tab:hover{color:var(--ink)}.role-tab--active{color:var(--teal);border-bottom-color:var(--teal)}.app-main{flex:1;padding:28px 32px 48px}.section-title{font-family:var(--font-display);margin:0 0 16px;font-size:1.05rem;font-weight:600}.view{gap:24px;display:grid}.view--instructor{grid-template-columns:260px 1fr;align-items:start}.view-col--list{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:16px}.roster{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.roster-row{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:10px;font-size:.9rem;display:flex}.roster-row:hover{background:var(--bg)}.roster-row--active{border:1px solid var(--protective);background:#eef3f2}.roster-prob{color:var(--ink-soft);margin-left:auto}.detail-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.badge{font-family:var(--font-mono);border-radius:100px;padding:3px 9px;font-size:.75rem;font-weight:500}.badge--lg{padding:5px 12px;font-size:.85rem}.band--low{color:var(--protective);background:#e4f1ee}.band--mid{color:var(--amber);background:#fbf0de}.band--high{color:var(--risk);background:#f7e4e5}.panel{background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-bottom:20px;padding:20px 22px}.panel-title{font-family:var(--font-body);margin:0 0 4px;font-size:.95rem;font-weight:600}.panel-note{color:var(--ink-soft);max-width:60ch;margin:0 0 16px;font-size:.85rem}.eval-note{margin-top:-8px}.reasoning-trail{flex-direction:column;gap:10px;display:flex}.trail-row{grid-template-columns:190px 1fr 70px;align-items:center;gap:12px;display:grid}.trail-label{color:var(--ink);text-align:right;font-size:.82rem}.trail-track{background:#f0f1f3;border-radius:3px;height:16px;position:relative}.trail-zero{background:var(--border);width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.trail-bar{border-radius:2px;position:absolute;top:2px;bottom:2px}.trail-bar--protective{background:var(--protective)}.trail-bar--risk{background:var(--risk)}.trail-value{font-family:var(--font-mono);color:var(--ink-soft);font-size:.78rem}.trail-legend{color:var(--ink-soft);gap:18px;margin-top:6px;font-size:.78rem;display:flex}.dot{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.dot--protective{background:var(--protective)}.dot--risk{background:var(--risk)}.stat-row{gap:32px;margin-bottom:20px;display:flex}.stat{flex-direction:column;display:flex}.stat-value{font-size:1.8rem;font-weight:500}.stat-label{color:var(--ink-soft);font-size:.8rem}.mono{font-family:var(--font-mono)}@media (width<=720px){.view--instructor{grid-template-columns:1fr}.trail-row{grid-template-columns:110px 1fr 60px}.trail-label{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.role-tab{transition:none}}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;flex-direction:column;width:340px;padding:32px 36px;display:flex}.login-title{font-family:var(--font-display);margin:0 0 6px;font-size:1.2rem;font-weight:600}.login-subtitle{color:var(--ink-soft);margin:0 0 20px;font-size:.82rem}.login-label{color:var(--ink-soft);margin-bottom:4px;font-size:.78rem}.login-input{font-family:var(--font-body);border:1px solid var(--border);background:var(--bg);color:var(--ink);border-radius:4px;margin-bottom:14px;padding:8px 10px;font-size:.9rem}.login-input:focus{outline:2px solid var(--teal);outline-offset:1px}.login-error{color:var(--risk);margin:-6px 0 12px;font-size:.82rem}.login-button{font-family:var(--font-body);background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:4px;padding:10px;font-size:.9rem;font-weight:500}.login-button:disabled{opacity:.6;cursor:default}.login-hint{color:var(--ink-soft);text-align:center;margin:16px 0 0;font-size:.75rem}.session-bar{background:var(--nav-dark);justify-content:space-between;align-items:center;padding:12px 32px;font-size:.85rem;display:flex}.session-role{color:#c7cdd1}.session-role strong{color:#fff}.session-logout{font-family:var(--font-body);cursor:pointer;color:#c7cdd1;background:0 0;border:1px solid #566573;border-radius:4px;padding:5px 12px;font-size:.8rem}.session-logout:hover{color:#fff;border-color:#c7cdd1}.kpi-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--teal);border-radius:4px;flex-direction:column;padding:16px 18px;display:flex}.kpi-card--risk{border-top-color:var(--risk)}.kpi-value{color:var(--ink);font-size:1.5rem;font-weight:700}.kpi-label{color:var(--ink-soft);margin-top:2px;font-size:.76rem}.panel-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.panel-grid .panel{margin-bottom:0}.bar-chart{flex-direction:column;gap:10px;display:flex}.bar-chart-row{grid-template-columns:110px 1fr auto;align-items:center;gap:10px;display:grid}.bar-chart-label{color:var(--ink);text-align:right;font-size:.8rem}.bar-chart-track{background:#eef0f1;border-radius:3px;height:14px;overflow:hidden}.bar-chart-fill{border-radius:3px;height:100%;transition:width .3s}.bar-chart-value{color:var(--ink-soft);white-space:nowrap;font-size:.76rem}.bar-chart-n{color:#9aa5b1;font-size:.7rem}.trend-chart{width:100%;height:auto}.donut-chart{align-items:center;gap:24px;display:flex}.donut-legend{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.donut-legend li{align-items:center;gap:8px;font-size:.85rem;display:flex}.donut-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.donut-pct{color:var(--ink-soft);margin-left:6px}@media (width<=800px){.kpi-row{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}}.comparison-chart{flex-direction:column;gap:20px;display:flex}.comparison-metric-title{font-family:var(--font-body);color:var(--ink);margin:0 0 10px;font-size:.82rem;font-weight:700}.comparison-row{grid-template-columns:170px 1fr 60px;align-items:center;gap:10px;margin-bottom:6px;display:grid}.comparison-label{color:var(--ink-soft);text-align:right;font-size:.76rem}.comparison-value{color:var(--ink);font-size:.78rem}@media (width<=720px){.comparison-row{grid-template-columns:110px 1fr 50px}.comparison-label{font-size:.68rem}}