:root{--brand-50: #f0fdfa;--brand-100: #ccfbf1;--brand-200: #99f6e4;--brand-300: #5eead4;--brand-400: #2dd4bf;--brand-500: #14b8a6;--brand-600: #0d9488;--brand-700: #0f766e;--brand-800: #115e59;--brand-900: #134e4a;--accent-50: #fff7ed;--accent-100: #ffedd5;--accent-300: #fdba74;--accent-500: #f97316;--accent-600: #ea580c;--neutral-0: #ffffff;--neutral-25: #fcfcfb;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--success: #16a34a;--success-soft: #dcfce7;--warning: #d97706;--warning-soft: #fef3c7;--danger: #dc2626;--danger-soft: #fee2e2;--info: #2563eb;--info-soft: #dbeafe;--level-very-good: #16a34a;--level-very-good-soft: #dcfce7;--level-good: #0891b2;--level-good-soft: #cffafe;--level-acceptable: #d97706;--level-acceptable-soft: #fef3c7;--level-needs-effort: #e11d48;--level-needs-effort-soft: #ffe4e6;--subject-farsi: #6366f1;--subject-math: #0891b2;--subject-science: #16a34a;--subject-quran: #b45309;--subject-tarbiati: #db2777;--bg-app: #f6f8f9;--bg-surface: #ffffff;--bg-subtle: var(--neutral-50);--bg-sidebar: #0e3b38;--bg-sidebar-hover: rgba(255, 255, 255, .08);--text-strong: var(--neutral-900);--text-body: var(--neutral-700);--text-muted: var(--neutral-500);--text-inverse: #ffffff;--border: var(--neutral-200);--border-strong: var(--neutral-300);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 18px 48px rgba(15, 23, 42, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-fa: "Vazirmatn", "IRANSans", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs: .72rem;--fs-sm: .82rem;--fs-base: .92rem;--fs-md: 1rem;--fs-lg: 1.15rem;--fs-xl: 1.35rem;--fs-2xl: 1.7rem;--fs-3xl: 2.1rem;--sidebar-width: 254px;--topbar-height: 68px;--transition: .16s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-fa);font-size:var(--fs-base);line-height:1.75;color:var(--text-body);background:var(--bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{margin:0;color:var(--text-strong);font-weight:700;line-height:1.5}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}p{margin:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--brand-200);color:var(--brand-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full);border:3px solid var(--bg-app)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.end{justify-content:flex-end}.grow{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.muted{color:var(--text-muted)}.strong{color:var(--text-strong)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-lg{font-size:var(--fs-lg)}.bold{font-weight:700}.semibold{font-weight:600}.nowrap{white-space:nowrap}.fade-in{animation:fadeIn .26s ease both}.slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 720px){.hide-sm{display:none!important}}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(185deg,#10504b 0%,var(--bg-sidebar) 55%,#0a2f2c 100%);color:#ffffffdb;padding:var(--space-5) var(--space-4);overflow-y:auto;z-index:40}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-5)}.sidebar__logo{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-md);background:#ffffff24;font-size:20px;flex-shrink:0}.sidebar__brand-name{color:#fff;font-weight:700;font-size:var(--fs-md);line-height:1.4}.sidebar__brand-sub{font-size:var(--fs-xs);color:#ffffff8c}.sidebar__section{padding:var(--space-4) var(--space-2) var(--space-2);font-size:var(--fs-xs);letter-spacing:.02em;color:#ffffff6b;font-weight:600}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:#ffffffc7;font-size:var(--fs-base);transition:background var(--transition),color var(--transition);position:relative}.nav-item:hover{background:var(--bg-sidebar-hover);color:#fff}.nav-item--active{background:#ffffff24;color:#fff;font-weight:600}.nav-item--active:before{content:"";position:absolute;inset-inline-start:-16px;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:var(--radius-full);background:var(--brand-300)}.nav-item__icon{width:22px;text-align:center;font-size:16px;flex-shrink:0}.nav-item__badge{margin-inline-start:auto;background:var(--accent-500);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:var(--radius-full)}.sidebar__footer{margin-top:auto;padding-top:var(--space-4)}.sidebar__demo-card{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--fs-xs);color:#ffffffb8;line-height:1.8}.main-area{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar__title{font-size:var(--fs-lg);font-weight:700;color:var(--text-strong);line-height:1.3}.topbar__subtitle{font-size:var(--fs-xs);color:var(--text-muted)}.topbar__actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-3)}.topbar__menu-btn{display:none;width:38px;height:38px;border-radius:var(--radius-md);background:var(--neutral-100);place-items:center;font-size:18px}.teacher-chip{display:flex;align-items:center;gap:var(--space-3);padding:5px var(--space-3) 5px 5px;border-radius:var(--radius-full);background:var(--neutral-100)}.teacher-chip__name{font-size:var(--fs-sm);font-weight:600;color:var(--text-strong);line-height:1.3}.teacher-chip__role{font-size:11px;color:var(--text-muted)}.topbar__logout{display:flex;align-items:center;gap:var(--space-1);min-height:38px;padding:6px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--fs-sm);transition:background var(--transition),color var(--transition),border-color var(--transition)}.topbar__logout:hover{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.login-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-5);background:radial-gradient(circle at 15% 20%,rgba(20,184,166,.18),transparent 32%),radial-gradient(circle at 85% 80%,rgba(245,158,11,.14),transparent 30%),linear-gradient(145deg,#f0fdfa 0%,var(--bg-app) 55%,#fffbeb 100%)}.login-card{width:min(100%,430px);display:flex;flex-direction:column;gap:var(--space-5);padding:clamp(24px,6vw,40px);background:#fffffff0;border:1px solid rgba(15,118,110,.14);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.login-card__brand{width:64px;height:64px;display:grid;place-items:center;align-self:center;border-radius:20px;color:#fff;background:linear-gradient(145deg,var(--brand-500),var(--brand-800));box-shadow:0 10px 24px #0f766e3d;font-size:30px}.login-card__error{padding:10px var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);background:var(--danger-soft);font-size:var(--fs-sm)}.login-card__notice{padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-xs);text-align:center}.page{padding:var(--space-6);max-width:1440px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-header__title{font-size:var(--fs-2xl);font-weight:800;color:var(--text-strong)}.page-header__desc{color:var(--text-muted);font-size:var(--fs-sm);max-width:60ch}.page-header__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.grid{display:grid;gap:var(--space-4)}.grid--stats{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--sidebar{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.grid--profile{grid-template-columns:320px minmax(0,1fr);align-items:start}.mobile-nav{display:none;position:fixed;inset-inline:0;bottom:0;z-index:50;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;border-radius:var(--radius-md);font-size:10px;color:var(--text-muted);min-width:58px}.mobile-nav__item--active{color:var(--brand-700);font-weight:700}.mobile-nav__icon{font-size:18px}.sidebar__backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:39}@media (max-width: 1180px){.grid--stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--sidebar,.grid--profile{grid-template-columns:minmax(0,1fr)}.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:268px;transform:translate(100%);transition:transform var(--transition);box-shadow:var(--shadow-lg)}.sidebar--open{transform:translate(0)}.sidebar--open+.sidebar__backdrop,.sidebar__backdrop--visible{display:block}.topbar__menu-btn{display:grid}.mobile-nav{display:flex}.page{padding:var(--space-4);padding-bottom:88px;gap:var(--space-4)}}@media (max-width: 640px){.grid--stats,.grid--2,.grid--3{grid-template-columns:minmax(0,1fr)}.page-header__title{font-size:var(--fs-xl)}.topbar{padding:0 var(--space-4)}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.card--pad{padding:var(--space-5)}.card--hover{transition:box-shadow var(--transition),transform var(--transition)}.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--flat{box-shadow:none}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.card__title{font-size:var(--fs-md);font-weight:700;color:var(--text-strong);display:flex;align-items:center;gap:var(--space-2)}.card__subtitle{font-size:var(--fs-xs);color:var(--text-muted);font-weight:400}.card__body{padding:var(--space-5)}.card__body--tight{padding:var(--space-3) var(--space-4)}.card__footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--bg-subtle)}.stat-card{position:relative;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__glow{position:absolute;inset-block-start:-40px;inset-inline-start:-30px;width:130px;height:130px;border-radius:50%;opacity:.1;filter:blur(6px)}.stat-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-md);font-size:20px}.stat-card__label{font-size:var(--fs-sm);color:var(--text-muted)}.stat-card__value{font-size:var(--fs-2xl);font-weight:800;color:var(--text-strong);line-height:1.2}.stat-card__hint{font-size:var(--fs-xs);color:var(--text-muted)}.stat-card__delta{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.stat-card__delta--up{background:var(--success-soft);color:var(--success)}.stat-card__delta--down{background:var(--danger-soft);color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;transition:background var(--transition),color var(--transition),box-shadow var(--transition),border-color var(--transition);border:1px solid transparent;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-700);color:#fff;box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){background:var(--brand-800)}.btn--secondary{background:var(--neutral-100);color:var(--text-strong)}.btn--secondary:hover:not(:disabled){background:var(--neutral-200)}.btn--ghost{background:transparent;color:var(--text-body)}.btn--ghost:hover:not(:disabled){background:var(--neutral-100)}.btn--outline{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-strong)}.btn--outline:hover:not(:disabled){border-color:var(--brand-500);color:var(--brand-700)}.btn--danger{background:var(--danger-soft);color:var(--danger)}.btn--danger:hover:not(:disabled){background:#fecaca}.btn--sm{padding:5px var(--space-3);font-size:var(--fs-xs)}.btn--lg{padding:12px var(--space-6);font-size:var(--fs-md)}.btn--block{width:100%}.btn--icon{padding:8px;width:34px;height:34px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.badge--neutral{background:var(--neutral-100);color:var(--neutral-600)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--brand{background:var(--brand-50);color:var(--brand-700)}.level-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:700;border:1px solid transparent}.level-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.level-pill--veryGood{background:var(--level-very-good-soft);color:var(--level-very-good)}.level-pill--good{background:var(--level-good-soft);color:var(--level-good)}.level-pill--acceptable{background:var(--level-acceptable-soft);color:var(--level-acceptable)}.level-pill--needsEffort{background:var(--level-needs-effort-soft);color:var(--level-needs-effort)}.level-pill--button{cursor:pointer;opacity:.55;border-color:transparent}.level-pill--button:hover{opacity:.85}.level-pill--selected{opacity:1;border-color:currentColor;box-shadow:var(--shadow-xs)}.level-picker{display:flex;flex-wrap:wrap;gap:6px}.avatar{display:grid;place-items:center;border-radius:var(--radius-full);color:#fff;font-weight:700;flex-shrink:0;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.avatar--sm{width:32px;height:32px;font-size:11px}.avatar--md{width:42px;height:42px;font-size:var(--fs-sm)}.avatar--lg{width:64px;height:64px;font-size:var(--fs-md)}.avatar--xl{width:88px;height:88px;font-size:var(--fs-xl)}.avatar--ring{box-shadow:0 0 0 3px var(--bg-surface),0 0 0 5px currentColor}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--text-strong)}.field__hint{font-size:var(--fs-xs);color:var(--text-muted)}.input,.select,.textarea{width:100%;padding:9px var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-strong);transition:border-color var(--transition),box-shadow var(--transition);font-size:var(--fs-sm)}.input::placeholder,.textarea::placeholder{color:var(--neutral-400)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.textarea{min-height:92px;resize:vertical;line-height:1.9}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8.5 1.5 4h9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-inline-start:var(--space-3);padding-inline-end:var(--space-8)}.search-input{position:relative;display:flex;align-items:center}.search-input__icon{position:absolute;inset-inline-start:12px;color:var(--neutral-400);font-size:14px;pointer-events:none}.search-input .input{padding-inline-start:36px}.segmented{display:inline-flex;background:var(--neutral-100);border-radius:var(--radius-md);padding:3px;gap:2px}.segmented__option{padding:6px var(--space-4);border-radius:9px;font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);transition:background var(--transition),color var(--transition);white-space:nowrap}.segmented__option--active{background:var(--bg-surface);color:var(--brand-700);box-shadow:var(--shadow-xs)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px var(--space-4);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition),border-color var(--transition);white-space:nowrap}.tab:hover{color:var(--text-strong)}.tab--active{color:var(--brand-700);border-bottom-color:var(--brand-600)}.progress{width:100%;height:8px;background:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden}.progress__bar{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.16,1,.3,1)}.progress--lg{height:12px}.meter-row{display:flex;align-items:center;gap:var(--space-3)}.meter-row__label{min-width:108px;font-size:var(--fs-sm)}.meter-row__value{min-width:76px;text-align:end}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:start;font-weight:600;color:var(--text-muted);font-size:var(--fs-xs);padding:var(--space-3) var(--space-4);background:var(--bg-subtle);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-100);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg-subtle)}.student-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.student-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--brand-200)}.student-card__top{display:flex;align-items:flex-start;gap:var(--space-3)}.student-card__name{font-weight:700;color:var(--text-strong);font-size:var(--fs-md)}.student-card__meta{font-size:var(--fs-xs);color:var(--text-muted)}.student-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition)}.student-row:hover{background:var(--bg-subtle)}.timeline{position:relative;padding-inline-start:var(--space-6)}.timeline:before{content:"";position:absolute;inset-inline-start:7px;inset-block:6px;width:2px;background:linear-gradient(var(--brand-200),var(--neutral-200))}.timeline__item{position:relative;padding-bottom:var(--space-5)}.timeline__item:last-child{padding-bottom:0}.timeline__dot{position:absolute;inset-inline-start:calc(-1 * var(--space-6) + 1px);top:5px;width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-surface);box-shadow:0 0 0 2px currentColor}.timeline__date{font-size:var(--fs-xs);color:var(--text-muted)}.timeline__title{font-weight:700;color:var(--text-strong);font-size:var(--fs-sm)}.timeline__desc{font-size:var(--fs-sm);color:var(--text-body)}.note-card{display:flex;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);transition:box-shadow var(--transition)}.note-card:hover{box-shadow:var(--shadow-sm)}.note-card--pinned{border-color:var(--accent-300);background:var(--accent-50)}.note-card__icon{width:34px;height:34px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:15px;flex-shrink:0}.week-grid{display:grid;grid-template-columns:92px repeat(5,minmax(150px,1fr));gap:var(--space-2);min-width:880px}.week-grid__head{position:sticky;top:0;background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;border:1px solid var(--border)}.week-grid__head--today{background:var(--brand-50);border-color:var(--brand-200)}.week-grid__day{font-weight:700;color:var(--text-strong);font-size:var(--fs-sm)}.week-grid__date{font-size:var(--fs-xs);color:var(--text-muted)}.week-grid__period{display:flex;flex-direction:column;justify-content:center;padding:var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md);font-size:var(--fs-xs);color:var(--text-muted);text-align:center}.week-grid__cell{min-height:92px;border:1px dashed var(--border);border-radius:var(--radius-md);padding:6px;display:flex;flex-direction:column;gap:6px;transition:background var(--transition),border-color var(--transition)}.week-grid__cell:hover{background:var(--bg-subtle);border-color:var(--brand-200)}.plan-chip{position:relative;padding:8px 10px;border-radius:var(--radius-sm);font-size:var(--fs-xs);line-height:1.6;border-inline-start:3px solid currentColor;background:var(--bg-subtle);cursor:default}.plan-chip__title{font-weight:700;color:var(--text-strong)}.plan-chip__detail{color:var(--text-muted)}.plan-chip__remove{position:absolute;inset-block-start:4px;inset-inline-end:4px;opacity:0;font-size:11px;color:var(--text-muted);transition:opacity var(--transition)}.plan-chip:hover .plan-chip__remove{opacity:1}.week-grid__cell--add{border-style:dashed;color:var(--text-muted);font-size:var(--fs-xs)}.chat{display:flex;flex-direction:column;height:calc(100vh - var(--topbar-height) - 2 * var(--space-6));min-height:520px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.chat__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:linear-gradient(90deg,var(--brand-50),transparent)}.chat__body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);background:var(--bg-subtle)}.chat__row{display:flex;gap:var(--space-3);max-width:760px}.chat__row--teacher{flex-direction:row-reverse;margin-inline-start:auto}.bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--fs-sm);line-height:2;white-space:pre-wrap;box-shadow:var(--shadow-xs)}.bubble--assistant{background:var(--bg-surface);border:1px solid var(--border);border-start-start-radius:4px}.bubble--teacher{background:var(--brand-700);color:#fff;border-start-end-radius:4px}.bubble strong{font-weight:700}.bubble__time{display:block;font-size:10px;opacity:.6;margin-top:6px}.chat__typing{display:inline-flex;gap:4px;align-items:center;padding:4px 0}.chat__typing span{width:7px;height:7px;border-radius:50%;background:var(--neutral-400);animation:pulseDot 1.1s infinite}.chat__typing span:nth-child(2){animation-delay:.15s}.chat__typing span:nth-child(3){animation-delay:.3s}.chat__suggestions{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-5) 0}.suggestion-chip{padding:6px var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--bg-surface);font-size:var(--fs-xs);color:var(--text-body);transition:border-color var(--transition),color var(--transition),background var(--transition)}.suggestion-chip:hover{border-color:var(--brand-400);color:var(--brand-700);background:var(--brand-50)}.chat__composer{display:flex;gap:var(--space-3);align-items:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--bg-surface)}.chat__composer .textarea{min-height:46px;max-height:140px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;display:grid;place-items:center;padding:var(--space-4);animation:fadeIn .18s ease;overflow-y:auto}.modal{width:min(620px,100%);background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:slideUp .24s cubic-bezier(.16,1,.3,1);max-height:92vh;display:flex;flex-direction:column;margin:auto}.modal--wide{width:min(880px,100%)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border)}.modal__body{padding:var(--space-5);overflow-y:auto}.modal__footer{display:flex;justify-content:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--bg-subtle)}.modal__close{width:32px;height:32px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--text-muted);transition:background var(--transition)}.modal__close:hover{background:var(--neutral-100)}.attendance-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-inline-start:4px solid var(--level-very-good);border-radius:var(--radius-md);background:var(--bg-surface);transition:box-shadow var(--transition),border-color var(--transition)}.attendance-row:hover{box-shadow:var(--shadow-sm)}.attendance-chip{padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--bg-surface);font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);transition:border-color var(--transition),color var(--transition),background var(--transition)}.attendance-chip:hover{border-color:var(--brand-400);color:var(--brand-700)}.import-drop{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-5);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-subtle);text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.import-drop:hover,.import-drop--active{border-color:var(--brand-500);background:var(--brand-50)}.class-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.class-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.class-card--active{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--brand-100)}.class-card__icon{width:46px;height:46px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:22px}.class-switcher{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:8px var(--space-3);border-radius:var(--radius-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--space-2)}.class-switcher select{flex:1;background:transparent;border:none;color:#fff;font-family:inherit;font-size:var(--fs-sm);font-weight:600;outline:none;cursor:pointer}.class-switcher select option{color:var(--text-strong)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);text-align:center;color:var(--text-muted)}.empty-state__icon{font-size:34px;opacity:.6}.toast{position:fixed;inset-block-end:var(--space-6);inset-inline-start:var(--space-6);z-index:80;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--neutral-900);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);animation:slideUp .24s cubic-bezier(.16,1,.3,1)}@media (max-width: 900px){.toast{inset-block-end:84px;inset-inline:var(--space-4)}}.divider{height:1px;background:var(--border);border:none;margin:var(--space-4) 0}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 10px;border-radius:var(--radius-full);background:var(--neutral-100);font-size:var(--fs-xs);color:var(--text-body)}.chip--success{background:var(--success-soft);color:var(--success)}.chip--warning{background:var(--warning-soft);color:var(--warning)}.chip--brand{background:var(--brand-50);color:var(--brand-700)}.info-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:9px 0;border-bottom:1px dashed var(--neutral-200);font-size:var(--fs-sm)}.info-row:last-child{border-bottom:none}.info-row__label{color:var(--text-muted)}.info-row__value{color:var(--text-strong);font-weight:600;text-align:end}.hero-card{position:relative;border-radius:var(--radius-xl);padding:var(--space-6);color:#fff;background:linear-gradient(120deg,var(--brand-700),var(--brand-500) 55%,#0e7490);overflow:hidden;box-shadow:var(--shadow-md)}.hero-card:after{content:"";position:absolute;inset-block-start:-70px;inset-inline-start:-40px;width:260px;height:260px;border-radius:50%;background:#ffffff17}.hero-card:before{content:"";position:absolute;inset-block-end:-90px;inset-inline-end:12%;width:200px;height:200px;border-radius:50%;background:#ffffff12}.hero-card__content{position:relative;z-index:1}.hero-card__stat{background:#ffffff24;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-width:118px}.hero-card__stat-value{font-size:var(--fs-xl);font-weight:800;color:#fff;line-height:1.3}.hero-card__stat-label{font-size:var(--fs-xs);color:#fffc}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-md);font-weight:700;color:var(--text-strong)}.skill-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition)}.skill-row:hover{background:var(--bg-subtle)}.skill-row__name{font-size:var(--fs-sm);font-weight:600;color:var(--text-strong)}.skill-row__hint{font-size:var(--fs-xs);color:var(--text-muted)}.subject-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-subtle)}.subject-header__icon{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:17px;background:var(--bg-surface);box-shadow:var(--shadow-xs)}@media print{.sidebar,.topbar,.mobile-nav,.print-hidden{display:none!important}.app-shell{grid-template-columns:1fr}.page{padding:0}.card{break-inside:avoid;box-shadow:none}}