@charset "UTF-8";:root{--paper: oklch(.984 .006 80);--surface: oklch(.997 .003 80);--surface-2: oklch(.975 .007 80);--ink: oklch(.3 .014 60);--ink-soft: oklch(.5 .012 60);--ink-faint: oklch(.63 .01 60);--line: oklch(.915 .008 75);--line-soft: oklch(.945 .006 75);--accent: oklch(.61 .12 45);--accent-soft: color-mix(in oklch, var(--accent) 14%, white);--accent-ink: color-mix(in oklch, var(--accent) 78%, black);--font: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow-sm: 0 1px 2px oklch(.5 .03 60 / .04), 0 2px 8px oklch(.5 .03 60 / .05);--shadow: 0 2px 4px oklch(.5 .03 60 / .04), 0 8px 24px oklch(.5 .03 60 / .07);--shadow-lg: 0 12px 40px oklch(.5 .03 60 / .12);--r: 20px;--r-sm: 12px;--r-lg: 26px;--gap: 22px;--pad: 34px;--cardpad: 24px;--fs: 1rem;--sb-w: 248px;--sb-wc: 76px}body[data-role=Teacher]{--accent: oklch(.61 .12 45);--accent-soft: color-mix(in oklch, var(--accent) 14%, white);--accent-ink: color-mix(in oklch, var(--accent) 78%, black)}body[data-role=Student]{--accent: oklch(.6 .1 178);--accent-soft: color-mix(in oklch, var(--accent) 14%, white);--accent-ink: color-mix(in oklch, var(--accent) 78%, black)}body[data-role=Parent]{--accent: oklch(.58 .12 320);--accent-soft: color-mix(in oklch, var(--accent) 14%, white);--accent-ink: color-mix(in oklch, var(--accent) 78%, black)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100%}body{font-family:var(--font);background:var(--paper);color:var(--ink);font-size:var(--fs);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em}h1,h2,h3{margin:0;letter-spacing:-.02em}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px;min-height:38px}.section-head>div{min-width:0}.section-title{font-size:1.18rem;font-weight:800;white-space:nowrap}.section-sub{margin:3px 0 0;color:var(--ink-faint);font-size:.9rem}.btn{display:inline-flex;align-items:center;gap:7px;border:none;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem;padding:10px 16px;border-radius:12px;box-shadow:var(--shadow-sm);transition:filter .15s,transform .05s;white-space:nowrap;font-family:inherit;cursor:pointer}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn-sm{padding:7px 13px;font-size:.84rem}.btn-ghost{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);box-shadow:none}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-faint);filter:none}.btn-light{background:#ffffffeb;color:var(--accent-ink)}.btn-ghost-light{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:none}.btn-ghost-light:hover{background:#ffffff42;filter:none}.badge{font-size:.74rem;font-weight:700;padding:3px 10px;border-radius:8px;white-space:nowrap}.badge-neutral{background:var(--surface-2);color:var(--ink-soft)}.badge-warn{background:#ffdeba;background:oklch(92% .07 70deg);color:#824103}.score-pill{font-weight:800;font-size:.86rem;padding:4px 11px;border-radius:9px;min-width:42px;text-align:center;display:inline-block}.score-excellent{background:#c9f4d7;color:#17653c}.score-good{background:#d4f0ff;background:oklch(94% .05 230deg);color:#265b8d}.score-average{background:#ffe7c8;background:oklch(94% .06 75deg);color:#864e18}.score-low{background:#ffddd9;background:oklch(93% .06 25deg);color:#9c433f}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:700;flex:none;line-height:1;background:var(--accent-soft);color:var(--accent-ink)}.page{display:flex;flex-direction:column;gap:var(--gap);width:100%;max-width:1520px;margin-inline:auto}.page-banner{background:linear-gradient(120deg,var(--accent-ink),var(--accent));color:#fff;padding:26px var(--pad) 24px;position:relative;overflow:hidden}.page-banner:after{content:"";position:absolute;top:-40%;right:-60px;width:320px;height:220px;background:radial-gradient(circle at center,rgba(255,255,255,.14),transparent 70%);pointer-events:none}.page-banner__inner{position:relative;max-width:1520px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.page-banner__titles{display:flex;align-items:center;gap:15px;min-width:0}.page-banner__icon{width:46px;height:46px;border-radius:14px;flex:none;background:#ffffff29;display:grid;place-items:center}.page-banner__title{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.page-banner__subtitle{margin:5px 0 0;color:#ffffffd9;font-size:.92rem}.page-banner__aside{display:flex;align-items:center;gap:10px;flex:none}.page-banner__count{background:#ffffff2e;color:#fff;font-weight:700;font-size:.9rem;padding:8px 15px;border-radius:11px;white-space:nowrap}.email-card-sender{font-size:.72rem;font-weight:800;color:var(--accent-ink);margin-bottom:3px;letter-spacing:-.01em}.email-card-own .email-card-sender{text-align:right;color:color-mix(in oklch,var(--accent-ink) 85%,black)}.hero{position:relative;overflow:hidden;padding:30px 32px;color:#fff;border:none;box-shadow:var(--shadow);background:linear-gradient(120deg,var(--accent-ink),var(--accent));border-radius:var(--r)}.hero-shapes{position:absolute;inset:0;width:100%;height:100%}.hero-content{position:relative}.hero-eyebrow{margin:0;font-size:.92rem;font-weight:600;opacity:.85}.hero-name{font-size:2rem;font-weight:800;margin:4px 0 6px;letter-spacing:-.03em}.hero-line{margin:0;opacity:.9;font-size:1rem}.hero-extra{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.grid-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:var(--gap)}.next-class{padding:var(--cardpad);display:flex;flex-direction:column;gap:10px}.nc-eyebrow{display:flex;align-items:center;gap:6px;margin:0;color:var(--accent-ink);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.nc-name{font-size:1.2rem;font-weight:800}.nc-meta{margin:2px 0 0;color:var(--ink-faint);font-size:.9rem}.nc-list{margin-top:6px;border-top:1px solid var(--line-soft);padding-top:10px;display:flex;flex-direction:column;gap:9px}.nc-row{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--ink-soft)}.nc-time{font-weight:700;color:var(--ink);width:42px}.nc-room{margin-left:auto;color:var(--ink-faint);font-size:.84rem}.avg-card{padding:var(--cardpad);display:flex;align-items:center;gap:20px}.avg-meta{display:flex;flex-direction:column;gap:4px}.avg-title{font-weight:800;font-size:1.05rem}.avg-trend{display:flex;align-items:center;gap:6px;color:var(--accent-ink);font-size:.86rem;font-weight:600}.cc-code.light{display:inline-block;background:#ffffff2e;color:#fff;padding:4px 11px;border-radius:8px;font-size:.8rem;font-weight:700;margin-bottom:8px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.stat-tile{padding:18px 20px;display:flex;align-items:center;gap:14px;position:relative}.stat-ico{width:44px;height:44px;border-radius:13px;background:var(--surface-2);color:var(--ink-soft);display:grid;place-items:center;flex:none}.stat-ico.accent{background:var(--accent-soft);color:var(--accent-ink)}.stat-body{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:1.6rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.stat-label{color:var(--ink-faint);font-size:.86rem;font-weight:500;white-space:nowrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:start}.grid-2-wide{grid-template-columns:1.6fr 1fr}.grid-2>section{display:flex;flex-direction:column;gap:12px;min-width:0}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.class-grid-lg{grid-template-columns:repeat(3,1fr)}.class-card{padding:var(--cardpad);position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.class-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent-soft)}.cc-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cc-swatch{width:32px;height:32px;border-radius:10px;flex:none}.cc-swatch[data-c="0"]{background:#dc855d}.cc-swatch[data-c="1"]{background:#42b59a}.cc-swatch[data-c="2"]{background:#a486d7}.cc-swatch[data-c="3"]{background:#bfa14c}.cc-code{margin-left:auto;font-size:.78rem;font-weight:700;color:var(--ink-faint);background:var(--surface-2);padding:3px 9px;border-radius:7px}.cc-name{font-size:1.1rem;font-weight:800}.cc-sub{margin:3px 0 0;color:var(--ink-faint);font-size:.88rem}.cc-stats{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}.cc-stats span{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;font-weight:600;color:var(--ink-soft)}.cc-stats .cc-avg{margin-left:auto;color:var(--accent-ink)}.cc-go{position:absolute;top:18px;right:18px;opacity:0;color:var(--accent);transition:opacity .15s,transform .15s}.class-card:hover .cc-go{opacity:1;transform:translate(2px)}.list-card{padding:8px;display:flex;flex-direction:column}.grade-row{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:14px;transition:background .12s}.grade-row:hover{background:var(--surface-2)}.grade-row.tight{padding:8px 6px}.gr-body{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.gr-name{font-weight:700;font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr-task{font-size:.86rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr-cls{font-size:.82rem;color:var(--ink-faint)}.task-ico{width:40px;height:40px;flex:none;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center}.task-ico.soon{background:#ffdeba;background:oklch(92% .07 70deg);color:#8c4a11}.chart-card{padding:20px 18px 14px}.linechart .ax{fill:var(--ink-faint);font-size:10px;font-family:var(--font)}.chart-legend{display:flex;align-items:center;gap:18px;margin-top:8px;padding:0 12px;font-size:.84rem;color:var(--ink-soft);white-space:nowrap}.chart-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle}.chart-legend .cl-avg{margin-left:auto;font-weight:700;color:var(--accent-ink)}.ring{position:relative;display:grid;place-items:center;flex:none}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-val{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.ring-lab{font-size:.72rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em}.bar-row{display:flex;align-items:center;gap:12px;padding:11px 14px}.bar-row .cc-swatch{width:22px;height:22px;border-radius:7px}.bar-name{font-weight:700;font-size:.92rem;width:130px;flex:none}.bar-track{flex:1;height:9px;border-radius:6px;background:var(--surface-2);overflow:hidden}.bar-fill{height:100%;border-radius:6px;background:var(--accent)}.children-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.child-card{padding:var(--cardpad);display:flex;flex-direction:column;gap:16px}.child-head{display:flex;align-items:center;gap:14px}.child-id{flex:1}.child-name{font-size:1.18rem;font-weight:800}.child-grade{color:var(--ink-faint);font-size:.88rem}.child-stats{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;padding:14px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.child-stat{display:flex;flex-direction:column;align-items:center;gap:3px}.child-stat.spark{gap:4px}.cs-val{font-size:1.3rem;font-weight:800}.cs-lab{font-size:.76rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em}.child-sub-title{font-size:.8rem;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.child-chips{display:flex;flex-wrap:wrap;gap:7px}.chip{background:var(--surface-2);color:var(--ink-soft);font-size:.8rem;font-weight:600;padding:5px 11px;border-radius:9px}.child-actions{display:flex;gap:9px;flex-wrap:wrap}.acad-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.catalog-card{padding:8px;overflow-x:auto}.catalog{width:100%;border-collapse:collapse}.catalog th{text-align:center;font-size:.8rem;color:var(--ink-faint);font-weight:700;padding:12px 10px;border-bottom:1px solid var(--line)}.catalog th:first-child{text-align:left}.catalog td{padding:10px;text-align:center;border-bottom:1px solid var(--line-soft)}.catalog tr:last-child td{border-bottom:none}.cat-name{display:flex;align-items:center;gap:10px;text-align:left;font-weight:700;font-size:.9rem;white-space:nowrap}.msg-layout{display:grid;grid-template-columns:340px 1fr;gap:var(--gap);height:calc(100vh - 180px);min-height:460px}.msg-list{padding:8px;overflow-y:auto}.msg-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;cursor:pointer}.msg-row:hover{background:var(--surface-2)}.msg-row.active{background:var(--accent-soft)}.msg-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.msg-time{font-size:.78rem;color:var(--ink-faint)}.msg-unread{width:9px;height:9px;border-radius:50%;background:var(--accent)}.msg-thread{display:flex;flex-direction:column;overflow:hidden}.mt-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line-soft)}.mt-head .gr-body,.mt-head>div{display:flex;flex-direction:column}.mt-head .gr-name{overflow:visible}.mt-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:70%;padding:11px 15px;border-radius:16px;font-size:.92rem;line-height:1.4}.bubble.in{background:var(--surface-2);color:var(--ink);border-bottom-left-radius:5px;align-self:flex-start}.bubble.out{background:var(--accent);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.mt-input{display:flex;gap:10px;padding:16px 18px;border-top:1px solid var(--line-soft)}.mt-input input{flex:1;border:1px solid var(--line);border-radius:12px;padding:11px 15px;outline:none;background:var(--surface);color:var(--ink);margin:0}.mt-input input:focus{border-color:var(--accent)}.mt-input .btn{padding:11px 14px}.back-link{display:inline-flex;align-items:center;gap:4px;border:none;background:none;color:var(--ink-soft);font-weight:600;font-size:.9rem;padding:0;margin-bottom:-4px;cursor:pointer}.back-link:hover{color:var(--accent-ink)}.back-link svg{transform:rotate(180deg)}:root{--primary-color: var(--accent);--primary-hover: var(--accent-ink);--primary-light: var(--accent-soft);--primary-subtle: color-mix(in oklch, var(--accent) 10%, transparent);--bg-color: var(--paper);--card-bg: var(--surface);--text-main: var(--ink);--text-secondary: var(--ink-soft);--text-muted: var(--ink-faint);--border-color: var(--line);--border-light: var(--line-soft);--danger: oklch(.55 .18 25);--danger-light: oklch(.93 .06 25);--success: oklch(.55 .12 155);--success-light: oklch(.93 .06 155);--warning: oklch(.7 .13 70);--warning-light: oklch(.93 .07 80);--info: var(--accent);--info-light: var(--accent-soft);--shadow-md: var(--shadow);--shadow-xl: var(--shadow-lg);--radius-sm: 8px;--radius-md: var(--r-sm);--radius-lg: 14px;--radius-xl: var(--r)}.header-top-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.55rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;text-decoration:none!important;white-space:nowrap;flex-shrink:0}.back-btn:hover{background:#ffffff40;transform:translate(-2px);text-decoration:none!important}button{background-color:var(--accent);color:#fff;border:none;padding:.65rem 1.35rem;border-radius:var(--r-sm);font-weight:700;font-size:.875rem;cursor:pointer;transition:filter .15s,box-shadow .2s,transform .1s;font-family:inherit;letter-spacing:-.01em}button:hover{filter:brightness(1.06);box-shadow:0 4px 14px color-mix(in oklch,var(--accent) 30%,transparent);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none;filter:none}input[type=text],input[type=password],input[type=email],input[type=number],input[type=datetime-local]{width:100%;padding:.65rem 1rem;border:1.5px solid var(--line);border-radius:var(--r-sm);margin-bottom:1rem;font-family:inherit;font-size:.9rem;color:var(--ink);background:var(--surface);transition:all .2s ease}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=datetime-local]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--primary-subtle)}input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=datetime-local]::placeholder{color:var(--ink-faint)}select{width:100%;padding:.65rem 1rem;border:1.5px solid var(--line);border-radius:var(--r-sm);margin-bottom:1rem;font-family:inherit;font-size:.9rem;color:var(--ink);background:var(--surface);transition:all .2s ease;cursor:pointer}select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--primary-subtle)}a{color:var(--accent-ink);text-decoration:none;font-weight:500;transition:color .15s ease}a:hover{color:var(--accent);text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeIn .35s ease both}body.sidebar-collapsed main.with-sidebar{margin-left:var(--sb-wc)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .6s linear infinite;vertical-align:middle;flex-shrink:0}