:root{--blue: #07abee;--blue-d: #0588bd;--blue-l: #e6f6fd;--orange: #faa619;--orange-l: #fff4e0;--ink: #1d2733;--muted: #66727f;--line: #e3e8ee;--bg: #f6f8fa;--card: #fff;--gE: #f4a7a0;--gB: #fbd27a;--gD: #9fd8b0;--gA: #2f9e5b;--radius: 10px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:36px}button:hover,.btn:hover{border-color:#c7d0da}button.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}button.primary:hover{background:var(--blue-d)}button.danger{background:#d93025;border-color:#d93025;color:#fff}button.link{border:none;background:none;color:var(--blue-d);padding:4px 6px;min-height:0}button.small,.small{font-size:13px}button.small{padding:4px 9px;min-height:30px}button:disabled,.btn.disabled{opacity:.5;pointer-events:none}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fff;min-height:36px}textarea{width:100%;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}h2,.h2{font-size:19px;margin:0;font-weight:700}h3,.h3{font-size:16px;margin:0;font-weight:650}h4{margin:18px 0 6px;font-size:15px;color:var(--blue-d)}.muted{color:var(--muted)}.pad{padding:16px}.row{display:flex;gap:8px;align-items:center}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.spacer{flex:1}.nowrap{white-space:nowrap}.error{background:#fdecea;color:#a1281e;border:1px solid #f5c2bd;padding:8px 12px;border-radius:8px;margin:8px 0;cursor:pointer}.demo-note{background:var(--orange-l);border:1px solid #f7d79d;padding:6px 10px;border-radius:8px;margin-bottom:10px;font-size:13px}.logo{background:var(--blue);color:#fff;font-weight:800;letter-spacing:.5px;border-radius:7px;padding:2px 7px}.logo.big{font-size:22px;padding:6px 12px;border-radius:10px}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid var(--line);padding:8px 14px}.brand{font-weight:700;font-size:17px}.cls-select{font-weight:600}.cls-name{font-weight:600;background:var(--blue-l);padding:4px 10px;border-radius:20px}.who{color:var(--muted);font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.tabs{position:sticky;top:53px;z-index:19;display:flex;gap:2px;overflow-x:auto;background:#fff;border-bottom:1px solid var(--line);padding:0 8px}.tabs button{border:none;border-bottom:3px solid transparent;border-radius:0;background:none;padding:10px 14px;white-space:nowrap;color:var(--muted);font-weight:600}.tabs button.on{color:var(--ink);border-bottom-color:var(--orange)}.main{max-width:1180px;margin:0 auto;padding:14px}.page{display:flex;flex-direction:column;gap:12px}.login{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(160deg,var(--blue-l),#fff 60%,var(--orange-l))}.login-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 6px 24px #07abee1a}.brand-lg{font-size:22px;font-weight:700;margin-bottom:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;flex-wrap:wrap}.seg button{border:none;border-radius:0;border-right:1px solid var(--line)}.seg button:last-child{border-right:none}.seg button.on{background:var(--blue-l);color:var(--blue-d);font-weight:650}.datebar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px}.datebar>button{font-size:20px;width:40px;justify-content:center}.date-main{flex:1;text-align:center}.chip{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;font-weight:700;font-size:13px}.chip-empty{color:#b9c2cc}.g-E{background:var(--gE)}.g-B{background:var(--gB)}.g-D{background:var(--gD)}.g-A{background:var(--gA);color:#fff}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);align-items:center}.legend>span{display:inline-flex;align-items:center;gap:4px}.gpick{display:inline-flex;gap:6px}.gbtn{width:44px;height:40px;justify-content:center;font-weight:700;padding:0;color:var(--muted)}.gbtn.on{border-color:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px #0000002e}.gbtn.on.g-A{color:#fff}.distbar{display:flex;border-radius:6px;overflow:hidden;background:#eef1f4;width:100%}.distbar span{display:block}.distbar.empty{font-size:11px;color:var(--muted);padding:0 6px;align-items:center;height:auto!important}.planlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.planlist li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;flex-wrap:wrap}.planlist li.st-done{background:#f0faf3}.planlist li.st-skipped{opacity:.55;text-decoration:line-through}.subj{font-size:12px;font-weight:700;color:var(--blue-d);text-transform:uppercase;letter-spacing:.3px}.ttl{flex:1;min-width:160px}.count{font-size:12px;color:var(--muted)}.kids{display:flex;flex-wrap:wrap;gap:6px}.kid{border-radius:20px}.kid.absent{background:#fdecea;border-color:#f5c2bd;color:#a1281e;text-decoration:line-through}.gradecard{margin-bottom:10px}.fill{display:flex;gap:6px;align-items:center}.gradelist{display:flex;flex-direction:column}.grow{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid #f0f2f5;gap:8px}.grow.is-absent{opacity:.55}.kname{font-weight:500}.gridwrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-height:75vh}table{border-collapse:collapse}.plangrid,.classgrid{width:100%;font-size:14px}.plangrid th,.plangrid td,.classgrid th,.classgrid td{border-bottom:1px solid #f0f2f5;padding:4px;text-align:center}.plangrid thead th,.classgrid thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:12px;color:var(--muted)}.sticky{position:sticky;left:0;background:#fff;z-index:1;text-align:left!important}thead .sticky{z-index:3}.plangrid td.ttl{max-width:260px;min-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:10px}.subjrow td{background:#f7f9fb;font-weight:700;font-size:12px;color:var(--blue-d);text-transform:uppercase;padding:6px 10px}.subjrow td.sticky{background:#f7f9fb}.cnt{font-size:12px;color:var(--muted);white-space:nowrap}.cnt.full{color:var(--gA);font-weight:700}.cnt.part{color:#b7791f;font-weight:600}.cell{width:34px;height:30px;min-height:0;padding:0;justify-content:center;border-color:#e8ecf0}.cell.c-planned{background:var(--blue-l);border-color:#9fdcf6;color:var(--blue-d);font-weight:700}.cell.c-done{background:#dff3e6;border-color:#9fd8b0;color:var(--gA)}.cell.c-skipped{background:#f3f3f3;color:#999}th.today,td.today{background:var(--orange-l)!important}.totals td{font-size:12px;color:var(--muted);background:#fafbfc}.classgrid th.rot{height:150px;vertical-align:bottom;padding:0 2px 6px}.classgrid th.rot span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;max-height:140px;overflow:hidden;text-overflow:ellipsis;display:inline-block}.classgrid td.sticky{min-width:130px;padding-left:10px}table.list{width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}table.list th,table.list td{padding:8px 10px;border-bottom:1px solid #f0f2f5;text-align:left;vertical-align:middle}table.list th{font-size:12px;color:var(--muted);font-weight:600;background:#fafbfc}table.list.edit input{width:100%}table.list input.num,input.num{width:70px}.card table.list{border:none}tr.inactive td{color:var(--muted)}.hist{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.histitem{display:inline-flex;align-items:center}.arrow{color:#b9c2cc;margin:0 2px}.chk{display:inline-flex;gap:4px;align-items:center;border:1px solid var(--line);padding:6px 10px;border-radius:8px;background:#fff}.lbl{font-size:13px;font-weight:600;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;border-top:3px solid var(--blue)}.tile:nth-child(2n){border-top-color:var(--orange)}.tv{font-size:26px;font-weight:800}.tl{color:var(--muted);font-size:13px}.classcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:14px;margin:12px 0}.kv dt{color:var(--muted)}.kv dd{margin:0}.kv dd.warn{color:#b3261e;font-weight:700}.split{display:grid;grid-template-columns:240px 1fr;gap:12px;align-items:start}.pick{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.pick li button{width:100%;justify-content:space-between;border:none;border-bottom:1px solid #f0f2f5;border-radius:0;text-align:left}.pick li button.on{background:var(--blue-l);font-weight:600}.badge{font-size:11px;padding:2px 8px;border-radius:20px;background:#eef1f4;color:var(--muted);font-weight:600}.badge.final{background:#dff3e6;color:var(--gA)}.badge.draft{background:var(--orange-l);color:#a86a00}.grow1{min-width:0}.report{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;max-width:760px}.rep-h{display:flex;gap:14px;align-items:center;border-bottom:3px solid var(--orange);padding-bottom:12px;margin-bottom:14px}.rep-school{font-size:20px;font-weight:800}.rep-title{color:var(--blue-d);font-weight:600}.rep-info{width:100%;font-size:14px}.rep-info th{text-align:left;color:var(--muted);font-weight:600;padding:4px 8px 4px 0;width:90px}.rep-info td{padding:4px 16px 4px 0}.learnt{margin:0;padding-left:18px}.learnt li{margin:3px 0}.pre{white-space:pre-wrap;margin:0}.sign{display:flex;justify-content:space-between;margin-top:46px;gap:20px}.sign div{flex:1;border-top:1px solid #999;padding-top:4px;text-align:center;font-size:13px;color:var(--muted)}@media (max-width: 720px){.hide-sm{display:none}.main{padding:10px}.split{grid-template-columns:1fr}.gbtn{width:40px}.report{padding:16px}.datebar input[type=date]{display:none}}@media print{.no-print,.top,.tabs,.demo-note{display:none!important}body,.main{background:#fff;padding:0}.split{display:block}.report{border:none;padding:0;max-width:none}.report *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}