:root{--navy-900: #0f2444;--navy-800: #16305c;--navy-700: #24406e;--navy-100: #d6e0f0;--navy-tint: #eef2f9;--primary: #3b73e0;--primary-hover: #2f63c9;--primary-grad: linear-gradient(135deg, #4a86ec 0%, #3b6fdc 55%, #5a62d8 100%);--bg: #f5f8fd;--surface: #ffffff;--surface-2: #f7f9fd;--border: #e5eaf2;--border-strong: #d2dae6;--text: #1c2940;--text-secondary: #5a6b85;--text-muted: #8391a8;--good-bg: #e3f5ec;--good-text: #13714b;--good-mark: #1a9e6a;--warning-bg: #fdf3d6;--warning-text: #8a5f00;--warning-mark: #e0a800;--critical-bg: #fdeaea;--critical-text: #b3302b;--critical-mark: #e24b4a;--accent-bg: #e8f0fd;--accent-text: #2f63c9;--neutral-bg: #eef1f5;--neutral-text: #5a6b85;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 36, 68, .06);--shadow: 0 4px 16px rgba(15, 36, 68, .08);--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #121c2d;--surface: #1a2740;--surface-2: #1f2e49;--border: #2a3b58;--border-strong: #354a6b;--text: #e7edf6;--text-secondary: #a3b3cb;--text-muted: #7688a4;--navy-tint: #1f2e49;--good-bg: #123a2c;--good-text: #6fd3a5;--warning-bg: #3a3014;--warning-text: #f2cc63;--critical-bg: #3d1c1f;--critical-text: #f48b88;--accent-bg: #1f3a63;--accent-text: #8cc1f2;--neutral-bg: #24354f;--neutral-text: #a3b3cb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 4px 16px rgba(0, 0, 0, .35);--primary: #3f74de;--primary-hover: #5585e8;--primary-grad: linear-gradient(135deg, #3f6fd0 0%, #3a5fc4 55%, #4f55c0 100%);color-scheme:dark}}:root[data-theme=dark]{--bg: #121c2d;--surface: #1a2740;--surface-2: #1f2e49;--border: #2a3b58;--border-strong: #354a6b;--text: #e7edf6;--text-secondary: #a3b3cb;--text-muted: #7688a4;--navy-tint: #1f2e49;--good-bg: #123a2c;--good-text: #6fd3a5;--warning-bg: #3a3014;--warning-text: #f2cc63;--critical-bg: #3d1c1f;--critical-text: #f48b88;--accent-bg: #1f3a63;--accent-text: #8cc1f2;--neutral-bg: #24354f;--neutral-text: #a3b3cb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 4px 16px rgba(0, 0, 0, .35);--primary: #3f74de;--primary-hover: #5585e8;--primary-grad: linear-gradient(135deg, #3f6fd0 0%, #3a5fc4 55%, #4f55c0 100%);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.topbar{position:sticky;top:0;z-index:10;background:var(--primary-grad);color:#fff;box-shadow:0 2px 12px #3b73e02e;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px}.topbar__inner{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:12px}.topbar__brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.topbar__brand img{width:32px;height:32px;border-radius:8px;background:#fff;padding:3px}.topbar__title{font-weight:700;font-size:15px;line-height:1.2}.topbar__sub{font-size:12px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__actions{display:flex;gap:6px}.iconbtn{width:38px;height:38px;border-radius:10px;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1f;color:#fff}.iconbtn:hover{background:#fff3}.iconbtn:focus-visible,.btn:focus-visible,.chip:focus-visible,.tab:focus-visible,.childcard:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.page{max-width:960px;margin:0 auto;padding:20px 16px 48px}.page__head{margin-bottom:16px}.page__title{font-size:22px;font-weight:700;letter-spacing:-.01em}.page__desc{color:var(--text-secondary);margin-top:4px}.back{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;color:var(--text-secondary);font-weight:500;font-size:14px}.back:hover{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--radius);border:1px solid transparent;font-weight:600;cursor:pointer}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #3b73e040}.btn--primary:hover{background:var(--primary-hover)}.btn--primary:disabled{opacity:.6;cursor:default}.btn--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn--block{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.tone--good{background:var(--good-bg);color:var(--good-text)}.tone--warning{background:var(--warning-bg);color:var(--warning-text)}.tone--critical{background:var(--critical-bg);color:var(--critical-text)}.tone--accent{background:var(--accent-bg);color:var(--accent-text)}.tone--neutral{background:var(--neutral-bg);color:var(--neutral-text)}.avatar{flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-bg);color:var(--accent-text);font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.skeleton{background:var(--border);border-radius:var(--radius-sm);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.empty{text-align:center;padding:40px 16px;color:var(--text-secondary)}.empty svg{color:var(--text-muted);margin-bottom:8px}.empty__title{color:var(--text);font-weight:600;margin-bottom:4px}.alert{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius);font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat{padding:14px}.stat__label{font-size:12px;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:6px}.stat__value{font-size:24px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}.stat__hint{font-size:12px;color:var(--text-muted);margin-top:2px}@media (max-width: 640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.login{background:radial-gradient(900px 500px at 10% -10%,var(--accent-bg),transparent 60%),radial-gradient(700px 400px at 110% 110%,var(--good-bg),transparent 60%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login__card{width:100%;max-width:400px;padding:28px 24px}.login__logo{width:56px;height:56px;border-radius:14px;margin-bottom:16px}.login__title{font-size:22px;font-weight:700}.login__desc{color:var(--text-secondary);margin:6px 0 22px;font-size:14px}.field{display:block;margin-bottom:14px}.field__label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field__control{position:relative}.field__control input{width:100%;height:46px;padding:0 44px 0 14px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit}.field__control input:focus{outline:2px solid var(--accent-text);outline-offset:-1px;border-color:transparent}.field__toggle{position:absolute;right:4px;top:4px;width:38px;height:38px;border:0;background:none;color:var(--text-muted);cursor:pointer;border-radius:8px}.login__foot{margin-top:16px;font-size:13px;color:var(--text-muted);text-align:center}.childlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}@media (max-width: 400px){.childlist{grid-template-columns:1fr}}.childcard{display:block;padding:16px;transition:border-color .15s,box-shadow .15s}.childcard:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.childcard__head{display:flex;gap:12px;align-items:center}.childcard__name{font-weight:700;font-size:16px}.childcard__meta{font-size:13px;color:var(--text-secondary)}.childcard__chev{margin-left:auto;color:var(--text-muted)}.childcard__groups{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.childcard__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--border);padding-top:12px}.mini__label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.mini__value{font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}.mini__value small{font-weight:500;font-size:12px;color:var(--text-muted)}.childcard__last{margin-top:12px;font-size:13px;color:var(--text-secondary);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.hero{padding:18px;display:flex;gap:14px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.hero__name{font-size:20px;font-weight:700}.hero__meta{color:var(--text-secondary);font-size:14px;display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.hero__balance{margin-left:auto;text-align:right}@media (max-width: 560px){.hero__balance{margin-left:0;text-align:left;width:100%}}.tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px;margin:18px 0 14px}.tab{flex:1;height:38px;border:0;background:none;border-radius:9px;cursor:pointer;font-weight:600;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:6px}.tab--active{background:var(--primary);color:#fff}@media (max-width: 460px){.tabs{overflow-x:auto;scrollbar-width:none}.tab{flex:1 0 auto;font-size:13px;padding:0 10px;white-space:nowrap}.tab svg{display:none}}.hwlist{display:grid;gap:10px}.hwrow{overflow:hidden;transition:box-shadow .15s,border-color .15s}.hwrow:hover{border-color:var(--border-strong)}.hwrow.is-open{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:var(--shadow)}.hwrow__head{width:100%;display:flex;align-items:center;gap:14px;padding:12px 14px;border:0;background:none;cursor:pointer;text-align:left}.hwrow__head:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px;border-radius:var(--radius-lg)}.hwrow__date{width:56px;height:64px;flex-shrink:0;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;background:var(--accent-bg);color:var(--accent-text)}.hwrow__date b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.hwrow__date span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.hwrow__date small{font-size:10px;font-weight:600;opacity:.75;margin-top:2px;font-variant-numeric:tabular-nums}.hwrow.is-open .hwrow__date{background:var(--primary-grad);color:#fff}.hwrow__main{flex:1;min-width:0;display:grid;gap:5px}.hwrow__title{font-size:15px;font-weight:700;line-height:1.3;color:var(--text);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hwrow__no{color:var(--accent-text);margin-right:6px}.hwrow__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12.5px;color:var(--text-muted)}.hwrow__pill{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:700}.hwrow__pill.is-video{background:var(--accent-bg);color:var(--accent-text)}.hwrow__pill.is-image{background:var(--good-bg);color:var(--good-text)}.hwrow__new{flex-shrink:0;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;background:var(--good-bg);color:var(--good-text)}.hwrow__chev{flex-shrink:0;color:var(--text-muted);transition:transform .2s}.hwrow.is-open .hwrow__chev{transform:rotate(180deg);color:var(--primary)}.hwrow__body{display:grid;gap:10px;padding:14px;border-top:1px solid var(--border);background:var(--surface-2);animation:hwrow-in .18s ease-out}@keyframes hwrow-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.hwrow__body{animation:none}.hwrow__chev{transition:none}}.hwrow__by{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-secondary)}@media (max-width: 420px){.hwrow__head{gap:12px;padding:12px}.hwrow__date{width:50px;height:58px}.hwrow__new{display:none}}.hwvideo__player{width:100%;max-height:420px;border-radius:var(--radius);background:#000;display:block}.hwvideo__audio{width:100%;display:block}.hwvgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hwvgrid:has(>:only-child){grid-template-columns:minmax(0,560px)}@media (max-width: 380px){.hwvgrid{grid-template-columns:1fr}}.hwvthumb{position:relative;aspect-ratio:16 / 9;padding:0;border:0;cursor:pointer;overflow:hidden;border-radius:var(--radius);background:linear-gradient(135deg,#1b2c4d,#0f1b31)}.hwvthumb video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.hwvthumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 55%,#050c188c)}.hwvthumb__audio{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#8cc1f2}.hwvthumb__play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffeb;color:var(--primary);padding-left:3px;box-shadow:0 4px 16px #0000004d;transition:transform .15s}.hwvthumb:hover .hwvthumb__play{transform:translate(-50%,-50%) scale(1.08)}.hwvthumb:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.hwvthumb__dur{position:absolute;z-index:1;right:8px;bottom:8px;padding:2px 7px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;background:#050c18b3;font-variant-numeric:tabular-nums}video.hwviewer__img{width:min(100%,960px);background:#000}.hwviewer__audio{display:grid;justify-items:center;gap:16px;color:#8cc1f2}.hwgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (min-width: 560px){.hwgrid{grid-template-columns:repeat(4,1fr)}}.hwthumb{aspect-ratio:1;padding:0;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:1px solid var(--border);background:var(--surface-2)}.hwthumb img{width:100%;height:100%;object-fit:cover;display:block}.hwthumb:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.hwviewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#050c18f0;display:flex;align-items:center;justify-content:center;padding:60px 12px 24px}.hwviewer__bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));color:#fff}.hwviewer__bar button,.hwviewer__nav{border:0;cursor:pointer}.hwviewer__bar button{background:none;color:#fff;display:flex;padding:0}.hwviewer__name{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hwviewer__pos{font-size:12px;color:#a9bbd8;font-variant-numeric:tabular-nums}.hwviewer__img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.hwviewer__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1f;color:#fff}.hwviewer__nav.is-prev{left:12px}.hwviewer__nav.is-next{right:12px}.progress{padding:16px;margin-bottom:14px}.progress__head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.progress__title{font-weight:700;font-size:16px;margin-top:2px}.progress__count{font-size:14px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.progress__count b{font-size:22px;color:var(--text)}.progress__bar{height:8px;border-radius:999px;background:var(--neutral-bg);margin-top:12px;overflow:hidden}.progress__bar span{display:block;height:100%;border-radius:999px;background:var(--good-mark)}.topics{list-style:none;margin:0;padding:0;overflow:hidden}.topic{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.topic:last-child{border-bottom:0}.topic--next{background:var(--accent-bg)}.topic__no{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;background:var(--neutral-bg);color:var(--text-secondary)}.topic--done .topic__no{background:var(--good-bg);color:var(--good-text)}.topic--next .topic__no{background:var(--primary);color:#fff}.topic__body{flex:1;min-width:0}.topic__title{font-weight:600}.topic--todo .topic__title{color:var(--text-secondary)}.topic__desc{font-size:13.5px;color:var(--text-secondary);margin-top:2px;white-space:pre-line}.topic__meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.grade__topic{display:flex;gap:6px;align-items:flex-start}.grade__topic svg{flex-shrink:0;margin-top:3px;color:var(--text-muted)}.grade__topic b{font-weight:600;color:var(--text)}.grade__book{color:var(--text-muted)}.grade__desc{font-size:13px;color:var(--text-muted);margin:2px 0 0 19px;white-space:pre-line}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.chip{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary)}.chip--active{background:var(--primary);border-color:var(--primary);color:#fff}.select{height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:13px;max-width:100%}.grades{overflow:hidden}.grade{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.grade:last-child{border-bottom:0}.grade__date{width:52px;flex-shrink:0;text-align:center}.grade__day{font-size:20px;font-weight:700;line-height:1.1}.grade__mon{font-size:11px;color:var(--text-secondary);text-transform:uppercase}.grade__body{flex:1;min-width:0}.grade__top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grade__group{font-weight:600}.grade__topic{font-size:14px;color:var(--text-secondary);margin-top:2px}.grade__comment{margin-top:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font-size:14px;white-space:pre-line}.grade__comment b{font-weight:600;font-size:12px;color:var(--text-secondary);display:block;margin-bottom:2px}.grade__teacher{font-size:12px;color:var(--text-muted);margin-top:6px}.grade__score{flex-shrink:0;width:46px;height:46px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:20px;line-height:1}.grade__score small{font-size:10px;font-weight:600;margin-top:2px}.groups{display:grid;gap:12px}.group{padding:16px}.group__head{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.group__name{font-weight:700;font-size:16px}.group__meta{font-size:13px;color:var(--text-secondary);margin-top:2px}.group__rows{display:grid;gap:8px;margin-top:12px}.group__row{display:flex;gap:8px;font-size:14px;align-items:flex-start}.group__row svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.days{display:flex;gap:4px;flex-wrap:wrap}.day{font-size:12px;font-weight:600;padding:2px 7px;border-radius:6px;background:var(--neutral-bg);color:var(--text-muted)}.day--on{background:var(--accent-bg);color:var(--accent-text)}.balance{padding:18px}.balance__value{font-size:30px;font-weight:700;margin:4px 0;font-variant-numeric:tabular-nums}.balance__rows{margin-top:14px;display:grid;gap:8px;border-top:1px solid var(--border);padding-top:14px;font-size:14px}.balance__row{display:flex;justify-content:space-between;gap:12px}.balance__row span:first-child{color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}