.teacher-toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.teacher-toolbar h2{font:700 24px Manrope;margin:5px 0}.teacher-toolbar p{margin:0;color:#667085;font-size:13px}.teacher-toolbar>div:last-child{display:flex;gap:9px}.availability-summary{padding:13px 17px;display:flex;align-items:center;gap:18px;margin-bottom:16px;font-size:12px}.availability-summary strong{margin-right:auto}.availability-summary span{color:#667085}.availability-summary i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.available-dot{background:#12b76a}.teaching-dot{background:#4f6ef7}.away-dot{background:#f04438}.teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.teacher-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.teacher-card-head{padding:17px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.teacher-avatar{width:42px;height:42px;border-radius:50%;background:#eef2ff;color:#4f6ef7;display:grid;place-items:center;font-weight:700}.teacher-card-head>div:nth-child(2){flex:1}.teacher-card strong{font-size:13px}.teacher-card small{display:block;color:#667085;font-size:10px;margin-top:3px}.load{font-size:10px;color:#667085}.period-statuses{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:13px}.period-status{border-radius:6px;text-align:center;padding:6px 2px;font-size:9px}.period-status b{display:block;font-size:10px;margin-bottom:3px}.period-status.available{background:#ecfdf3;color:#027a48}.period-status.teaching{background:#eef2ff;color:#405bd3}.period-status.away{background:#fef3f2;color:#b42318}.teacher-card-foot{padding:0 13px 13px;display:flex;justify-content:space-between;align-items:center}.teacher-card-foot button{padding:7px 9px;font-size:10px}.availability-message{font-size:10px;color:#667085}.period-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.period-picker button{border:1px solid #d0d5dd;background:white;border-radius:8px;padding:8px 3px;font:600 11px 'DM Sans';color:#344054;cursor:pointer}.period-picker button small{display:block;font-size:8px;color:#98a2b3;margin-top:3px}.period-picker button.selected{background:#eef2ff;border-color:#4f6ef7;color:#405bd3}.modal{max-height:92vh;overflow:auto}@media(max-width:1050px){.teacher-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.teacher-grid{grid-template-columns:1fr}.teacher-toolbar{align-items:start;gap:15px}.availability-summary{flex-wrap:wrap}.availability-summary strong{width:100%}}