:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#eef2f7;background:#080c12;--bg:#080c12;--panel:#0f1722;--panel2:#131f2c;--border:#223247;--accent:#42d392;--muted:#77899f;--warning:#e8a83b;--danger:#8e302c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 10%,#142131 0,#080c12 42%)}.hidden{display:none!important}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(520px,100%);background:rgba(13,20,30,.96);border:1px solid var(--border);border-radius:20px;padding:30px;box-shadow:0 24px 80px #0008}.auth-brand{display:flex;gap:14px;align-items:center;margin-bottom:18px}.auth-brand>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent);color:#04110c;font-size:30px;font-weight:900}.auth-brand b{display:block;font-size:22px;letter-spacing:.08em}.auth-brand small{color:var(--muted)}.auth-server{padding:10px 12px;background:#0a111a;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:12px;margin-bottom:18px}.auth-form{display:grid;gap:12px}.auth-form h1{font-size:24px;margin:4px 0}.auth-form p{color:var(--muted);margin:0 0 6px}.auth-form label,.settings-grid label,.toolbar label{display:grid;gap:6px;color:var(--muted);font-size:12px}.auth-form input,.settings-grid input,.toolbar input,.toolbar select{width:100%;border:1px solid var(--border);background:#090f17;color:#eef2f7;border-radius:10px;padding:11px 12px;outline:none}.primary{background:var(--accent)!important;color:#04110c!important;border-color:transparent!important}.link-button{border:0;background:transparent;color:var(--accent);text-align:left;padding:0;cursor:pointer}.form-status{min-height:20px;color:var(--warning)}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{position:relative;border-right:1px solid #1d2a3a;padding:26px 18px;background:rgba(7,11,17,.9)}.brand{display:flex;gap:12px;align-items:center;margin-bottom:30px}.brand .bolt{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--accent);color:#04110c;font-weight:900;font-size:26px}.brand b{display:block;letter-spacing:.08em}.brand small{display:block;color:#738399;margin-top:4px;font-size:10px}nav{display:grid;gap:6px}nav button{border:0;text-align:left;padding:12px 14px;border-radius:10px;background:transparent;color:#8090a6;font-weight:600;cursor:pointer}nav button.active{background:#13251f;color:#67e8ad}.status-card{position:absolute;left:20px;right:20px;bottom:24px;display:flex;align-items:flex-start;gap:10px}.status-card small{display:block;color:#6f8197;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.dot{margin-top:5px;width:10px;height:10px;border-radius:50%;background:#e8a83b;box-shadow:0 0 14px #e8a83b}.dot.ok{background:var(--accent);box-shadow:0 0 14px var(--accent)}main{padding:28px 34px;display:flex;flex-direction:column;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}header small{color:#6c7e95;font-size:10px;letter-spacing:.18em}h1{font-size:30px;margin:6px 0 0}.header-actions{display:flex;gap:12px;align-items:center;color:var(--muted)}button{border:1px solid var(--border);border-radius:10px;padding:10px 14px;background:var(--panel2);color:#eef2f7;font-weight:650;cursor:pointer}.danger{background:var(--danger)!important}.page{display:none;flex:1;min-height:0}.active-page{display:block}.metrics{display:flex;gap:12px}.metrics.large{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metrics div,.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.metrics strong,.metrics span{display:block}.metrics strong{font-size:22px}.metrics span{font-size:11px;color:var(--muted);margin-top:5px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card h3{margin:0 0 10px}.card p{color:#b9c5d3}.chat-panel{height:calc(100vh - 150px);display:flex;flex-direction:column;background:rgba(13,20,30,.86);border:1px solid #1c2b3b;border-radius:18px;overflow:hidden}.messages{flex:1;padding:24px;overflow:auto;display:flex;flex-direction:column;gap:16px}.message{max-width:76%;padding:14px 16px;border-radius:14px}.message span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:7px;color:#718198}.message p{white-space:pre-wrap;margin:0;line-height:1.5}.message.ai{background:#111d2a;border:1px solid #2f5c86}.message.ai span{color:#6fbaff}.message.user{align-self:flex-end;background:#183829;border:1px solid #2b6f4c}.message.user span{color:#58e4a5}.message.teacher-lm{background:#2a2112;border:1px solid #80622a}.message.teacher-lm span{color:#ffc14d}.message.teacher-openai{background:#21162b;border:1px solid #6f4b8f}.message.teacher-openai span{color:#c78cff}.message.system{background:#2a1717;border:1px solid #783838}.message.system span{color:#ef8f7e}.composer{display:flex;gap:12px;padding:16px;border-top:1px solid #1d2a3a;background:#0c131d;align-items:flex-end}.composer-input{flex:1;display:flex;flex-direction:column;gap:6px}.composer-meta{display:flex;align-items:center;gap:12px}.composer-meta select{min-width:190px;border:1px solid var(--border);background:#0d1722;color:#eef2f7;border-radius:8px;padding:6px 9px}.composer-meta small{flex:1}.composer textarea{width:100%;min-height:48px;max-height:180px;resize:none;border:1px solid #243449;background:#090f17;color:#eef2f7;border-radius:12px;padding:12px 14px;outline:none}.composer-input small{font-size:10px;color:#64758b}.composer>button{width:48px;height:48px;padding:0;background:var(--accent);color:#04110c;font-size:20px}.toolbar{display:flex;gap:10px;align-items:end;margin-bottom:14px}.toolbar.wrap{flex-wrap:wrap}.toolbar label{min-width:190px}.toolbar label:nth-child(2){min-width:360px}.transcript{height:410px;overflow:auto;background:#0b121b;border:1px solid var(--border);border-radius:14px;padding:12px}.turn{border-bottom:1px solid #1e2c3d;padding:10px}.turn b{color:var(--accent)}.turn small{margin-left:10px;color:var(--muted)}.turn p{margin:6px 0;white-space:pre-wrap}.table-wrap{overflow:auto;max-height:620px;border:1px solid var(--border);border-radius:12px}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{padding:10px 12px;border-bottom:1px solid #1f2d3e;text-align:left;vertical-align:top}th{position:sticky;top:0;background:#182433;color:#dce6f0}td small{display:block;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.settings-grid .card{display:grid;gap:10px}footer{text-align:center;color:#536277;font-size:11px;padding-top:14px}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:99}.modal-card{width:min(520px,100%);background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px}.modal-card code{display:block;background:#080d14;border:1px solid var(--border);border-radius:10px;padding:16px;margin:12px 0;font-size:20px;text-align:center;color:var(--accent)}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:18px}.metrics.large,.card-grid,.settings-grid{grid-template-columns:1fr 1fr}.message{max-width:92%}}@media(max-width:600px){.metrics.large,.card-grid,.settings-grid{grid-template-columns:1fr}.toolbar label,.toolbar label:nth-child(2){min-width:100%;width:100%}}