:root{--bg:#d9ecff;--panel:#ffffffd6;--panel-strong:#fff;--ink:#101828;--text:#23324d;--muted:#667085;--line:#81a8d442;--blue:#2f7df6;--blue-soft:#e7f1ff;--green:#0f9f6e;--red:#d92d20;--shadow:0 22px 70px #356ba129;--radius:28px}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 18% 12%,#fffffff2,#0000 28%),linear-gradient(135deg,#edf7ff 0%,#cfe8ff 48%,#eaf6ff 100%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{cursor:pointer}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffdb;border-radius:18px;outline:none;padding:14px 16px}input:focus,select:focus{border-color:#2f7df68c;box-shadow:0 0 0 4px #2f7df61a}h1,h2,p{margin-top:0}h1{color:var(--ink);letter-spacing:-.05em;margin-bottom:12px;font-size:clamp(36px,5vw,64px);line-height:1}h2{color:var(--ink);margin:0;font-size:24px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;font-size:13px;font-weight:800}.lead{max-width:760px;color:var(--muted);font-size:20px;line-height:1.7}.caption,.empty{color:var(--muted);font-size:14px;line-height:1.6}.form-error{color:var(--red)}.error-text{color:var(--red);overflow-wrap:anywhere}.login-shell{grid-template-columns:1.2fr .8fr;align-items:center;gap:22px;width:min(1180px,100vw - 32px);min-height:100vh;margin:0 auto;padding:42px 0;display:grid}.login-card,.panel,.student-card,.metric,.notice{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{min-height:520px;padding:58px}.auth-card{padding:34px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:54px;display:grid}.feature-grid div{border:1px solid var(--line);background:#ffffff8f;border-radius:22px;padding:18px}.feature-grid b{color:var(--ink);margin-bottom:8px;display:block}.feature-grid span{color:var(--muted);line-height:1.55}.role-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.role-tabs button,.primary-action,.ghost-action,.info-block button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:12px 18px;font-weight:800}.role-tabs button.active,.primary-action{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 14px 26px #2f7df63d}.portal-label{width:fit-content;color:var(--blue-dark);background:#2f7df61f;border-radius:999px;align-items:center;margin-bottom:22px;padding:9px 14px;font-weight:900;display:inline-flex}.form-stack{gap:16px;display:grid}.form-stack label span{color:var(--ink);margin:0 0 8px 4px;font-weight:800;display:block}.form-stack.compact{gap:12px}.app-shell{grid-template-columns:260px 1fr;gap:20px;min-height:100vh;padding:24px;display:grid}.sidebar{border:1px solid var(--line);background:#ffffffb8;border-radius:30px;flex-direction:column;gap:22px;height:calc(100vh - 48px);padding:22px;display:flex;position:sticky;top:24px}.brand b{color:var(--ink);margin-top:8px;font-size:28px;display:block}.brand span{color:var(--muted);font-weight:800}.sidebar nav{gap:8px;display:grid}.sidebar a{color:var(--text);border-radius:16px;padding:13px 15px;font-weight:800}.sidebar a.active{background:var(--blue-soft);color:#155eef}.sidebar .ghost-action{margin-top:auto}.workspace{min-width:0;padding:10px 0 50px}.page-header,.panel-title,.student-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.page-header h1{font-size:46px}.notice{color:#875300;background:#fff8e6d1;margin:16px 0;padding:14px 18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.metric-grid.single{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:#ffffffbf;padding:22px}.metric span{color:var(--muted);font-weight:800;display:block}.metric b{color:var(--ink);margin-top:10px;font-size:32px;display:block}.two-column{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.panel{padding:24px}.wide-panel{margin-top:18px}.inline-form{grid-template-columns:1fr 1fr auto;gap:10px;margin:18px 0;display:grid}.class-form{grid-template-columns:90px 1fr 1fr 1fr 150px auto;gap:10px;margin:18px 0;display:grid}.password-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;margin-top:18px;display:grid}.toolbar-row{flex-wrap:wrap;gap:10px;margin:0 0 14px;display:flex}.upload-button,.ghost-link,.row-actions button{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.upload-button input{display:none}.table-list,.node-list,.session-list{gap:10px;display:grid}.table-row,.node-card,.info-block,.student-status{border:1px solid var(--line);background:#ffffffb8;border-radius:20px;gap:8px;padding:14px 16px;display:grid}.table-row{grid-template-columns:1fr 1fr auto auto;align-items:center}.student-row,.session-row{border:1px solid var(--line);background:#ffffffb8;border-radius:20px;align-items:center;gap:8px;padding:14px 16px;display:grid}.student-row{grid-template-columns:1fr 1fr auto auto}.session-row{grid-template-columns:120px 1fr auto 2fr}.row-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.node-actions{grid-column:2/-1}.session-actions{grid-column:1/-1}.log-list{gap:8px;margin-top:16px;display:grid}.log-row{border:1px solid var(--line);background:#ffffffad;border-radius:18px;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}code{word-break:break-all;color:var(--ink);font-weight:800}.node-card{grid-template-columns:auto 1fr auto;align-items:center}.node-card small{color:var(--muted);grid-column:2/-1}.status-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.is-active{background:var(--green);box-shadow:0 0 0 6px #0f9f6e1f}.is-muted{background:#98a2b3}.pill{border-radius:999px;align-items:center;padding:8px 13px;font-size:14px;font-weight:900;display:inline-flex}.pill-blue{background:var(--blue-soft);color:#155eef}.pill-green{color:#067647;background:#e8f8f1}.pill-red{color:#b42318;background:#fef3f2}.pill-gray{color:#475467;background:#f2f4f7}.student-shell{place-items:center;min-height:100vh;padding:26px;display:grid}.student-card{width:min(980px,100%);padding:34px}.password-card{width:min(720px,100%)}.student-header h1{font-size:56px}.student-status{grid-template-columns:auto auto 1fr;align-items:center;margin:20px 0}.info-block{grid-template-columns:180px 1fr auto;align-items:center;margin-top:12px}.info-block span{color:var(--muted);font-weight:900}.info-block div{gap:8px;display:flex}@media (max-width:900px){.login-shell,.app-shell,.two-column{grid-template-columns:1fr}.sidebar{height:auto;position:static}.feature-grid,.metric-grid,.metric-grid.single,.inline-form,.class-form,.password-form,.table-row,.student-row,.session-row,.log-row,.info-block,.student-status{grid-template-columns:1fr}.hero-card{min-height:auto;padding:32px}h1,.page-header h1,.student-header h1{font-size:36px}}