*{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}.source-badge{letter-spacing:.02em;vertical-align:middle;text-transform:uppercase;border-radius:999px;margin-left:.5rem;padding:.1rem .45rem;font-size:.68rem;font-weight:600;display:inline-block}.source-badge--live{color:#1c7a46;background:#22a05a24;border:1px solid #22a05a59}.source-badge--demo{color:#5a5a66;background:#78788224;border:1px solid #7878824d}