/* 관리자(/admin)·학생(/learn) 화면 공통 스타일. 색은 홈페이지(index.html)와 같음 */
:root{
  --blue:#2155A0; --blue-dark:#173E78; --blue-soft:#E8EEF8;
  --yellow:#EDB70F; --yellow-soft:#FFF4D1;
  --ink:#1B2333; --muted:#5B6578; --bg:#FFFDF7; --card:#FFFFFF; --line:#E6E2D6;
  --red:#C2412D; --green:#2E7D4F;
  --radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;word-break:keep-all;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:var(--blue)}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}

.topbar{position:sticky;top:0;z-index:20;background:rgba(255,253,247,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar .in{max-width:1080px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;gap:16px}
.topbar img{height:26px}
.topbar .hub{font-size:17px;font-weight:800;color:var(--ink);padding-left:14px;border-left:2px solid var(--line);white-space:nowrap}
.topbar .tag{font-size:13px;font-weight:800;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:3px 10px}
.topbar .who{margin-left:auto;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.topbar .who b{color:var(--ink)}

.page{max-width:1080px;margin:0 auto;padding:32px 20px 80px}
h1{font-size:26px;letter-spacing:-.02em;margin-bottom:6px}
.sub{color:var(--muted);font-size:15px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:999px;font-weight:700;font-size:15px;border:0;cursor:pointer;background:var(--blue);color:#fff;white-space:nowrap}
.btn:hover{background:var(--blue-dark)}
.btn:disabled{opacity:.55;cursor:default}
.btn.line{background:#fff;color:var(--blue);border:2px solid var(--blue);padding:8px 16px}
.btn.line:hover{background:var(--blue-soft)}
.btn.ghost{background:none;color:var(--muted);padding:6px 10px;font-weight:600}
.btn.ghost:hover{color:var(--ink);background:var(--blue-soft)}
.btn.danger{background:#fff;color:var(--red);border:2px solid #F0C9C1;padding:8px 16px}
.btn.danger:hover{background:#FDF1EE}
.btn.small{padding:6px 12px;font-size:13.5px}

/* 로그인 카드 */
.center{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:32px 16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px;width:100%;max-width:400px;box-shadow:0 10px 30px rgba(27,35,51,.05)}
.card h1{font-size:22px}
.card .sub{margin-bottom:22px}

.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-size:14px;font-weight:700}
.field .hint{font-size:12.5px;color:var(--muted)}
.field input,.field select,.field textarea{border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;background:#fff;outline:none;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.check{display:flex;align-items:center;gap:8px;font-size:14.5px;margin:4px 0 14px}
.check input{width:18px;height:18px;accent-color:var(--blue)}

.msg{border-radius:12px;padding:11px 14px;font-size:14px;margin-bottom:14px}
.msg.err{background:#FDF1EE;color:var(--red)}
.msg.ok{background:#EAF6EF;color:var(--green)}
.msg.info{background:var(--yellow-soft);color:#6B5400}

/* 탭 + 목록 */
.tabs{display:flex;gap:8px;margin:24px 0 18px;border-bottom:2px solid var(--line)}
.tabs button{background:none;border:0;padding:10px 6px;margin-bottom:-2px;font-weight:700;font-size:16px;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer}
.tabs .tabsep{flex:none;width:1px;background:var(--line);margin:10px 4px 12px}
.tabs .tabsep[hidden]{display:none}
.tabs button.on{color:var(--blue);border-color:var(--blue)}
.tabs .count{font-size:13px;font-weight:700;background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:1px 8px;margin-left:4px}

.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.toolbar input[type=search]{flex:1;min-width:180px;border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;background:#fff;outline:none}
.toolbar input[type=search]:focus{border-color:var(--blue)}
.toolbar .check{margin:0}

.list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
table{width:100%;border-collapse:collapse;font-size:15px}
th{text-align:left;font-size:13px;color:var(--muted);font-weight:700;padding:12px 16px;background:#FBFAF5;border-bottom:1px solid var(--line)}
td{padding:12px 16px;border-bottom:1px solid #F0EDE4;vertical-align:middle}
tr:last-child td{border-bottom:0}
td .uid{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;color:var(--muted)}
tr.off td{color:#A3A9B5}
.pill{display:inline-block;font-size:12.5px;font-weight:700;border-radius:999px;padding:2px 10px}
.pill.on{background:#EAF6EF;color:var(--green)}
.pill.off{background:#F1F1EE;color:#8A8F99}
.pill.dir{background:var(--yellow-soft);color:#8A6A00}
.empty{padding:40px 16px;text-align:center;color:var(--muted)}

/* 대화상자 */
dialog{margin:auto;border:0;border-radius:var(--radius);padding:0;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);box-shadow:0 24px 60px rgba(27,35,51,.25)}
dialog::backdrop{background:rgba(27,35,51,.45)}
dialog form{padding:28px}
dialog h2{font-size:20px;margin-bottom:18px}
dialog .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}
dialog .actions .left{margin-right:auto}
.sep{border:0;border-top:1px dashed var(--line);margin:8px 0 16px}

@media (max-width:700px){
  .topbar .in{padding:0 14px;gap:10px}
  .topbar .tag,.topbar .who .nm{display:none}
  .topbar .hub{font-size:15px;padding-left:10px}
  .page{padding:24px 14px 64px}
  .row2{grid-template-columns:1fr}
  /* 좁은 화면에서는 표를 카드처럼 */
  thead{display:none}
  table,tbody,tr,td{display:block;width:100%}
  tr{padding:12px 16px;border-bottom:1px solid #F0EDE4}
  td{padding:2px 0;border:0}
  td[data-k]::before{content:attr(data-k);display:inline-block;width:56px;font-size:12.5px;color:var(--muted);font-weight:700}
  td.act{margin-top:8px}
}

/* 학생 목록·카드·엑셀 등록 */
.toolbar select{border:1.5px solid var(--line);border-radius:999px;padding:9px 14px;background:#fff;outline:none}
.namebtn{background:none;border:0;padding:0;font-weight:800;font-size:15.5px;color:var(--blue);cursor:pointer;text-decoration:underline;text-decoration-color:rgba(33,85,160,.3);text-underline-offset:3px}
.namebtn:hover{text-decoration-color:var(--blue)}
tr.off .namebtn{color:#8A8F99}
.uid.small,.sub.small{font-size:12.5px}
.code{display:inline-block;font-size:12px;font-weight:800;color:var(--blue);background:var(--blue-soft);border-radius:6px;padding:0 6px;margin-right:2px}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.card-head h2{margin-bottom:2px}
.card-head .sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.info-grid{display:grid;grid-template-columns:76px 1fr;gap:8px 12px;font-size:14.5px;margin:4px 0 14px}
.info-grid dt{color:var(--muted);font-weight:700}
dialog.wide{width:min(980px,calc(100vw - 32px))}
.steps-mini{margin:0 0 16px 20px;font-size:14.5px;color:var(--muted);display:grid;gap:8px}
.steps-mini b{color:var(--ink)}
.steps-mini label.btn{cursor:pointer}
.xlist{max-height:46vh;overflow:auto;margin-bottom:12px}
.xlist table{font-size:13.5px}
.xlist th,.xlist td{padding:8px 10px;white-space:nowrap}
.xlist th{position:sticky;top:0}
tr.x-bad td,tr.x-fail td{background:#FDF1EE;color:var(--red)}
tr.x-done td{background:#EAF6EF}
.auto{font-family:Pretendard,sans-serif;font-size:11px;font-weight:700;color:#8A6A00;background:var(--yellow-soft);border-radius:6px;padding:0 5px}
@media (max-width:700px){
  .toolbar select{flex:1}
  .xlist table,.xlist tbody,.xlist tr,.xlist td{display:revert}
  .xlist thead{display:table-header-group}
}

/* 여러 명 선택 · 가입 안내 */
th.ck,td.ck{width:36px;padding-right:0}
td.ck input,th.ck input{width:18px;height:18px;accent-color:var(--blue);vertical-align:middle}
tr.picked td{background:#F3F7FD}
.bulkbar{position:sticky;top:72px;z-index:5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--ink);color:#fff;border-radius:16px;padding:10px 14px;margin-bottom:12px;box-shadow:0 10px 24px rgba(27,35,51,.18)}
.bulkbar b{margin-right:4px}
.bulkbar .grp{display:inline-flex;gap:6px;align-items:center}
.bulkbar select,.bulkbar input{border:0;border-radius:999px;padding:7px 12px;font-size:14px;background:#fff;color:var(--ink)}
.bulkbar .btn.line{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.bulkbar .btn.danger{background:transparent;color:#FFB4A6;border-color:rgba(255,180,166,.6)}
.bulkbar .btn.ghost{color:rgba(255,255,255,.75)}
.bulkbar .btn.ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.invite{border:1px solid var(--line);background:#fff;border-radius:999px;font-size:12px;font-weight:700;color:var(--muted);padding:1px 8px;margin-left:4px;cursor:pointer;white-space:nowrap}
.invite:hover{border-color:var(--blue);color:var(--blue)}
@media (max-width:700px){
  td.ck{position:absolute;right:16px;margin-top:2px;width:auto}
  tr{position:relative}
  th.ck{display:none}
  .bulkbar{top:64px}
}

/* 표 제목·짧은 칸은 가운데, 이름·긴 글은 왼쪽 */
.list th{text-align:center}
.list td{text-align:center}
.list td:has(.namebtn),.list td.pre,.list td.left{text-align:left}
.list td.act{text-align:right}
.nowrap{white-space:nowrap}
.pre{white-space:pre-wrap;word-break:keep-all}
tr.click{cursor:pointer}
tr.click:hover td{background:#F7F9FD}
.pill.late{background:#FDF1EE;color:var(--red)}
tr.late td{background:#FFF8F6}
.tabs{overflow-x:auto;scrollbar-width:none}
.tabs button{white-space:nowrap}

/* 학생 카드 안 구역 · 상담 기록 */
dialog.mid{width:min(680px,calc(100vw - 32px))}
.sect{border-top:1px dashed var(--line);padding:12px 0 4px}
.sect-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.sect-h h3{font-size:15.5px}
.sect .info-grid{margin:0 0 6px}
ul.mini{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:4px;font-size:14.5px}
ul.mini .d{font-weight:700;color:var(--muted);margin-right:6px;font-size:13.5px}
.row2.narrow-first{grid-template-columns:170px 1fr}
.co-list{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.co-list h3{font-size:15px;margin-bottom:8px;color:var(--muted)}
.co-item{background:#FBFAF5;border:1px solid #F0EDE4;border-radius:14px;padding:10px 14px;margin-bottom:8px}
.co-meta{display:flex;align-items:center;gap:8px}
.co-meta .btn{margin-left:auto;padding:2px 8px}
.co-item p{margin-top:4px;font-size:14.5px}

/* 반별 상황 */
.classboard{display:grid;gap:22px}
.tgroup h2{font-size:19px;display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.code.big{font-size:15px;padding:2px 9px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.cbox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px}
.cbox-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:15px}
.cbox-h .n{font-size:13px;font-weight:800;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:1px 9px}
.cbox ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.cbox li{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cbox .namebtn{font-size:15px}
.lv{font-size:11.5px;font-weight:800;color:#8A6A00;background:var(--yellow-soft);border-radius:6px;padding:0 6px}
@media (max-width:700px){
  .list td{text-align:left}
  .list td.act{text-align:left}
  .row2.narrow-first{grid-template-columns:1fr}
}

/* NEW 표시 */
.newb{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:.02em;color:#fff;background:#E5484D;border-radius:999px;padding:1px 6px;margin-left:4px;vertical-align:2px;white-space:nowrap}
.newb.co{background:var(--blue)}

/* 수납 */
.paynav{display:inline-flex;gap:4px;background:#F1EFE7;border-radius:999px;padding:4px;margin-bottom:14px;flex-wrap:wrap}
.paynav button{border:0;background:none;border-radius:999px;padding:7px 16px;font-weight:700;font-size:14.5px;color:var(--muted);cursor:pointer}
.paynav button.on{background:#fff;color:var(--blue);box-shadow:0 1px 4px rgba(27,35,51,.12)}
.paybar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.paybar .grp{display:flex;gap:8px;flex-wrap:wrap}
.paybar label.btn{cursor:pointer}
.paybar select,select.fee{border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;background:#fff;margin-right:6px}
select.fee{font-size:13.5px;padding:4px 8px;margin:0}
.list td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px;display:flex;flex-direction:column}
.kpi span{font-size:13px;font-weight:700;color:var(--muted)}
.kpi b{font-size:24px;color:var(--blue);letter-spacing:-.02em}
.kpi small{color:var(--muted)}
.payh{font-size:16px;margin:18px 0 8px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.barcell{width:34%}
.bar{display:block;height:10px;border-radius:999px;background:var(--yellow);min-width:4px}
.pdsum{font-size:14.5px;margin-bottom:12px;line-height:1.8}
.err-t{color:var(--red)}
@media (max-width:700px){
  .two{grid-template-columns:1fr}
  .barcell{display:none!important}
  .list td.num{text-align:left}
}

/* 영수증: 화면에서는 숨기고 인쇄할 때만 */
#printArea{display:none}
.wrpdf{width:186mm;margin:0 auto;color:#111;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.wrpdf-head{display:flex;align-items:baseline;gap:3mm;border-bottom:2px solid var(--blue);padding-bottom:2mm;margin-bottom:4mm}
.wrpdf-head img{height:5mm;align-self:center}.wrpdf-head span{font-size:10pt;color:var(--muted);margin-right:auto}
.wrpdf-head b{font-size:13pt}.wrpdf-head small{font-size:10pt;color:var(--muted)}
.wrpdf .wcheck{border:0;padding:0;box-shadow:none;font-size:11pt}
.wrpdf .wcheck li,.wrpdf .wfix{break-inside:avoid}
.wrpdf .wcheck h4{break-after:avoid}
@media print{
  @page{size:A4;margin:9mm}
  body.printing>*{display:none!important}
  body.printing #printArea{display:block!important}
  body.printing{background:#fff}
}
.rc-page{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:66.5mm;gap:3mm 5mm;width:190mm;margin:0 auto;page-break-after:always;break-after:page}
.rc-page:last-child{page-break-after:auto;break-after:auto}
.receipt{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1.5px solid #333;color:#111;display:flex;flex-direction:column;overflow:hidden;break-inside:avoid}
.rc-top{display:flex;align-items:center;justify-content:center;gap:2.5mm;height:8.5mm;border-bottom:1.5px solid #333}
.rc-top img{height:3.8mm}
.rc-top h1{font-size:12.5pt;font-weight:800;letter-spacing:.02em;margin:0;color:#111}
.receipt table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;flex:1}
.receipt th,.receipt td{border:1px solid #555;padding:0 1.5mm;font-size:9pt;color:#111;text-align:center;line-height:1.25}
.receipt table{display:table!important}
.receipt tbody{display:table-row-group!important}
.receipt colgroup{display:table-column-group!important}
.receipt col{display:table-column!important}
.receipt tr{display:table-row!important;padding:0;border:0;position:static}
.receipt th,.receipt td{display:table-cell!important;width:auto}
.receipt tr>*:first-child{border-left:0}
.receipt tr>*:last-child{border-right:0}
.receipt tr:last-child td{border-bottom:0}
.receipt th{background:#D9D9D9;font-weight:700}
.receipt th.hd{letter-spacing:.1em}
.receipt td.big{font-size:10.5pt;letter-spacing:.05em}
.receipt td.amt{font-size:11pt;height:7.5mm}
.receipt td.rc-foot{height:19mm;padding:1.5mm 2mm 1mm;position:relative;font-size:8.5pt}
.rc-foot p{margin:0 0 1.2mm}
.rc-foot .d{margin-bottom:1.5mm}
.rc-foot .sign{margin:0;white-space:nowrap}
.rc-foot .sign b{font-size:10.5pt;font-weight:600;margin:0 1mm}
.rc-foot .by{font-size:8pt}
.seal{position:absolute;right:3mm;bottom:.5mm;width:12mm;height:12mm;opacity:.9}
input.amt{width:96px;text-align:right;border:1.5px solid var(--line);border-radius:10px;padding:4px 8px;background:#fff;font-variant-numeric:tabular-nums}
input.amt.changed{border-color:var(--yellow);background:var(--yellow-soft);font-weight:700}
.cbox.opt{background:var(--yellow-soft);border-color:#F1DE9A}

/* 교재 드롭다운 · 이력 · 학습 배정 */
.field .bookpick + input{margin-top:6px}
.bl-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;max-height:56vh;overflow:auto}
.bl-fields textarea{font-size:14px}
ul.hist li{line-height:1.6}
ul.hist .hk{font-size:12px;font-weight:800;color:var(--blue);background:var(--blue-soft);border-radius:6px;padding:0 5px}
@media (max-width:700px){.bl-fields{grid-template-columns:1fr}}
.cellbtn{background:none;border:0;padding:0;font:inherit;color:var(--ink);cursor:pointer;text-decoration:underline dotted rgba(33,85,160,.5);text-underline-offset:3px}
.cellbtn:hover{color:var(--blue);text-decoration-color:var(--blue)}
.xbtn{border:0;background:none;color:#B0B5BF;font-size:16px;line-height:1;cursor:pointer;padding:0 4px;margin-left:4px}
.xbtn:hover{color:var(--red)}
.fhist{list-style:none;display:grid;gap:8px;margin-bottom:10px}
.fhist li{background:#FBFAF5;border:1px solid #F0EDE4;border-radius:12px;padding:10px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.fhist li.now{background:var(--blue-soft);border-color:#C9D7EF}
.fhist li .sub{width:100%}

/* 파닉스 탭 */
.phlevel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:16px}
.phlevel .list{border-radius:12px}
.phlhead{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.phlhead input{border:1px solid var(--line);border-radius:10px;padding:7px 10px}
.phlhead > input{flex:1;min-width:200px;font-weight:800;font-size:16px}
.phlhead input[type=number]{width:70px}
.phlhead label{font-size:14px;color:var(--muted);font-weight:600}
.phskips{display:grid;gap:10px;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.phskip{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px}
.phskip b{width:100%;font-size:13.5px;color:var(--muted)}
.phset{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;max-width:720px}
.phset input[type=number]{width:70px;border:1px solid var(--line);border-radius:10px;padding:6px 8px}
.phset input[type=range]{width:220px;vertical-align:middle}
.phskip .check{margin:0}
.phskip .check.all{width:100%}
.phskip .check.all b{width:auto;color:var(--ink)}
/* 보호자 연락처 여러 명 */
.contacts{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.crow{display:grid;grid-template-columns:82px minmax(0,.9fr) minmax(0,1.5fr) 52px 30px;gap:6px;align-items:center}
.crow .pill{text-align:center;padding:2px 0}
.crow select,.crow input{min-width:0}
.list tfoot td{border-top:2px solid var(--line);background:#FBFAF5;font-size:14px}
.grouprow td{background:#F4F7FB;text-align:left!important;font-size:13.5px;color:var(--muted);padding:8px 14px!important}
.grouprow b{color:var(--ink)}
.pline{white-space:nowrap;line-height:1.7}
.pline.hit{font-weight:700}
.ctag{display:inline-block;font-size:11.5px;font-weight:700;color:var(--blue,#2155A0);background:#EEF3FA;border-radius:6px;padding:0 6px;margin-right:2px}
@media (max-width:560px){.crow{grid-template-columns:80px minmax(0,1fr) 52px 30px}.crow [data-k=phone]{grid-column:1 / -1;grid-row:2}}
.billtag{font-size:11px;font-weight:700;color:#8A6A00;background:#FDF3D3;border-radius:6px;padding:0 6px}
.billpick{display:flex;align-items:center;gap:4px;cursor:pointer;color:var(--muted,#6B7280)}
.billpick input{margin:0 2px 0 0;accent-color:var(--blue,#2155A0)}
.billpick.on{color:inherit;font-weight:600}
/* 쓰기 첨삭 (MY WRITING CHECK): 원문 검은색, 고친 곳은 파란 취소선 + 바로 아래 파란 정답 */
.wcheck{--wfix:#2678D4;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;color:#1B1B1B}
.wcheck .whead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:6px}
.wcheck h3{margin:0;font-size:21px;letter-spacing:.02em}
.wcheck .wlevel{font-weight:700;font-size:14.5px}.wcheck .wlevel small{color:var(--muted);font-weight:600}
.wcheck section{padding:14px 0;border-bottom:1px solid var(--line)}.wcheck section:last-child{border-bottom:0;padding-bottom:0}
.wcheck h4{margin:0 0 8px;font-size:15px;color:var(--muted);letter-spacing:.03em}
.wcheck .wgood p{margin:0;font-size:16px;line-height:1.6}
.wcheck .wtitle{font-weight:800;font-size:18px;margin:0 0 6px}
.wtext{font-size:19px;line-height:1.5}
.wtext p{margin:0 0 .9em;line-height:2.9}
.wfix{display:inline-flex;flex-direction:column;align-items:center;vertical-align:baseline;line-height:1.45;margin:0 1px}
.wfix .wtop{line-height:1.45}
.wfix .wtop s{color:inherit;text-decoration:line-through;text-decoration-color:var(--wfix);text-decoration-thickness:2px}
.wfix .wbot{color:var(--wfix);font-weight:700;font-size:.86em;line-height:1.15;white-space:nowrap}
.wfix.ins .wtop{color:var(--wfix);font-weight:800}
.wfix sup{font-size:.62em;margin-left:1px;font-weight:700}
.wfix[role=button]{cursor:pointer;border-radius:6px}.wfix[role=button]:hover{background:#EEF5FD}
.wtext mark{background:#FFF1B8;border-radius:4px;padding:0 2px}
.wwhy{margin:0;padding-left:1.4em;line-height:1.7;font-size:15.5px}.wwhy li::marker{color:var(--wfix);font-weight:800}
.wtips{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wtips li{background:#F7F9FC;border-radius:12px;padding:10px 14px}.wtips b{font-size:14px;color:var(--blue)}.wtips p{margin:2px 0 0;line-height:1.6}
.wtry{font-size:15px;margin-top:4px}
.wcheck h4 small{font-size:12px;font-weight:600;color:var(--muted);margin-left:4px}
.wup{display:inline-block;font-size:12px!important;padding:2px 9px;border-radius:99px;background:#E6F0FB;margin-bottom:4px}.wup.adv{background:#FDF3D3;color:#8A6A00!important}
.wst li.ok{background:#F1F9F3}.wst li.ok b{color:#2E7D46}.wst li.bad{background:#FFF6E5;border-left:4px solid #EDB70F}.wst li.bad b{color:#9A6B00}.wst b small{font-weight:600;color:var(--muted);margin-left:4px}
.wbetter{color:#2678D4;font-weight:700}.wups p{font-size:14px;color:var(--muted)}.wtry span{display:inline-block;min-width:62px;font-size:12px;font-weight:800;color:var(--muted)}
@media (max-width:560px){.wcheck{padding:16px 14px}.wtext{font-size:17px}}
/* 관리자 쓰기 첨삭 탭 */
.wrview{display:grid;gap:16px}
.wrnew{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.wrnew .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.wrtitle{display:flex;gap:8px;align-items:center;margin:8px 0 4px;max-width:520px}.wrtitle label{font-weight:700;font-size:14px;white-space:nowrap}.wrtitle input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff;outline:none;font-size:15px}.wrtitle input:focus{border-color:var(--blue)}
.wrthumbs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.wrthumbs figure{margin:0;position:relative}.wrthumbs img{width:92px;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.wrthumbs button{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;border:0;background:var(--ink);color:#fff;cursor:pointer}
.wrwork{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;align-items:start}
.wrphotos img{width:100%;border-radius:12px;border:1px solid var(--line);margin-bottom:8px}
.wrnote{background:#FFF8E1;border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:10px}
.wredit{display:grid;gap:8px;margin-top:12px}.wredit textarea{width:100%;min-height:58px}
.wrbusy{display:flex;align-items:center;gap:10px;padding:16px;color:var(--muted)}
.wrbusy i{width:18px;height:18px;border:3px solid var(--blue-soft);border-top-color:var(--blue);border-radius:50%;animation:wrspin 1s linear infinite}
@keyframes wrspin{to{transform:rotate(360deg)}}
@media (max-width:860px){.wrwork{grid-template-columns:1fr}}
dialog.xwide{width:min(1280px,96vw)}
.wrcmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.wrcol h3{margin:0 0 6px;font-size:16px}.wrcol .wcheck{padding:14px;font-size:14px}.wrcol .wtext{font-size:16px}.wrcol .btn{margin-top:8px}
.wrcost{margin:0 0 8px;font-size:14px}
@media (max-width:900px){.wrcmp{grid-template-columns:1fr}}

/* 레벨테스트 성적표 (assets/leveltest.js) */
.lttabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.lttabs button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font:inherit;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer}
.lttabs button.on{border-color:var(--blue);background:var(--blue);color:#fff}
.ltreport{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:8px}
.lthead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-bottom:2px solid var(--blue);padding-bottom:10px;margin-bottom:14px}
.lthead h4{margin:0;font-size:18px;color:var(--blue)}
.lthead p{margin:2px 0 0;color:var(--muted);font-size:14px}
.lthead>span{font-weight:700;color:var(--muted);white-space:nowrap}
.lttotal{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}
.lttotal>div{background:#EAF1FB;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.lttotal small{font-weight:700;color:var(--muted)}
.lttotal b{font-size:28px;color:var(--blue);letter-spacing:-.02em}
.lttotal>div:first-child b{font-size:34px}
.lttotal>div:first-child>span{font-size:14px;color:var(--muted);font-weight:600}
.lttot b{color:var(--blue);font-size:16px}
.lttot small{color:var(--muted);font-size:12px;margin-left:4px}
.lttotal .lttr{background:#FFF8E1}
.ltbar{position:relative;height:10px;background:#E6EBF2;border-radius:99px;margin:22px 0 6px}
.ltbar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#9DB7DD,var(--blue));border-radius:99px}
.ltbar span{position:absolute;top:-21px;transform:translateX(-50%);font-size:12px;font-weight:700;color:var(--blue);white-space:nowrap}
.ltchart{border:1px solid var(--line);border-radius:14px;padding:12px 16px 8px;margin-bottom:14px}
.ltrow{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:8px;margin:8px 0}
.ltrow b{font-size:14px}
.lttrack{position:relative;height:16px;background:#F3F5F9;border-radius:6px}
.lttrack .me{position:absolute;left:0;top:0;bottom:0;background:var(--blue);border-radius:6px}
.lttrack .avg{position:absolute;top:-4px;bottom:-4px;width:4px;margin-left:-2px;background:#EDB70F;border-radius:2px;z-index:1}
.ltticks{position:relative;height:16px;font-size:11px;color:var(--muted)}
.ltticks span{position:absolute;transform:translateX(-50%)}
.ltlegend{font-size:12px;color:var(--muted);margin:6px 0 0;display:flex;align-items:center;gap:6px}
.ltlegend span{display:inline-block;width:14px;height:8px;border-radius:3px;background:var(--blue)}
.ltlegend span.avg{width:4px;height:12px;background:#EDB70F;margin-left:8px}
.ltcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.ltcard{border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.ltcard h5{margin:0;font-size:15px}
.ltcard h5 small{color:var(--muted);font-weight:500}
.ltcard .ltpct{font-size:26px;font-weight:800;color:var(--blue);margin:4px 0 0;line-height:1.2}
.ltcard .ltpct small{font-size:13px;font-weight:700;color:var(--muted)}
.ltcard .ltlv{font-size:13.5px;font-weight:600;color:var(--muted);margin:2px 0 0}
.ltcard ul{list-style:none;padding:0;margin:4px 0 0;font-size:13px}
.ltcard li{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-top:1px dashed var(--line)}
.ltcard li span{color:var(--muted)}
.ltcard li b{text-align:right}
.lthistory{margin-top:18px}
.lthistory h4{margin:0 0 8px}
.lthistory h4 small{color:var(--muted);font-weight:500}
.lthist{width:100%;max-width:640px;height:auto;display:block;margin-bottom:8px}
.lthist polyline{fill:none;stroke:var(--blue);stroke-width:3}
.lthist circle{fill:#EDB70F;stroke:var(--blue);stroke-width:2}
.lthist text{font-size:13px;font-weight:700;fill:var(--blue)}
.lthist text.ax{font-size:11px;font-weight:500;fill:var(--muted)}
.lttable{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
.lttable th,.lttable td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:center}
.lttable td small{display:block;color:var(--muted);font-size:12px}
.lttable td b{font-size:16px;color:var(--blue)}
@media (max-width:600px){.lttotal{grid-template-columns:1fr}.ltreport{padding:14px}}

/* 대기 명단 (원장) — 줄 색은 carrie 시트와 같게: 노랑 등록, 연두 상담, 회색 연락 없음 */
.wltable tr.w1 td{background:#EEF4FC}
.wltable tr.w2 td{background:#ECECEC}
.wltable tr.w3 td{background:#E3F5D8}
.wltable tr.w4 td{background:#FFF7B8}
.wltable tr.w5 td{background:#D2D2D2;color:#555}
.wlpill{display:inline-block;font-size:12.5px;font-weight:700;border-radius:999px;padding:2px 10px;background:#fff;border:1px solid var(--line)}
.wlpill.w1,.wlchips .w1.on,select.wlst.w1{background:#D6E6FA;border-color:#A9C7EE}
.wlpill.w2,.wlchips .w2.on,select.wlst.w2{background:#D9D9D9;border-color:#B5B5B5}
.wlpill.w3,.wlchips .w3.on,select.wlst.w3{background:#C9EDB4;border-color:#98D17A}
.wlpill.w4,.wlchips .w4.on,select.wlst.w4{background:#FFEE58;border-color:#E2CB12}
.wlpill.w5,.wlchips .w5.on,select.wlst.w5{background:#9E9E9E;border-color:#888;color:#fff}
.wlchips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.wlchips button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:700;cursor:pointer}
.wlchips button b{font-weight:800;color:var(--muted);margin-left:2px}
.wlchips button.on{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}
.wlchips button.on:not([class*=w]),.wlchips button.on.w0{background:var(--blue-soft)}
.wlbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.wlbar select{border:1.5px solid var(--line);border-radius:10px;padding:6px 10px;background:#fff}
.wlbar .grp{display:inline-flex;gap:6px;align-items:center;margin-left:auto}
select.wlst{border:1.5px solid var(--line);border-radius:999px;padding:3px 8px;font-size:13.5px;font-weight:700;background:#fff}
.wlclip{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:300px;font-size:14px}
.wlold{font-size:11.5px;font-weight:700;color:var(--red);white-space:nowrap}
.wlsoon{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:12px;padding:10px 14px;border-radius:12px;background:#E3F5D8}
.wlinfo{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px;margin:-4px 0 14px;padding:10px 14px;background:#FAF8F2;border-radius:12px}
.wlinfo dt{color:var(--muted);font-weight:700}
.wladd{display:flex;gap:6px}
.wladd input{flex:1}
.wlofrow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 0;border-top:1px solid var(--line)}
.wlofrow .grp{margin-left:auto;display:inline-flex;gap:6px}
.wlofrow.done b::after{content:" ✓";color:var(--green)}
.wloflist{margin:12px 0}
@media (max-width:720px){ .wlclip{max-width:none} .wlbar .grp{margin-left:0} }
.linkbtn{border:0;background:none;color:var(--blue);text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}
.wltable td[data-k="영어 수준"],.wltable td[data-k="최근 메모"]{text-align:left}
.wltable .wlclip{min-width:220px;max-width:none}
.wltable th,.wltable td{padding-left:8px;padding-right:8px}
.wlbar select{max-width:100%}
.wlsch{display:block;line-height:1.3}
.wltable .wlclip{overflow-wrap:anywhere}
.wltable td[data-k="연락처"]{overflow-wrap:anywhere;min-width:120px}
.wltable td[data-k="학년"],.wltable td[data-k="학년"] .nowrap{overflow-wrap:anywhere;white-space:normal;min-width:70px}
.wltable td:has(.namebtn){min-width:0;width:96px;text-align:center}
.wltable td[data-k="학년"]{width:84px}
.wltable td[data-k="신청일"]{width:90px}
.wltable td[data-k="영어 수준"],.wltable td[data-k="최근 메모"]{width:30%}
.wltable td[data-k="연락처"] a.nowrap{white-space:nowrap}
.wltable td[data-k="신청일"] .wlold{display:block}
.wltable .wlold{color:#B08A7F;font-weight:600}
.wlweb{font-size:11.5px;font-weight:700;color:var(--blue);white-space:nowrap}
.wlagain{font-size:11.5px;font-weight:700;color:#8A5A00;background:var(--yellow-soft);border-radius:999px;padding:1px 7px;white-space:nowrap}
.wlprev{font-size:14px;margin:-4px 0 14px;padding:10px 14px;background:var(--yellow-soft);border-radius:12px}