:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--ink:#111827;--muted:#5b6474;--line:#e3e6eb;--rule:#2b2f36;--rule-soft:#b9bec7;--field:#f7f8fa;--brand:#1d3f72;--brand-soft:#eef3fa;--accent:#c98a12;--accent-soft:#fbf1dc;--good:#1f7a4d;--good-soft:#e3f3ea;--warn:#a4570b;--warn-soft:#fbeedd;--bad:#b3261e;--bad-soft:#fbe5e3;--font-display:"Anuphan", "Sarabun", system-ui, sans-serif;--font-body:"Sarabun", "Leelawadee UI", "Tahoma", system-ui, sans-serif;--radius:10px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6}[hidden]{display:none!important}.wrap{gap:20px;max-width:1000px;margin:0 auto;padding-block:20px 48px;padding-inline:16px;display:grid}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:1.3}h1{font-size:1.45rem}h2{font-size:1.2rem}h3{font-size:1.02rem}p{margin:0}.muted{color:var(--muted)}.small{font-size:.88rem}header.school{align-items:center;gap:14px;display:flex}.crest{background:var(--brand);width:52px;height:52px;color:var(--surface);font:700 1.1rem var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.crest-img{object-fit:contain;flex:none;width:56px;height:56px}header.school .t{min-width:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:16px;padding:22px;display:grid}.card.narrow{justify-self:center;width:100%;max-width:440px}label{margin-bottom:4px;font-size:.95rem;font-weight:600;display:block}input[type=text],input[type=password]{width:100%;font:1rem var(--font-body);color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:8px;padding:10px 12px}input:focus-visible,button:focus-visible,.drop:focus-within{outline:2px solid var(--brand);outline-offset:2px}.btn{cursor:pointer;font:600 1rem var(--font-display);background:var(--brand);color:var(--surface);border:0;border-radius:8px;padding:11px 18px}.btn:disabled{opacity:.6;cursor:progress}.btn.ghost{color:var(--brand);border:1px solid var(--line);background:0 0}.btn.sm{padding:6px 12px;font-size:.88rem}.err{color:var(--bad);background:var(--bad-soft);border-radius:8px;padding:8px 12px;font-size:.92rem}.ok{color:var(--good);background:var(--good-soft);border-radius:8px;padding:8px 12px;font-size:.92rem}.form{gap:14px;display:grid}.notice{text-align:center;gap:8px;padding:18px 8px;display:grid}.notice .big{font:700 1.15rem var(--font-display)}.queue{border:1px solid var(--line);text-align:center;border-radius:8px;gap:8px;padding:14px;display:grid}.queue .big{font:700 1.05rem var(--font-display);margin:0}.queue p{margin:0}.queue .btn{justify-self:center}.wrap>*,.sheet>*{min-width:0}.sheet{border:1px solid var(--rule-soft);background:var(--surface);border-radius:4px;gap:18px;min-width:0;padding:24px;display:grid}.sheet-head{text-align:center;gap:2px;display:grid}.sheet-head h2{font-size:1.35rem}.sheet-school{font-weight:600}.sheet-info{border-block:1px solid var(--rule-soft);flex-wrap:wrap;gap:4px 24px;margin:0;padding-block:10px;display:flex}.sheet-info div{gap:8px;min-width:0;display:flex}.sheet-info dt{color:var(--muted)}.sheet-info dd{margin:0;font-weight:600}.sheet-level{font:400 1.1rem var(--font-body);margin-bottom:6px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;padding:7px 10px}.grades,.summary{border:1.5px solid var(--rule)}.grades th,.summary th{text-align:center;vertical-align:middle;border:1px solid var(--rule);background:var(--surface);color:var(--ink);font-weight:500;line-height:1.25}.grades thead{border-bottom:2px solid var(--rule)}.grades{min-width:720px}.grades td{border-left:1px solid var(--rule);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule-soft);font-variant-numeric:tabular-nums}.grades td.code{white-space:nowrap}.grades td.c{text-align:center;white-space:nowrap}.grades td.n{text-align:center}.grades td.grade{font-weight:600}.grades th.subj,.grades td.subj{min-width:200px}.grades tr.fix td.grade{color:var(--bad)}.summary-wrap{max-width:540px}.summary td{border:1px solid var(--rule);font-variant-numeric:tabular-nums}.summary td.n{text-align:right;width:92px}.summary .gpa-row td.n{text-align:center;font-size:1.05rem}.summary th.subj{font-size:1rem;font-weight:700}.sheet-view{gap:14px;display:grid}.sv-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;display:flex}.sv-top>div:first-child{min-width:0}.sv-actions{flex-wrap:wrap;gap:8px;display:flex}a.btn{text-decoration:none;display:inline-block}.sv-pages{gap:12px;display:grid}.sv-page{border:1px solid var(--rule-soft);background:var(--surface);line-height:0;display:block}.sv-page img{width:100%;height:auto}.admin-table{min-width:520px}.admin-table th,.admin-table td{border-bottom:1px solid var(--line)}.row-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.alert{background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:10px 14px;font-size:.92rem}.admin-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.levels{gap:10px;display:grid}.level{border:1px solid var(--line);border-radius:8px;grid-template-columns:70px 1fr auto;align-items:center;gap:6px 14px;padding:12px 14px;display:grid}.level .name{font:700 1.05rem var(--font-display)}.level .info{min-width:0}.pill{font:600 .8rem var(--font-display);border-radius:999px;padding:2px 10px;display:inline-block}.pill.on{background:var(--good-soft);color:var(--good)}.pill.off{background:var(--line);color:var(--muted)}.fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:12px;display:grid}.drop{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;cursor:pointer;justify-items:center;gap:8px;padding:22px;font-weight:400;display:grid;position:relative}.drop.over{border-color:var(--brand);background:var(--brand-soft)}.drop input{opacity:0;width:1px;height:1px;position:absolute}.problems{color:var(--bad);max-height:220px;margin:0;padding-left:20px;font-size:.9rem;overflow:auto}.progress{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.progress i{background:var(--good);height:100%;transition:width .2s;display:block}.search{gap:8px;display:flex}select{width:100%;font:1rem var(--font-body);color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.card.danger{border-color:var(--bad)}.card.danger h2{color:var(--bad)}.btn.danger{background:var(--bad);color:var(--surface)}.btn:disabled:not(.ghost){opacity:.45;cursor:not-allowed}.search input{flex:1;min-width:0}@media (max-width:520px){.card{padding:16px}.sheet{padding:14px}.summary td.n{width:64px}.level{grid-template-columns:56px 1fr}.level .act{grid-column:1/-1}.level .act .btn{width:100%}}