.auth-screen{position:fixed;z-index:1000;inset:0;display:grid;grid-template-columns:minmax(340px,.85fr) minmax(480px,1.15fr);background:#f4f5fb;overflow-y:auto;overscroll-behavior:contain}.auth-brand{display:flex;flex-direction:column;justify-content:flex-end;padding:70px;background:linear-gradient(145deg,#292641,#6558d9);color:#fff}.auth-brand>span{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#fff;color:#6558d9;font-size:30px;font-weight:800}.auth-brand>b{margin-top:24px;font-size:46px}.auth-brand p{max-width:420px;color:#d7d3f4;font-size:15px;line-height:1.6}.auth-card{align-self:start;justify-self:center;width:min(460px,calc(100% - 48px));margin:32px 0;padding:34px 38px;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(42,40,76,.13)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:11px;background:#f1f1f7}.auth-tabs button{border:0;border-radius:8px;background:transparent;padding:11px;cursor:pointer;font:700 10px Manrope;color:var(--muted)}.auth-tabs button.active{background:#fff;color:#6558d9}.auth-form{margin-top:28px}.auth-form[hidden]{display:none}.auth-form h1{margin:4px 0;font-size:28px}.auth-form>div:first-child small{color:#6558d9;font-weight:800}.auth-form>div:first-child p{margin:0 0 23px;color:var(--muted);font-size:10px}.auth-form>label,.profile-card label{display:block;margin:13px 0;font-size:9px;font-weight:800}.auth-form input,.profile-card input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:#fafaff;padding:12px;font:11px Manrope}.auth-form>.primary{width:100%;margin-top:8px;padding:13px}.auth-error{min-height:16px;color:#c8574b;font-size:9px}.demo-accounts{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.demo-accounts>b{display:block;margin-bottom:8px;color:var(--muted);font-size:8px}.demo-accounts>button{width:100%;display:grid;grid-template-columns:36px 1fr;align-items:center;border:0;border-radius:10px;background:transparent;padding:8px;cursor:pointer;text-align:left}.demo-accounts>button:hover{background:#f5f3ff}.demo-accounts>button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eeecff;color:#6558d9;font-size:9px;font-weight:800}.demo-accounts p,.demo-accounts strong,.demo-accounts small{display:block;margin:0}.demo-accounts strong{font-size:10px}.demo-accounts small{color:var(--muted);font-size:8px}.auth-locked>.sidebar,.auth-locked>main{visibility:hidden}.auth-locked{overflow:hidden}body:not(.auth-locked) .auth-screen{display:none}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-card{padding:24px;border-radius:17px;background:#fff;box-shadow:var(--shadow)}.profile-card h2{margin:0 0 17px;font-size:17px}.profile-person{display:flex;align-items:center;gap:18px}.profile-avatar{width:66px;height:66px;display:grid;place-items:center;border-radius:18px;background:#6558d9;color:#fff;font-size:20px;font-weight:800}.profile-person small{color:#6558d9;font-size:8px;font-weight:800}.profile-person h2{margin:5px 0}.profile-person p{margin:0;color:var(--muted);font-size:10px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.profile-stats div+div{border-left:1px solid var(--line)}.profile-stats b,.profile-stats span{display:block;text-align:center}.profile-stats b{font-size:22px}.profile-stats span{color:var(--muted);font-size:8px}.teacher .profile-student-only{display:none}@media(max-width:760px){.auth-screen{display:block;overflow:auto;padding:24px}.auth-brand{display:none}.auth-card{margin:20px auto;padding:25px}.profile-grid{grid-template-columns:1fr}}