:root{--navy-950:#17233b;--navy-700:#2f4c87;--blue-600:#3f63dd;--surface:#fff;--canvas:#f4f6fa;--text:#172033;--muted:#697386;--line:#dfe5ed;--success:#1f7554;--warning:#9a5c13;--danger:#a33a43;--violet:#6d4acb;color:var(--text);background:var(--canvas);font-family:Noto Sans KR,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--canvas);min-height:100vh;color:var(--text);margin:0}#app{min-height:100vh}.app-loading{min-height:100vh;color:var(--navy-950);background:linear-gradient(180deg, var(--surface) 0%, var(--canvas) 100%);text-align:center;place-items:center;padding:2rem;font-size:1rem;font-weight:600;display:grid}button,input,a{font:inherit}button,.app-shell a{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,.button-secondary:focus-visible,.app-shell a:focus-visible{outline:3px solid var(--blue-600);outline-offset:3px}.login-page{background:linear-gradient(150deg, var(--navy-950), var(--navy-700));place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:var(--surface);border-radius:1rem;width:min(100%,26rem);padding:2rem;box-shadow:0 1rem 3rem #00000040}.login-brand,.app-brand{color:var(--blue-600);letter-spacing:.08em;margin:0;font-weight:800}.login-card h1{color:var(--navy-950);margin:.5rem 0}.login-description,.form-error{color:var(--muted)}.login-card form{gap:.5rem;margin-top:1.5rem;display:grid}.login-card input{border:1px solid #bcc5d3;border-radius:.5rem;min-height:44px;padding:.65rem .75rem}.login-card button{background:var(--navy-950);color:#fff;cursor:pointer;border:0;border-radius:.5rem;margin-top:.75rem;font-weight:700}.form-error{min-height:1.5rem;margin:.25rem 0 0}.app-shell{grid-template-columns:16rem 1fr;min-height:100vh;display:grid}.app-sidebar{color:#fff;background:var(--navy-950);padding:1.5rem}.app-profile{color:#d9e2f5}.app-shell nav ul{gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.app-shell a{color:inherit;border-radius:.5rem;align-items:center;gap:.65rem;padding:.55rem .7rem;text-decoration:none;display:flex}.app-shell a[aria-current=page],.app-shell a:hover{background:var(--navy-700)}.app-shell svg{flex:none;width:1.25rem;height:1.25rem}.app-content{min-width:0;padding:2rem}.route-content{background:var(--surface);border-radius:.75rem;max-width:64rem;padding:1.5rem}.account-page{gap:1.25rem;display:grid}.account-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.account-page-header h1{color:var(--navy-950);letter-spacing:-.04em;margin:.25rem 0 .4rem;font-size:clamp(1.75rem,3vw,2.35rem)}.account-logout{flex:none}.account-password-card{border:1px solid var(--line);background:var(--canvas);border-radius:.85rem;max-width:34rem;padding:1.5rem}.account-password-card h2{color:var(--navy-950);margin:0}.account-password-form{gap:.55rem;margin-top:1.25rem;display:grid}.account-password-form input{background:#fff;border:1px solid #bcc5d3;border-radius:.55rem;min-height:46px;padding:.65rem .75rem}.account-password-form button{margin-top:.35rem}.mobile-nav{display:none}.timetable-route-host,.timetable-controller{min-width:0}.timetable-page{background:0 0;max-width:none;padding:0}.timetable-page-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.timetable-page-header h1{color:var(--navy-950);letter-spacing:-.04em;margin:.2rem 0 .35rem;font-size:clamp(1.7rem,3vw,2.35rem)}.timetable-header-meta{border:1px solid var(--line);color:var(--navy-700);white-space:nowrap;background:#fff;border-radius:999px;padding:.5rem .75rem;font-size:.85rem;font-weight:750}.week-navigation{border:1px solid var(--line);background:#fff;border-radius:.85rem;align-items:end;gap:.55rem;margin-top:1.25rem;padding:.85rem;display:flex;box-shadow:0 .35rem 1.1rem #17233b0f}.week-date-field{gap:.3rem;display:grid}.week-date-field span{color:var(--muted);font-size:.76rem;font-weight:700}.week-date-field input,.week-button,.week-today-button{border:1px solid var(--line);min-height:42px;color:var(--navy-950);font:inherit;background:#fff;border-radius:.65rem}.week-date-field input{min-width:10.5rem;padding:.55rem .7rem}.week-button,.week-today-button{cursor:pointer;padding:.55rem .8rem;font-weight:750}.week-today-button{color:#fff;background:var(--navy-950)}.week-range-label{color:var(--muted);white-space:nowrap;margin:0 0 .65rem auto;font-size:.84rem;font-weight:650}.timetable-controls,.student-controls{justify-content:space-between;align-items:end;gap:1rem;margin-top:1.35rem;display:flex}.date-navigation{scrollbar-width:thin;gap:.45rem;min-width:0;display:flex;overflow-x:auto}.date-navigation::-webkit-scrollbar{display:none}.date-navigation{scrollbar-width:none}.date-button{border:1px solid var(--line);min-width:5.25rem;min-height:48px;color:var(--muted);cursor:pointer;background:#fff;border-radius:.65rem;place-items:center;gap:.05rem;padding:.45rem .65rem;display:grid}.date-button span{white-space:nowrap;font-weight:750}.date-button small{color:inherit;font-size:.68rem}.date-button.is-selected{border-color:var(--navy-950);color:#fff;background:var(--navy-950);box-shadow:0 .4rem 1rem #17233b29}.timetable-filters{flex:none;gap:.6rem;display:flex}.filter-field{color:var(--muted);gap:.25rem;font-size:.72rem;font-weight:750;display:grid}.filter-field select{border:1px solid var(--line);min-width:8.5rem;min-height:44px;color:var(--text);background:#fff;border-radius:.6rem;padding:.5rem 2rem .5rem .65rem}.timetable-summary{color:var(--muted);align-items:center;gap:.45rem;margin:1rem 0 .65rem;font-size:.85rem;display:flex}.timetable-summary strong{color:var(--navy-950)}.summary-date{font-variant-numeric:tabular-nums;margin-left:auto}.timetable-grid-wrap{border:1px solid var(--line);background:#fff;border-radius:.85rem;max-width:100%;overflow:auto;box-shadow:0 .45rem 1.4rem #17233b0d}.timetable-grid{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:48rem}.timetable-grid th,.timetable-grid td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top}.timetable-grid tr:last-child>*{border-bottom:0}.timetable-grid tr>:last-child{border-right:0}.timetable-grid thead th{z-index:2;color:var(--navy-950);text-align:left;background:#f5f7fb;padding:.75rem .65rem;font-size:.78rem;position:sticky;top:0}.period-heading,.period-cell{z-index:1;background:#fafbfc;width:6.2rem;min-width:6.2rem;position:sticky;left:0}.period-heading{z-index:3!important}.period-cell{color:var(--navy-950);text-align:left;padding:.75rem .65rem}.period-cell strong,.period-cell span{display:block}.period-cell span{color:var(--muted);margin-top:.15rem;font-size:.68rem;font-weight:500}.timetable-grid td{background:#fff;width:9rem;min-width:9rem;padding:.42rem}.grid-lesson{background:#f7f9fc;border-left:3px solid #b9c6db;border-radius:.55rem;align-content:start;gap:.28rem;min-height:5.5rem;padding:.6rem;display:grid}.lesson-topline,.day-card-title{justify-content:space-between;align-items:flex-start;gap:.35rem;display:flex}.lesson-subject{overflow-wrap:anywhere;font-size:.84rem}.lesson-teacher,.lesson-room{color:var(--muted);overflow-wrap:anywhere;font-size:.72rem}.lesson-room:before{content:"장소 · ";font-weight:700}.status-badge{color:#43506a;background:#e8edf4;border-radius:999px;justify-content:center;align-items:center;min-width:fit-content;padding:.16rem .38rem;font-size:.63rem;font-weight:800;display:inline-flex}.lesson-substitute,.lesson-swap{border-left-color:var(--warning);background:#fff7e9}.lesson-event{border-left-color:var(--violet);background:#f5f0ff}.lesson-cancelled{border-left-color:var(--danger);background:#fff0f1}.lesson-self_study{border-left-color:var(--success);background:#edf8f2}.status-substitute,.status-swap{color:#76450c;background:#ffe7bc}.status-event{color:#5936b0;background:#e6dcff}.status-cancelled{color:#8f2f35;background:#ffdadd}.status-self-study{color:#226145;background:#d9f1e5}.empty-slot{color:#a7afbc;text-align:center;padding:1.4rem .5rem;display:block}.timetable-grid tr.is-current-period>*{box-shadow:inset 0 2px 0 var(--blue-600), inset 0 -2px 0 var(--blue-600)}.day-card.is-current-period{border-color:var(--blue-600);box-shadow:0 0 0 2px #3f63dd1f}.day-cards{margin:.75rem 0 0;padding:0;list-style:none;display:none}.day-card{border:1px solid var(--line);background:#fff;border-left:4px solid #b9c6db;border-radius:.8rem;grid-template-columns:5.5rem 1fr;gap:.85rem;padding:1rem;display:grid}.day-card-period{color:var(--navy-950);align-content:start;gap:.2rem;display:grid}.day-card-period span,.day-card-meta{color:var(--muted);font-size:.74rem}.day-card-detail{min-width:0}.day-card-title strong{overflow-wrap:anywhere}.day-card-meta{overflow-wrap:anywhere;margin:.35rem 0 0}.personal-priority{color:#76450c;background:#fff7e9;border-radius:.7rem;align-items:center;gap:.65rem;margin-top:1rem;padding:.75rem 1rem;font-size:.86rem;display:flex}.student-controls{align-items:center}.student-view-switch{border:1px solid var(--line);background:#eef1f5;border-radius:.65rem;padding:.2rem;display:none}.student-view-switch button{min-width:4rem;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:.5rem}.student-view-switch .is-selected{color:var(--navy-950);background:#fff;box-shadow:0 .15rem .5rem #17233b1a}.student-week{display:none}.student-week-day h2{color:var(--navy-950);margin:1.2rem 0 .5rem;font-size:1rem}.timetable-loading,.timetable-error{border:1px solid var(--line);text-align:center;background:#fff;align-content:center;place-items:center;gap:.65rem;min-height:24rem;padding:2rem;display:grid}.timetable-loading h1,.timetable-loading p,.timetable-error h1,.timetable-error p{margin:0}@media (width<=1100px) and (width>=769px){.app-shell{grid-template-columns:13rem 1fr}.app-content{padding:1.25rem}.timetable-controls{flex-direction:column;align-items:stretch}}.admin-import-page{background:0 0;max-width:72rem;padding:0}.import-progress.account-progress{grid-template-columns:repeat(5,minmax(0,1fr));max-width:54rem}.account-upload-card{gap:1rem;display:grid}.account-upload-card h2,.account-review-card h2,.account-result-card h2,.alias-card h2,.teacher-list-card h2,.account-roster h2{color:var(--navy-950);margin:0}.account-help{color:var(--muted);margin:0}.account-action-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.account-upload-card a.button-secondary:hover{color:#fff;background:var(--navy-700)}.account-review-card,.account-result-card,.alias-card,.teacher-list-card{gap:1rem;display:grid}.validation-error-list,.account-result-list,.teacher-account-list,.alias-chip-list,.account-compact-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.validation-error-list li{border-left:3px solid var(--danger);color:#783038;background:#fff4f5;border-radius:.35rem;padding:.65rem .75rem;font-size:.88rem}.account-result-list li,.teacher-account-list li,.account-compact-list li{border:1px solid var(--line);border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.8rem;display:flex}.teacher-account-list li>div,.account-compact-list li{gap:.15rem;min-width:0;display:grid}.teacher-account-list span,.account-compact-list span{color:var(--muted);overflow-wrap:anywhere;font-size:.82rem}.result-pill,.alias-chip-list li{width:fit-content;color:var(--muted);background:#eef1f5;border-radius:999px;padding:.3rem .55rem;font-size:.78rem;font-weight:750}.result-created{color:var(--success);background:#e9f6f0}.result-failed{color:var(--danger);background:#fff0f1}.account-roster{border:1px solid var(--line);background:#fff;border-radius:1rem;gap:.85rem;margin-top:1rem;padding:1.25rem;display:grid}.teacher-admin-grid{grid-template-columns:minmax(18rem,.9fr) minmax(24rem,1.1fr);gap:1rem;margin-top:1.5rem;display:grid}.teacher-admin-grid>.import-alert,.teacher-admin-grid>.account-upload-card{grid-column:1/-1}.alias-form{gap:.75rem;display:grid}.alias-form input,.alias-form select{width:100%;min-height:44px;color:var(--text);background:#fff;border:1px solid #cbd3df;border-radius:.55rem;padding:.55rem .65rem}.import-header h1{color:var(--navy-950);letter-spacing:-.035em;margin:.2rem 0 .35rem;font-size:clamp(1.65rem,3vw,2.25rem)}.page-eyebrow,.review-file{color:var(--blue-600);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.page-description{max-width:42rem;color:var(--muted);margin:0}.import-progress{grid-template-columns:repeat(3,minmax(0,1fr));max-width:36rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.import-progress li{color:#8992a4;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;display:flex;position:relative}.import-progress li:not(:last-child):after{content:"";background:#dbe1ea;flex:1;height:2px;margin-right:.45rem}.import-progress .is-active{color:var(--navy-950)}.import-progress .is-complete:after,.progress-number{background:var(--blue-600)}.progress-number{color:#fff;border-radius:999px;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.72rem;display:grid}.import-progress li:not(.is-active) .progress-number{background:#c7cfdb}.import-card{background:var(--surface);border:1px solid #e2e7ef;border-radius:1rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 .5rem 1.5rem #17233b0f}.import-history{margin-top:1rem}.history-heading,.history-item,.restore-confirm{align-items:center;gap:.75rem;display:flex}.history-heading,.history-item{justify-content:space-between}.history-heading h2{margin:.2rem 0 0;font-size:1.1rem}.history-empty{color:var(--muted);margin:1rem 0 0}.history-list{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.history-item{border:1px solid #e2e7ef;border-radius:.75rem;padding:.75rem}.history-item>div:first-child{gap:.3rem;display:grid}.history-status{width:fit-content;color:var(--muted);background:#eef1f5;border-radius:999px;padding:.2rem .45rem;font-size:.74rem;font-weight:750}.status-active{color:#265f48;background:#e9f6f0}.restore-confirm{flex-wrap:wrap;justify-content:flex-end}.restore-confirm p{color:#8f2f35;text-align:right;flex-basis:100%;margin:0;font-size:.82rem}.import-drop-card,.import-busy,.import-success{text-align:center;align-content:center;place-items:center;gap:.65rem;min-height:22rem;display:grid}.import-drop-card h2,.import-drop-card p,.import-busy h2,.import-busy p,.import-success h2,.import-success p{margin:0}.import-drop-card>p,.import-busy>p,.import-success>p{color:var(--muted)}.import-large-icon,.success-icon{width:4rem;height:4rem;color:var(--blue-600);background:#edf1ff;border-radius:1rem;place-items:center;display:grid}.import-large-icon svg,.success-icon svg{width:2rem;height:2rem}.button-primary,.button-secondary,.button-ghost{cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;min-height:44px;padding:.65rem 1rem;font-weight:750;display:inline-flex}.button-primary{color:#fff;background:var(--navy-950);border:0}.button-secondary{color:var(--navy-950);background:#fff;border:1px solid #cbd3df}.button-ghost{color:var(--blue-600);background:#edf1ff;border:0}.button-primary:disabled{cursor:not-allowed;color:#f5f6f8;background:#a7afbc}.selected-file{overflow-wrap:anywhere;min-height:1.5rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.review-heading,.review-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.review-heading h2{margin:.25rem 0 0;font-size:1.2rem}.import-metrics{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0;display:grid}.import-metric{background:#f5f7fb;border-radius:.75rem;gap:.15rem;padding:1rem;display:grid}.import-metric strong{color:var(--navy-950);font-size:1.25rem}.import-metric span{color:var(--muted);font-size:.82rem}.import-warning-area,.import-sample{border-top:1px solid #e7ebf1;padding-top:1rem}.import-warning-area h3,.import-sample h3{margin:0 0 .75rem;font-size:1rem}.warning-list{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.warning-list li,.status-ok{border-radius:.5rem;padding:.45rem .65rem;font-size:.85rem}.warning-info,.status-ok{color:#265f48;background:#e9f6f0}.warning-blocking,.blocking-note,.import-alert.is-error{color:#8f2f35}.warning-blocking{background:#fff0f1}.table-scroll{overflow-x:auto}.import-sample table{border-collapse:collapse;width:100%;font-size:.88rem}.import-sample th,.import-sample td{text-align:left;white-space:nowrap;border-bottom:1px solid #e7ebf1;padding:.7rem .5rem}.import-sample th{color:var(--muted);font-size:.75rem}.review-actions{margin-top:1.25rem}.review-actions p{margin:0;font-size:.88rem}.review-note{justify-items:start;gap:.65rem;display:grid}.alias-link{width:fit-content;text-decoration:none}.admin-import-page a.button-secondary:hover{color:#fff;background:var(--navy-700)}.ready-note{color:#265f48}.import-alert{color:#3157be;background:#edf1ff;border-radius:.65rem;margin:0 0 .75rem;padding:.8rem 1rem}.import-alert.is-error{background:#fff0f1}.import-live{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.spinner{border:4px solid #dbe2f7;border-top-color:var(--blue-600);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite import-spin}@keyframes import-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){.app-shell{padding-bottom:5rem;display:block}.app-sidebar,.sidebar-nav{display:none}.app-content{padding:1rem}.import-progress li>span:last-child{display:none}.account-progress{max-width:none}.teacher-admin-grid{grid-template-columns:minmax(0,1fr)}.account-action-row,.account-action-row>*,.teacher-account-list li,.teacher-account-list button{width:100%}.teacher-account-list li{flex-direction:column;align-items:stretch}.import-metrics{grid-template-columns:1fr}.review-heading,.review-actions,.history-item{flex-direction:column;align-items:stretch}.restore-confirm{justify-content:stretch}.restore-confirm button,.history-item>button{width:100%}.mobile-nav{padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));color:#fff;background:var(--navy-950);display:block;position:fixed;inset:auto 0 0}.mobile-nav ul{grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));margin:0}.mobile-nav a{text-align:center;flex-direction:column;justify-content:center;gap:.15rem;min-height:56px;font-size:.72rem}.timetable-page-header{display:block}.timetable-header-meta{width:fit-content;margin-top:.75rem}.week-navigation{grid-template-columns:1fr 1fr;display:grid}.week-date-field,.week-range-label{grid-column:1/-1}.week-date-field input{width:100%}.week-today-button{grid-column:1/-1}.week-range-label{grid-row:1;margin:0}.timetable-controls,.student-controls{flex-direction:column;align-items:stretch;margin-top:1rem}.timetable-controls .date-navigation,.student-controls .date-navigation{order:2}.timetable-filters{grid-template-columns:1fr 1fr;display:grid}.filter-field select{width:100%;min-width:0}.summary-date,.desktop-timetable{display:none}.day-cards{gap:.65rem;display:grid}.student-view-switch{width:fit-content;display:flex}.student-week{display:block}.student-week .day-cards{margin-top:0}.student-week+.day-cards{display:none}.personal-priority{flex-direction:column;align-items:flex-start}}