:root{--ink: #241009;--ink-2: #4d382c;--muted: #7d6a5c;--surface: #f7f4ee;--card: #ffffff;--line: #e4dbcd;--line-2: #d2c4ae;--bar: #3d1408;--bar-2: #55220f;--gold: #fccc00;--gold-soft: #fdf3d0;--gold-line: #f0d98a;--gold-ink: #7d5400;--brown: #601800;--present: #1f6b46;--present-soft: #e8f2ec;--absent: #b5302a;--absent-soft: #fbeae8;--late: #9a5c00;--late-soft: #fbf0dc;--excused: #4a5b7a;--excused-soft: #eceff5;--serif: "Source Serif 4", Georgia, serif;--sans: "Inter", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--r: 8px;--r-lg: 10px;--bar-h: 58px;--rail: 252px;--shadow: 0 1px 2px rgba(36, 16, 9, .05)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--serif);font-weight:700;margin:0;letter-spacing:-.01em}button{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.bar{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--bar-h);display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--bar);border-bottom:1px solid #23100a}.bar__brand{display:flex;align-items:center;gap:10px;min-width:0}.bar__logo{width:34px;height:34px;border-radius:7px;background:#fff;padding:2px;object-fit:contain;flex:none}.bar__name{font-family:var(--serif);font-size:15px;font-weight:700;color:#fff;line-height:1.1;white-space:nowrap}.bar__tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b99a80;margin-top:1px}.bar__spacer{flex:1}.bar__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r);background:#ffffff0f;color:#f0e2d6;cursor:pointer}.bar__btn:hover{background:#ffffff21}.bar__count{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--gold);color:var(--brown);font-family:var(--mono);font-size:10px;font-weight:500;display:grid;place-items:center}.bar__user{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f;color:#fff;cursor:pointer}.bar__user:hover{background:#ffffff21}.bar__initials{width:26px;height:26px;border-radius:999px;background:var(--gold);color:var(--brown);display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.bar__username{font-size:13px;font-weight:500;white-space:nowrap}.nav{position:fixed;top:var(--bar-h);bottom:0;left:0;z-index:40;width:var(--rail);display:flex;flex-direction:column;padding:14px 12px 12px;background:var(--card);border-right:1px solid var(--line);overflow-y:auto}.nav__label{font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding:0 10px 7px}.nav__link{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--r);color:var(--ink-2);font-size:14px;font-weight:500;text-decoration:none;border-left:3px solid transparent}.nav__link:hover{background:#f4efe6}.nav__link[aria-current=page]{background:var(--gold-soft);border-left-color:var(--gold);color:var(--brown);font-weight:600}.nav__foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.nav__meta{padding:10px;font-size:11.5px;color:var(--muted);line-height:1.55}.nav__backdrop{display:none}.page{padding-top:var(--bar-h);padding-left:var(--rail);min-height:100%}.page__inner{max-width:1240px;padding:20px 24px 48px}.page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--line)}.page__title{font-size:23px;line-height:1.15}.page__sub{margin-top:3px;font-size:13px;color:var(--muted)}.grid,.cols{display:grid;gap:16px;align-items:start}@media (min-width: 1040px){.cols--2{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.status{display:flex;align-items:center;gap:13px;padding:13px 16px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:var(--r)}.status--present{border-left-color:var(--present);background:var(--present-soft)}.status--absent{border-left-color:var(--absent);background:var(--absent-soft)}.status--late{border-left-color:var(--late);background:var(--late-soft)}.status--excused{border-left-color:var(--excused);background:var(--excused-soft)}.status--off{border-left-color:var(--line-2)}.status__icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#ffffffbf;flex:none}.status__body{flex:1;min-width:0}.status__title{font-family:var(--serif);font-size:16px;font-weight:700}.status__note{margin-top:1px;font-size:12.5px;color:var(--ink-2)}.kpis{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 760px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:13px 14px}.kpi__label{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.kpi__value{margin-top:5px;font-family:var(--serif);font-size:25px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.kpi__note{margin-top:4px;font-size:11.5px;color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fbf8f2;border-radius:var(--r) var(--r) 0 0}.panel__title{font-family:var(--serif);font-size:15px;font-weight:700}.panel__link{font-size:12.5px;font-weight:500;color:var(--gold-ink);text-decoration:none;white-space:nowrap}.panel__link:hover{text-decoration:underline}.panel__body{padding:14px 16px}.panel__body--flush{padding:0}.panel>:not(.panel__head):not(.panel__body):not(.row):not(.action):not(.sched):not(table){padding:14px 16px}.sched{width:100%;border-collapse:collapse}.sched th{text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:9px 16px;border-bottom:1px solid var(--line);background:#fbf8f2}.sched td{padding:9px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.sched tr:last-child td{border-bottom:0}.sched__time{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;width:96px}.sched__subject{font-size:13.5px;font-weight:600}.sched__teacher{font-size:12px;color:var(--muted)}.sched tr.is-break td{background:#faf7f0}.sched tr.is-break .sched__subject{font-weight:500;font-style:italic;color:var(--muted)}.sched tr.is-past td{opacity:.55}.sched tr.is-now td{background:var(--gold-soft)}.sched tr.is-now .sched__subject{color:var(--brown)}.now-tag{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:3px;background:var(--brown);color:var(--gold);font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;vertical-align:1px}.picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.picker__label{font-size:12px;color:var(--muted)}.childchip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);cursor:pointer;text-align:left}.childchip:hover{border-color:var(--muted)}.childchip[aria-pressed=true],.childchip[aria-selected=true]{border-color:var(--brown);background:var(--gold-soft)}.childchip__avatar{width:26px;height:26px;border-radius:999px;background:var(--brown);color:var(--gold);display:grid;place-items:center;font-size:10.5px;font-weight:700;flex:none}.childchip__name{display:block;font-size:13px;font-weight:600;line-height:1.15}.childchip__class{display:block;font-size:10.5px;color:var(--muted)}.row{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row__body{flex:1;min-width:0}.row__title{display:block;font-size:13.5px;font-weight:600;line-height:1.35}.row__meta{display:block;margin-top:2px;font-size:12.5px;color:var(--muted);line-height:1.45}.action{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.action:last-child{border-bottom:0}.action:hover{background:#faf6ee}.action__icon{width:34px;height:34px;border-radius:var(--r);background:var(--gold-soft);border:1px solid var(--gold-line);color:var(--brown);display:grid;place-items:center;flex:none}.action__body{flex:1;min-width:0}.action__title{display:block;font-size:13.5px;font-weight:600}.action__note{display:block;margin-top:1px;font-size:12px;color:var(--muted)}.ring{display:flex;align-items:center;gap:16px}.ring__svg{flex:none;transform:rotate(-90deg)}.ring__track{stroke:var(--line)}.ring__value{stroke:var(--present);stroke-linecap:round;transition:stroke-dashoffset .6s ease}.ring__value--warn{stroke:var(--late)}.ring__value--bad{stroke:var(--absent)}.ring__pct{font-family:var(--serif);font-size:26px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.ring__sub{margin-top:5px;font-size:12px;color:var(--muted);line-height:1.5}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.01em}.pill--present{background:var(--present-soft);color:var(--present)}.pill--absent{background:var(--absent-soft);color:var(--absent)}.pill--late{background:var(--late-soft);color:var(--late)}.pill--excused{background:var(--excused-soft);color:var(--excused)}.pill--neutral{background:#f1ebe1;color:var(--muted)}.pill--gold{background:var(--gold-soft);color:var(--gold-ink)}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:322px}.cal__dow{text-align:center;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-bottom:3px}.cal__day{aspect-ratio:1;max-height:42px;display:grid;place-items:center;border-radius:5px;border:1px solid transparent;font-family:var(--mono);font-size:12px;background:#f4efe6;color:var(--muted)}.cal__day--present{background:var(--present-soft);color:var(--present);border-color:#cde0d5}.cal__day--absent{background:var(--absent);color:#fff;font-weight:500}.cal__day--late{background:var(--late-soft);color:var(--late);border-color:#ecd9b4}.cal__day--excused{background:var(--excused-soft);color:var(--excused);border-color:#d3dae6}.cal__day--blank{background:transparent}.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.field+.field{margin-top:13px}.field__label{display:block;font-size:12.5px;font-weight:600;margin-bottom:5px}.input,.textarea,.select{width:100%;padding:9px 11px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);color:var(--ink);font-family:inherit;font-size:14px}.textarea{min-height:90px;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:var(--brown);outline:none;box-shadow:0 0 0 3px var(--gold-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:0;border-radius:var(--r);background:var(--brown);color:#fff;font-weight:600;font-size:13.5px;cursor:pointer}.btn:hover:not(:disabled){background:#4d1300}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--block{width:100%}.btn--quiet{background:var(--card);color:var(--ink);border:1px solid var(--line-2)}.btn--quiet:hover:not(:disabled){background:#f4efe6}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);color:var(--ink);cursor:pointer}.iconbtn:hover{background:#f4efe6}.notice{padding:10px 12px;border-radius:var(--r);font-size:13px;line-height:1.45}.notice--error{background:var(--absent-soft);color:#8b241f;border:1px solid #eecac6}.notice--ok{background:var(--present-soft);color:#175339;border:1px solid #c6dfd2}.empty{padding:20px 16px}.empty__title{font-family:var(--serif);font-size:14.5px;font-weight:700;margin:0}.empty__body{margin:3px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}.skeleton{border-radius:var(--r);background:linear-gradient(90deg,#eee7db 25%,#f7f2e9 37%,#eee7db 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.login{min-height:100%;display:grid;grid-template-columns:1fr;background:var(--surface)}.login__aside{display:none;padding:44px;background:var(--bar);color:#fff;flex-direction:column;justify-content:space-between}.login__crest{width:84px;height:84px;object-fit:contain}.login__headline{font-family:var(--serif);font-size:32px;font-weight:700;line-height:1.2;max-width:15ch;margin-top:26px}.login__blurb{margin-top:12px;font-size:14px;color:#c6ab94;max-width:40ch;line-height:1.6}.login__fine{font-size:12px;color:#a3846c;line-height:1.7}.login__main{display:grid;place-items:center;padding:32px 20px}.login__box{width:100%;max-width:360px}.login__logo{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto 16px}.login__title{font-family:var(--serif);font-size:22px;font-weight:700;text-align:center}.login__sub{margin:5px 0 20px;text-align:center;font-size:13px;color:var(--muted)}.login__card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow)}.login__hint{margin-top:14px;text-align:center;font-size:12px;color:var(--muted);line-height:1.6}@media (min-width: 900px){.login{grid-template-columns:1.05fr 1fr}.login__aside{display:flex}.login__logo{display:none}}@media (max-width: 1039px){:root{--rail: 0px}.nav{width:264px;transform:translate(-100%);transition:transform .18s ease;box-shadow:0 0 40px #24100933}.nav.is-open{transform:none}.nav__backdrop{display:block;position:fixed;inset:var(--bar-h) 0 0 0;z-index:39;background:#24100957;border:0}.page__inner{padding:16px 16px 40px}.bar__username{display:none}}@media (min-width: 1040px){.bar__menu{display:none}}.result-hero{display:flex;align-items:center;gap:18px;padding:18px;border-radius:var(--r);background:var(--gold-soft);border:1px solid var(--gold-line)}.result-hero__pct{font-family:var(--serif);font-size:34px;font-weight:700;line-height:1;color:var(--brown)}.result-hero__grade{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--brown)}.marks{width:100%;border-collapse:collapse}.marks th{text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:9px 16px;background:#fbf8f2;border-bottom:1px solid var(--line)}.marks td{padding:11px 16px;border-bottom:1px solid var(--line);font-size:13.5px}.marks tbody tr:last-child td{border-bottom:0}.marks tfoot td{border-top:2px solid var(--line-2);font-weight:700;background:#fbf8f2}.money{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}.toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#fbf8f2;border-bottom:1px solid var(--line)}.toolbar__field{display:flex;flex-direction:column;gap:5px}.toolbar__label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.toolbar__grow{flex:1;min-width:190px}.toolbar__end{margin-left:auto;display:flex;gap:8px;align-items:flex-end}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:10px 16px;background:#fbf8f2;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px 16px;border-bottom:1px solid var(--line);font-size:13.5px}.table tbody tr:last-child td{border-bottom:0}.table__name{font-weight:600}.table__sub{font-size:12px;color:var(--muted);margin-top:1px}.table__num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12.5px}.table__right,.table th.table__right,.table td.table__right,.marks th.table__right,.marks td.table__right{text-align:right}.total-row td{border-top:2px solid var(--line-2);border-bottom:0;font-weight:700;background:#fbf8f2}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}.pager__buttons{display:flex;gap:8px}.combo{position:relative}.combo__input{width:100%;padding:9px 30px 9px 11px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);color:var(--ink);font-family:inherit;font-size:14px;cursor:pointer}.combo__input:focus{border-color:var(--brown);outline:none;box-shadow:0 0 0 3px var(--gold-soft);cursor:text}.combo__input:disabled{background:var(--surface);color:var(--muted);cursor:not-allowed}.combo__input::placeholder{color:var(--muted)}.combo--small .combo__input{padding:5px 26px 5px 9px;font-size:12.5px}.combo--small .combo__caret{right:7px}.combo__caret{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.combo__list{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;max-height:244px;overflow-y:auto;padding:4px;margin:0;list-style:none;background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:0 10px 30px #24100924}.combo__option{padding:8px 10px;border-radius:var(--r);font-size:13.5px;cursor:pointer;display:flex;align-items:baseline;gap:8px}.combo__option--active{background:var(--gold-soft)}.combo__option[aria-selected=true]{font-weight:600;color:var(--brown)}.combo__option[aria-selected=true]:after{content:"✓";margin-left:auto;color:var(--brown);font-size:12px}.combo__option:hover{background:var(--gold-soft)}.combo__hint{margin-left:auto;font-size:11.5px;color:var(--muted)}.combo__empty{padding:10px;font-size:13px;color:var(--muted);text-align:center}