:root{color:#15233b;background:#f2f6fc;font-family:Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:0 auto;padding:32px}header{justify-content:space-between;align-items:center;display:flex}.login{place-items:center;min-height:100vh;display:grid}.card{background:#fff;border-radius:18px;margin:16px 0;padding:24px;box-shadow:0 8px 28px #15233b12}label{gap:6px;margin:12px 0;display:grid}input{border:1px solid #cad7eb;border-radius:8px;min-height:44px;padding:8px 12px}button{color:#fff;cursor:pointer;background:#3568e8;border:0;border-radius:8px;min-height:40px;margin:4px;padding:6px 14px}.secondary{color:#15233b;background:#eef3fa}.teacher-detail{width:min(760px,100%)}.detail-section{border-top:1px solid #dfe5ee;padding:16px 0}.detail-section h3{margin:0 0 12px}.detail-item{border:1px solid #dfe5ee;border-radius:10px;margin:8px 0;padding:12px}.detail-item p{margin:6px 0}.detail-item button{display:block}.muted,.detail-item small{color:#667085}.status{background:#eef3fa;border-radius:9999px;margin-left:8px;padding:2px 8px;display:inline-block}.inline{flex-wrap:wrap;gap:8px;display:flex}.inline input{flex:200px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e5edf8;padding:10px}.error{color:#b42318}.warning{color:#9a6700}.modal{background:#15233b66;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal .card{max-width:760px;max-height:90vh;overflow:auto}code,pre{background:#f4f7fb;padding:12px;display:block;overflow:auto}@media (width<=760px){main{padding:16px}table{display:block;overflow-x:auto}}