.teacher-layout{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:1rem;align-items:start}.teacher-profile-column{display:grid;gap:.82rem;position:sticky;top:.6rem}.teacher-identity-card,.teacher-info-card,.teacher-classes-column{background:var(--panel-2);border:1px solid color-mix(in srgb,var(--border) 88%,var(--panel));border-radius:14px}.teacher-identity-card{padding:1rem;position:relative;overflow:hidden;text-align:center;h1{margin:0;position:relative;z-index:1;font-size:clamp(1.2rem,1.1rem + .42vw,1.55rem);line-height:1.2}}.teacher-identity-backdrop{position:absolute;inset:0 auto auto 0;width:100%;height:7rem;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 32%,transparent),color-mix(in srgb,var(--danger) 18%,transparent));opacity:.58}.teacher-avatar-wrap{width:6.9rem;height:6.9rem;margin:40px auto .66rem;border-radius:999px;padding:.24rem;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 78%,var(--accent-strong)),color-mix(in srgb,var(--danger) 48%,var(--accent-strong)));position:relative;z-index:1;box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 18%,transparent)}.teacher-avatar-image,.teacher-avatar-placeholder{width:100%;height:100%;border-radius:inherit;display:flex;align-items:center;justify-content:center}.teacher-avatar-image{object-fit:cover;border:2px solid color-mix(in srgb,var(--panel) 82%,white);background:var(--panel)}.teacher-avatar-placeholder{color:#fff;font-size:1.95rem;font-weight:800;letter-spacing:.04em;background:linear-gradient(140deg,#1e5ea6,#437fc0 52%,#3a8b94)}.teacher-role-kicker{margin:.22rem 0 .86rem;position:relative;z-index:1;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.72rem;color:color-mix(in srgb,var(--accent-strong) 80%,var(--text))}.teacher-email-link,.teacher-email-empty{position:relative;z-index:1;margin:0}.teacher-email-link{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.44rem;padding:.56rem .7rem;text-decoration:none;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--panel) 72%,var(--panel-2));color:var(--text);font-weight:700;overflow-wrap:anywhere;&:hover{border-color:color-mix(in srgb,var(--accent) 54%,var(--border));color:var(--accent-strong)}svg{width:1.4rem;height:1.4rem;flex-shrink:0}}.teacher-email-empty{color:var(--text-muted);font-weight:600;font-size:.92rem}.teacher-info-card{padding:1.2rem .9rem;position:relative;overflow:hidden;h2{margin:0 0 .62rem;display:inline-flex;align-items:center;gap:.42rem;font-size:1rem;svg{width:1.5rem;height:1.5rem;color:color-mix(in srgb,var(--accent-strong) 72%,var(--text));flex-shrink:0;margin:.1rem .4rem}}}.teacher-info-card--management{background:color-mix(in srgb,var(--accent) 5%,var(--panel-2));border-color:color-mix(in srgb,var(--accent) 16%,var(--border))}.teacher-info-card--attendance{isolation:isolate;h2,.teacher-attendance-list,.teacher-attendance-note{position:relative;z-index:1}h2{color:color-mix(in srgb,var(--accent-strong) 62%,var(--text))}}.teacher-info-card--attendance-open{background:color-mix(in srgb,var(--accent) 14%,var(--panel-2));border-color:color-mix(in srgb,var(--accent) 36%,var(--border))}.teacher-info-card--attendance-empty{background:color-mix(in srgb,var(--danger) 10%,var(--panel-2));border-color:color-mix(in srgb,var(--danger) 28%,var(--border));.teacher-attendance-deco{color:color-mix(in srgb,var(--danger) 72%,var(--text))}h2{color:color-mix(in srgb,var(--danger) 62%,var(--text))}}.teacher-attendance-deco{position:absolute;right:-.9rem;top:-.7rem;width:7rem;height:7rem;opacity:.14;color:color-mix(in srgb,var(--accent-strong) 72%,var(--text));pointer-events:none;z-index:0}.teacher-role-list,.teacher-attendance-list{margin:0;padding:0;list-style:none;display:grid;gap:.5rem;li{display:flex;align-items:center;gap:.48rem;border-radius:10px;padding:.48rem .54rem;background:color-mix(in srgb,var(--panel) 70%,transparent);font-weight:600}}.teacher-attendance-list{li{align-items:flex-start;justify-content:flex-start;gap:.56rem}}.teacher-role-icon{svg{width:1.5rem;height:1.5rem;color:color-mix(in srgb,var(--accent-strong) 72%,var(--text));flex-shrink:0;margin-top:.1rem}}.teacher-attendance-day{display:inline-flex;align-items:center;justify-content:center;min-width:6.2rem;padding:.32rem .48rem;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:800;color:color-mix(in srgb,var(--accent-strong) 78%,var(--text));background:color-mix(in srgb,var(--panel) 40%,var(--accent) 16%)}.teacher-attendance-time{display:inline-flex;align-items:center;padding:.24rem .52rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));background:transparent;font-size:.9rem;font-weight:700;color:color-mix(in srgb,var(--accent-strong) 82%,var(--text) 30%)}.teacher-attendance-periods{display:flex;flex-wrap:wrap;gap:.4rem;min-width:0}.teacher-attendance-note{margin:0;color:color-mix(in srgb,var(--danger) 50%,var(--text) 20%);font-weight:600}.teacher-classes-column{padding:.88rem;min-width:0}.teacher-classes-head{margin:0 0 .65rem;border-bottom:1px solid color-mix(in srgb,var(--border) 88%,transparent);padding-bottom:.56rem;h2{margin:0;display:inline-flex;gap:.48rem;align-items:center;svg{width:1.8rem;height:1.8rem;color:color-mix(in srgb,var(--accent-strong) 82%,var(--text))}}p{margin:.28rem 0 0;color:var(--text-muted);font-size:.92rem}}.teacher-classes-empty{margin:0;color:color-mix(in srgb,var(--text) 50%,var(--text-muted));font-weight:600}.teacher-schedule-block{border-radius:14px;overflow:hidden;min-width:0;+&{margin-top:.9rem}.mobile-day-panel{padding-bottom:0;display:none;&.is-active{display:block}}.mobile-class-row{align-items:stretch;min-width:0}.slot-stack{flex:1;gap:.5rem;display:grid}.mobile-time-rail{justify-content:space-between;padding-top:.12rem}.mobile-day-panels{display:block;overflow:hidden;width:100%;max-width:100%}.mobile-day-tabs{width:100%;max-width:100%;box-sizing:border-box}.mobile-class-card{min-width:0}}@media(min-width:981px){.teacher-schedule-block{.mobile-day-panel.is-active{animation:teacher-day-switch-feedback .4s ease-out}}}@keyframes teacher-day-switch-feedback{0%{opacity:.2;transform:translateY(-120px);filter:saturate(.7)}55%{opacity:1;transform:translateY(0);filter:saturate(1)}to{opacity:1;transform:translateY(0);filter:saturate(1)}}@media(prefers-reduced-motion:reduce){.teacher-schedule-block{.mobile-day-panel.is-active{animation:none}}}@media(max-width:980px){.teacher-layout{grid-template-columns:1fr}.teacher-profile-column{position:static;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch}.teacher-identity-card{grid-column:1 / -1}.teacher-schedule-block{.mobile-day-panel{display:block;flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always}.mobile-day-panels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}}}@media(max-width:760px){.teacher-classes-column{padding:.72rem}.teacher-profile-column{grid-template-columns:1fr}.teacher-schedule-block{.mobile-day-tabs{gap:.32rem}}}