@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap";:root{color-scheme:light;font-family:Nunito,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;--violet: #3E5C76;--violet-deep: #2E465D;--violet-soft: #E6EDF4;--turquoise: #4C8FA0;--turquoise-soft: #E4EEF1;--accent: #3E5C76;--accent-deep: #2E465D;--muted-strong: #5A6878;--accent-hover: #5E86A5;--accent-soft: #E6EDF4;--yellow: #C9A45E;--yellow-soft: #F4EBD8;--rose: #C97E8C;--rose-soft: #F3E4E6;--mint: #5E9E8A;--mint-soft: #E2EFEB;--danger: #B23A3A;--danger-soft: #FFE4E8;--danger-border: #F9B5C2;--ink: #1E2A38;--muted: #5F6E7E;--bg: #F4F6F9;--card: #FFFFFF;--border: #E1E6ED;--shadow: 0 16px 40px rgba(42, 62, 83, .13);--shadow-sm: 0 8px 18px rgba(42, 62, 83, .1);--shadow-pop: 0 6px 0 rgba(24, 47, 70, .35);--r-xl: 30px;--r-lg: 22px;--r-md: 16px;--r-sm: 12px;--r-pill: 999px;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-frame{min-height:100svh;display:grid;place-items:center;padding:24px;background:var(--bg)}.auth-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:432px;padding:40px 32px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 24px #1e2a380f}.auth-actions{position:absolute;top:16px;right:16px}.auth-brand{display:grid;place-items:center}.auth-brand__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.auth-head{display:grid;gap:8px;text-align:center}.auth-title{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-weight:600;font-size:24px;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}.auth-subtitle{margin:0;font-family:Nunito,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:15px;line-height:1.5;color:var(--muted-strong)}.auth-form{display:grid;gap:16px;width:100%}.auth-field{display:grid;gap:8px}.auth-label{font-family:Nunito,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:13px;line-height:1.3;color:var(--muted-strong)}.auth-input{min-height:48px;width:100%;padding:12px 16px;background:#f2f5f8;border:2px solid var(--border);border-radius:12px;color:var(--ink);font-size:15px;transition:border-color .14s ease-out,background-color .14s ease-out,outline .14s ease-out}.auth-input:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent);background:#fff}.auth-input:hover{border-color:var(--accent);background:var(--accent-soft)}.auth-submit{width:100%;min-height:48px;padding:12px 16px;border-radius:12px;background:var(--accent);color:#fff;font-family:Nunito,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:15px;transition:background-color .16s ease-out,box-shadow .16s ease-out}.auth-submit:hover:not(:disabled){background:var(--accent-deep);box-shadow:var(--shadow-sm)}.auth-footer{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:14px}.auth-note{font-size:14px;color:var(--muted)}.auth-error{width:100%;text-align:center;font-weight:600;font-size:14px;color:var(--muted-strong)}.form-grid .field-label,.compact-form .field-label{font-weight:800;font-size:.86rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}@media (max-width: 480px){.auth-frame{padding:0}.auth-card{border:0;border-radius:0;box-shadow:none;min-height:100svh;width:100%;justify-content:center;padding:24px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}.form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.compact-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.form-grid .photo-btn{width:100%;justify-content:center}input,select,textarea{width:100%;border:2px solid var(--border);border-radius:var(--r-md);background:#f2f5f8;color:var(--ink);padding:12px 14px;font-weight:600;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input::placeholder,textarea::placeholder{color:#72808f}input:focus,select:focus,textarea:focus{border-color:var(--violet);background:#fff;box-shadow:0 0 0 4px var(--violet-soft)}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='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236C5CE7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px}textarea{min-height:110px;resize:vertical}input[type=file]{padding:8px;font-weight:600}.form-grid button,.compact-form button,.quiz-list button{background:linear-gradient(135deg,var(--violet),var(--violet-deep));color:#fff;min-height:48px;padding:0 22px;font-weight:900;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.05rem;border-radius:var(--r-pill);box-shadow:0 8px #182f464d;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.form-grid button:hover:not(:disabled),.compact-form button:hover:not(:disabled),.quiz-list button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px #182f4647;filter:brightness(1.05)}.form-grid button:active:not(:disabled),.compact-form button:active:not(:disabled),.quiz-list button:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px #182f464d}.shell{min-height:100vh;display:grid;grid-template-columns:1fr}.sidebar{display:flex;align-items:center;height:64px;gap:8px;padding:8px 16px;position:sticky;top:0;z-index:30;background:linear-gradient(120deg,var(--violet) 0%,#3E5C76 55%,#5E7E9C 100%);color:#fff;box-shadow:0 8px 20px #2a3e5347}.brand{display:flex;align-items:center;gap:9px;margin-right:auto;min-width:0}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--violet);font-size:1.15rem;box-shadow:0 4px 10px #00000029}.brand strong{font-family:"Baloo 2",Nunito,sans-serif;font-size:1rem;font-weight:800;line-height:1}.brand small{display:none}nav{display:flex;gap:6px}nav button{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;color:#fff;border-radius:var(--r-pill);padding:9px 13px;font-weight:800;font-size:.88rem;transition:background .15s ease,color .15s ease,transform .12s ease;white-space:nowrap}nav button .nav-ico{font-size:1rem}nav button:hover:not(:disabled){background:#ffffff42}nav button.active{background:#fff;color:var(--violet)}nav button:disabled{opacity:.55}.identity{display:flex;align-items:center;gap:8px}.identity .avatar,.identity .identity-copy{display:none}.identity .logout-btn{background:#ffffff2e;color:#fff;border-radius:var(--r-pill);padding:8px 13px;font-weight:800;font-size:.82rem;white-space:nowrap;transition:background .15s ease}.identity .logout-btn:hover{background:#ffffff4d}.mobile-nav{position:fixed;left:0;right:0;bottom:0;height:64px;display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;background:var(--card);border-top:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:82;padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}.mobile-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:48px;background:transparent;color:var(--muted);font-weight:800;font-size:.72rem;line-height:1;transition:color .14s ease}.mobile-nav button .mnav-ico{display:block;font-size:24px;line-height:1}.mobile-nav button .mnav-label{display:block}.mobile-nav button.active{color:var(--accent)}.mobile-nav button.active:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}.mobile-nav button:disabled{opacity:.5}.main{min-width:0;padding:clamp(14px,3vw,30px)}.content{max-width:1080px;margin:0 auto}.page-stack{display:grid;gap:24px}.page-header{display:flex;flex-direction:column;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(20px,4vw,30px);box-shadow:var(--shadow-sm)}.page-header h1{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-weight:800;font-size:clamp(1.7rem,6vw,3rem);line-height:1.05;letter-spacing:-.02em}.page-header .hello{margin:0;color:var(--violet);font-weight:900;font-size:1.02rem}.page-header .sub{margin:0;color:var(--muted);font-weight:700}.kicker{margin:0 0 8px;color:var(--violet);font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.gamify-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.pill{display:inline-flex;align-items:center;gap:8px;justify-content:center;flex:1;min-width:120px;text-align:center;border-radius:var(--r-pill);padding:10px 16px;font-weight:800;box-shadow:var(--shadow-sm)}.pill .pill-ico{font-size:1.1rem}.pill b{font-size:1.25rem;font-family:"Baloo 2",sans-serif;line-height:1}.pill small{display:block;font-size:.72rem;opacity:.8;font-weight:700}.pill.violet{background:var(--violet-soft);color:var(--violet-deep)}.pill.mint{background:var(--mint-soft);color:var(--mint)}.pill.turquoise{background:var(--turquoise-soft);color:#3e7787}.pill.rose{background:var(--rose-soft);color:#a86573}.pill.yellow{background:var(--yellow-soft);color:#8a7225}.metric-row{display:flex;gap:16px;flex-wrap:wrap}.metric{flex:1;min-width:96px;padding:14px 16px;border-radius:var(--r-lg);background:var(--violet-soft);box-shadow:var(--shadow-sm);transition:transform .12s ease}.metric:hover{transform:translateY(-2px)}.metric span{display:block;color:var(--muted);font-size:.82rem;font-weight:700}.metric b{font-size:1.9rem;font-family:"Baloo 2",sans-serif;line-height:1.1;color:var(--ink)}.metric.violet{background:var(--violet-soft)}.metric.turquoise{background:var(--turquoise-soft)}.metric.rose{background:var(--rose-soft)}.metric.yellow{background:var(--yellow-soft)}.metric.mint{background:var(--mint-soft)}.grid{display:grid;gap:16px}.grid.two,.grid.three,.grid.wide-left{grid-template-columns:minmax(0,1fr)}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:24px;box-shadow:var(--shadow-sm)}.panel h2{margin:0 0 16px;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.35rem;font-weight:800;display:flex;align-items:center;gap:8px}.panel h2:before{content:"";width:8px;height:26px;border-radius:6px;background:linear-gradient(var(--violet),var(--turquoise));display:inline-block}.panel.empty{color:var(--muted);text-align:center;padding:34px;font-weight:700}.notice{padding:14px 16px;border-radius:var(--r-md);margin-bottom:14px;font-weight:700;display:flex;align-items:center;gap:10px}.notice.error{color:var(--danger);background:var(--danger-soft);border:2px solid var(--danger-border)}.notice.success{color:var(--mint);background:var(--mint-soft);border:2px solid #BFD9D2}.student-list,.course-list,.timeline,.cards{display:grid;gap:10px}.row-button,.course-list button{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;text-align:left;padding:13px 15px;border:2px solid var(--border);border-radius:var(--r-lg);background:#f7f9fb;color:var(--ink);font-weight:700;transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease,background .15s ease}.row-button:hover,.course-list button:hover:not(:disabled){border-color:var(--violet);transform:translateY(-2px);box-shadow:var(--shadow-sm);background:#fff}.row-button.selected{border-color:var(--violet);background:var(--violet-soft);box-shadow:inset 4px 0 0 var(--violet)}.row-button small,.course-list button small{display:block;color:var(--muted);font-weight:700}.row-button b,.course-list button b{color:var(--violet);font-weight:900;white-space:nowrap}.course-list button{flex-direction:column;align-items:stretch;gap:6px}.course-list button .course-ico{font-size:1.4rem}.course-list button .status{color:var(--muted);font-weight:700;font-size:.82rem}.course-list button .status.done{color:var(--mint)}.course-list button .status.ready{color:var(--turquoise)}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.chips span{border-radius:var(--r-pill);padding:9px 14px;font-weight:800;color:var(--ink);background:var(--yellow-soft);border:2px solid transparent;transition:transform .12s ease}.chips span:hover{transform:translateY(-2px) rotate(-1deg)}.chips span{border-left:6px solid var(--chip, var(--violet))}.timeline div{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:2px solid var(--border);padding:12px 0}.timeline div:last-child{border-bottom:0}.timeline b{color:var(--violet);font-weight:900}.timeline span{color:var(--muted);font-weight:700}.paper{background:#fff}.markdown h1{font-family:"Baloo 2",sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 18px}.markdown h2{margin:26px 0 10px;color:var(--violet-deep);font-family:"Baloo 2",sans-serif}.markdown p,.markdown li{line-height:1.72;color:var(--ink);font-size:1.02rem}.markdown ul{padding-left:22px}.markdown strong{color:var(--violet-deep)}.markdown h3{margin:22px 0 10px;color:var(--violet-deep);font-family:"Baloo 2",sans-serif}.markdown ol{padding-left:22px}.markdown blockquote{margin:12px 0;padding:12px 16px;border-left:4px solid var(--turquoise);background:#f2f7f8;border-radius:0 var(--r-md) var(--r-md) 0;color:var(--muted-strong);font-style:italic}.markdown img{max-width:100%;height:auto;border-radius:var(--r-md);margin:10px 0;display:block}.course-guide{display:flex;flex-direction:column;gap:14px}.guide-head{margin-bottom:0}.guide-edit-btn{width:auto;gap:7px;padding:0 14px;height:40px}.guide-edit-label{font-weight:800;font-size:.88rem}.guide-editor{display:grid;gap:12px}.guide-toolbar{display:flex;flex-wrap:wrap;gap:8px}.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-md);border:2px solid var(--border);background:var(--card);color:var(--muted-strong);transition:border-color .12s ease,color .12s ease,background .12s ease}.tool-btn:hover{border-color:var(--violet);color:var(--violet);background:var(--violet-soft)}.tool-btn:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.guide-textarea{width:100%;min-height:320px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;line-height:1.55;padding:14px 16px;border:2px solid var(--border);border-radius:var(--r-lg);background:#fff;color:var(--ink)}.guide-textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.guide-preview{border-top:2px dashed var(--border);padding-top:14px}.guide-preview h3{margin:0 0 8px;font-family:"Baloo 2",sans-serif;color:var(--muted);font-size:.95rem;text-transform:uppercase;letter-spacing:.04em}.guide-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.guide-actions .btn-primary,.guide-actions .btn-secondary{min-height:44px;padding:0 18px}.guide-actions .btn-primary[aria-disabled=true]{opacity:.55;cursor:not-allowed}@media (max-width: 480px){.guide-textarea{min-height:240px}.guide-preview{display:none}}.cards details{border:2px solid var(--border);border-radius:var(--r-lg);background:#f7f9fb;padding:14px 16px;transition:border-color .15s ease,box-shadow .15s ease}.cards details[open]{border-color:var(--violet);box-shadow:var(--shadow-sm);background:var(--violet-soft)}.cards summary{font-weight:900;cursor:pointer;font-family:"Baloo 2",sans-serif;font-size:1.05rem;list-style:none;display:flex;gap:8px;align-items:center}.cards summary::-webkit-details-marker{display:none}.cards summary:before{content:"🃏";font-size:1.1rem}.cards details[open] summary:before{content:"✨"}.cards details p{margin:56px 0 0 26px;color:var(--ink);font-weight:600;line-height:1.6}.progress-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:20px 22px;box-shadow:var(--shadow-sm);display:grid;gap:12px}.progress-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-weight:800;color:var(--muted)}.progress-head b{color:var(--violet);font-family:"Baloo 2",sans-serif;font-size:1.3rem}.progress-track{height:18px;border-radius:var(--r-pill);background:var(--violet-soft);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--turquoise),var(--violet));transition:width .4s ease;box-shadow:0 2px 6px #2a3e5366}.xp-badge,.muted-badge{background:var(--yellow-soft);color:#8a7225;border-radius:var(--r-pill);padding:7px 13px;font-weight:900;font-size:.85rem}.quiz-list{display:grid;gap:18px}fieldset{border:2px solid var(--border);border-radius:var(--r-lg);padding:16px;margin:0;background:#f7f9fb;transition:border-color .15s ease}fieldset:hover{border-color:var(--violet)}legend{font-weight:900;font-family:"Baloo 2",sans-serif;font-size:1.05rem;padding:0 6px;color:var(--violet-deep)}.answer{display:flex;gap:10px;align-items:center;margin:12px 0;padding:11px 13px;border-radius:var(--r-md);background:#fff;border:2px solid transparent;transition:border-color .12s ease,background .12s ease}.answer:hover{border-color:var(--turquoise);background:var(--turquoise-soft)}.answer input{width:auto;margin:0;accent-color:var(--violet);transform:scale(1.2)}.answer.has-selected{background:var(--violet-soft);border-color:var(--violet)}fieldset small{display:block;margin:8px 0 0;color:var(--muted);font-weight:700}.quiz-panel .notice{margin-top:16px;font-size:1.15rem}@media (min-width: 920px){.shell{grid-template-columns:270px 1fr}.sidebar{position:sticky;top:0;height:100vh;flex-direction:column;align-items:stretch;gap:0;padding:24px 18px;background:linear-gradient(180deg,#3e5c76,#2e465d 60%,#2e465d);box-shadow:none}.brand{margin:0;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.16)}.brand-mark{width:48px;height:48px;border-radius:16px;font-size:1.5rem}.brand strong{font-size:1.2rem}.brand small{display:block;font-size:.82rem;opacity:.82;font-weight:700;margin-top:2px}nav{margin-top:22px;display:grid;gap:10px}nav button{justify-content:flex-start;border-radius:14px;padding:13px 14px;font-size:.96rem;background:#ffffff12}.identity{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:10px}.identity .avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff3;color:#fff;font-weight:900;font-family:"Baloo 2",sans-serif;font-size:1.2rem}.identity .identity-copy{display:block;min-width:0}.identity .identity-copy span{font-weight:800;font-size:.98rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity .identity-copy small{opacity:.78;font-weight:700;font-size:.78rem}.identity .logout-btn{margin-left:auto;background:#ffffff24;font-size:.8rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.wide-left{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}}@media (max-width: 480px){.main{padding:12px}.metric{min-width:82px}nav button{padding:8px 11px}}[data-theme=dark]{color-scheme:dark;--violet: #6B93B0;--violet-deep: #86AEC9;--violet-soft: #22303F;--turquoise: #5FA8B8;--turquoise-soft: #1E333C;--yellow: #C9A45E;--yellow-soft: #2E2A1E;--rose: #C97E8C;--rose-soft: #34252B;--mint: #6FA893;--mint-soft: #1E2E2A;--danger: #F2A6A6;--danger-soft: #33201F;--danger-border: #5C3434;--ink: #E6ECF2;--muted: #94A3B2;--bg: #10151C;--card: #1A222C;--border: #2A3542;--shadow: 0 16px 32px rgba(0, 0, 0, .42);--shadow-sm: 0 8px 20px rgba(43, 34, 56, .18);--shadow-pop: 0 5px 0 rgba(0, 0, 51, .3);--accent: #6B93B0;--accent-deep: #86AEC9;--muted-strong: #94A3B2;--accent-hover: #5E86A5;--accent-soft: #22303F;--chip: #5FA8B8}[data-theme=dark] body{background:var(--bg);color:var(--ink)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#141b24;border-color:var(--border);color:var(--ink)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:#1a222c;border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-soft)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#7a8b9c}[data-theme=dark] .row-button,[data-theme=dark] .course-list button,[data-theme=dark] .cards details,[data-theme=dark] fieldset,[data-theme=dark] .answer{background:#141b24}[data-theme=dark] .panel,[data-theme=dark] .page-header,[data-theme=dark] .auth-card,[data-theme=dark] .progress-card{background:var(--card)}[data-theme=dark] .paper{background:#161e27}[data-theme=dark] .chips span{background:var(--yellow-soft);color:var(--ink)}[data-theme=dark] .metric span{color:var(--muted)}[data-theme=dark] .notice.error{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}[data-theme=dark] .notice.success{color:#9cd6bc;background:#1c2e28;border-color:#2e5546}[data-theme=dark] .auth-card{box-shadow:0 8px 24px #0006}[data-theme=dark] .auth-submit{color:var(--bg)}[data-theme=dark] .auth-submit:hover:not(:disabled){background:var(--accent-hover)}[data-theme=dark] .auth-input{background:#141b24}[data-theme=dark] .auth-input:focus{background:#1a222c}[data-theme=dark] .auth-input:hover{background:var(--accent-soft)}[data-theme=dark] .sidebar,[data-theme=dark] .main{background:transparent}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:var(--r-pill);border:2px solid var(--border);background:var(--violet-soft);color:var(--ink);font-size:1.05rem;line-height:1;transition:background .18s ease,transform .12s ease,border-color .18s ease}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--violet)}.theme-ico{display:block}.identity .theme-toggle{border-color:#ffffff40;background:#ffffff29;color:#fff}.identity .theme-toggle:hover{background:#ffffff4d}[data-theme=dark] .theme-toggle{background:var(--accent-soft);border-color:var(--border);color:var(--ink)}.photo-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:var(--r-pill);border:2px dashed var(--violet);background:var(--violet-soft);color:var(--violet-deep);font-family:"Baloo 2",Nunito,sans-serif;font-size:1.02rem;font-weight:800;transition:background .15s ease,transform .12s ease,border-color .15s ease}.photo-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--violet-deep);transform:translateY(-2px)}.photo-ico{font-size:1.2rem}.form-grid .dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;padding:24px;border:2px dashed var(--border);border-radius:var(--r-md);background:transparent;color:var(--muted);text-align:center;font-weight:700;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .12s ease}.form-grid .dropzone span{color:var(--ink);font-weight:800}.form-grid .dropzone small{opacity:.85;font-weight:700}.form-grid .dropzone:hover:not(:disabled){border-color:var(--accent);background:var(--violet-soft)}.form-grid .dropzone:disabled{opacity:.6}.photo-panel{display:flex;flex-direction:column;gap:16px}.photo-title{font-weight:800;font-size:.86rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.photo-empty{margin:0;color:var(--muted);font-weight:700;font-size:.9rem}.photo-preview{display:flex;flex-direction:column;gap:16px}.photo-count{color:var(--violet-deep);font-weight:900;font-size:.95rem}.photo-thumbs{display:flex;flex-wrap:wrap;gap:8px}.photo-thumb{position:relative;width:64px;height:64px;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);background-color:var(--violet-soft);background-size:cover;background-position:center;background-repeat:no-repeat}.photo-thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);background:var(--violet-soft)}.photo-file{display:block;max-width:64px;font-size:.68rem;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;min-width:24px;padding:0;border-radius:999px;background:#1e2a37c7;color:#fff;display:inline-flex;align-items:center;justify-content:center}.photo-remove:hover{background:var(--danger)}.photo-import{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;background:linear-gradient(135deg,var(--violet),var(--violet-deep));color:#fff;font-weight:900;font-family:"Baloo 2",Nunito,sans-serif;font-size:1rem;border-radius:999px;box-shadow:0 8px #182f414d;transition:transform .12s ease,box-shadow .12s ease}.photo-import:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px #18512042}.photo-import:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px #414c1a42}.photo-import:disabled{opacity:.55;cursor:not-allowed}.photo-import[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.photo-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:64px}.photo-item.photo-analyzing .photo-thumb{opacity:.55}.photo-item.photo-error .photo-thumb{border-color:var(--danger-border);box-shadow:0 0 0 2px var(--danger-soft)}.photo-badge{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:800;line-height:1.25;border-radius:999px;padding:4px 8px}.photo-badge-loading{background:var(--turquoise-soft);color:var(--turquoise)}.photo-badge-error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .photo-badge-loading{background:#1e333c;color:var(--turquoise)}[data-theme=dark] .photo-badge-error{background:var(--danger-soft);color:var(--danger)}@media (max-width: 920px){.grid.two,.grid.three{grid-template-columns:minmax(0,1fr)}.metric-row,.gamify-row,.page-header{flex-direction:column}}@media (max-width: 480px){.panel{padding:16px}.panel h2{font-size:1.2rem}.form-grid .dropzone{min-height:96px;padding:20px}.form-grid .dropzone small{font-size:.78rem}.form-grid .dropzone:active:not(:disabled){background:var(--violet-soft);border-color:var(--accent);box-shadow:var(--shadow-sm)}.photo-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-item{max-width:100%}.photo-thumb{width:100%;height:72px}.main{padding-bottom:88px}.auth-title{font-size:22px}}@media (min-width: 481px) and (max-width: 919px){.main{padding-bottom:88px}}@media (max-width: 920px){.sidebar nav{display:none}.identity .theme-label,.identity .logout-label{display:none}.identity .theme-toggle,.identity .logout-btn{width:48px;height:48px;min-width:48px}.identity .logout-btn{display:inline-flex;align-items:center;justify-content:center;padding:0}.main{padding-bottom:88px}}@media (min-width: 920px){.mobile-nav{display:none}}.pwd-field{position:relative}.pwd-field .auth-input{padding-right:52px}.pwd-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:44px;height:44px;background:transparent;border:none;color:var(--muted-strong);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pwd-toggle:hover{color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.panel-title{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.35rem;font-weight:800;display:flex;align-items:center;gap:8px}.panel-title:before{content:"";width:8px;height:26px;border-radius:6px;background:linear-gradient(var(--violet),var(--turquoise));display:inline-block}.ai-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--r-pill);background:var(--turquoise-soft, #dff6f2);color:var(--turquoise-deep, #0f6b5c);font-family:Nunito,sans-serif;font-size:.8rem;font-weight:800;vertical-align:middle}.ai-btn{border-color:var(--turquoise, #1db6a9);color:var(--turquoise, #1db6a9)}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:3px 10px;border-radius:var(--r-pill);background:var(--violet-soft);color:var(--violet-deep);font-size:.92rem;font-weight:900}.admin-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-field{position:relative;display:inline-flex;align-items:center;color:var(--muted);min-width:220px}.search-field svg{position:absolute;left:12px;pointer-events:none}.search-field input{padding-left:36px}.btn-primary{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;background:linear-gradient(135deg,var(--violet),var(--violet-deep));color:#fff;font-weight:900;font-family:"Baloo 2",Nunito,sans-serif;font-size:1rem;border-radius:var(--r-pill);box-shadow:0 8px #182f464d;transition:transform .12s ease,box-shadow .12s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px #182f4642}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px #182f464d}.btn-secondary{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:2px solid var(--border);border-radius:var(--r-pill);background:var(--card);color:var(--ink);font-weight:800;font-family:"Baloo 2",Nunito,sans-serif;font-size:1rem;transition:border-color .15s ease,transform .12s ease}.btn-secondary:hover:not(:disabled){border-color:var(--violet);transform:translateY(-2px)}.btn-danger{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:2px solid var(--danger-border);border-radius:var(--r-pill);background:var(--danger-soft);color:var(--danger);font-weight:900;font-family:"Baloo 2",Nunito,sans-serif;font-size:1rem;transition:transform .12s ease,box-shadow .12s ease}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.metric-sub{display:block;color:var(--muted);font-size:.8rem;font-weight:700;margin-top:2px;font-style:normal}.table-scroll{overflow-x:auto;border-radius:var(--r-md)}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.students-table{width:100%;border-collapse:collapse}.students-table th{text-align:left;padding:12px 14px;color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border);white-space:nowrap}.students-table td{padding:12px 14px;border-bottom:2px solid var(--border);color:var(--ink);font-weight:700;vertical-align:middle}.students-table tbody tr{cursor:pointer;transition:background .12s ease}.students-table tbody tr:hover{background:var(--violet-soft)}.students-table tbody tr.selected{background:var(--violet-soft);box-shadow:inset 4px 0 0 var(--violet)}.cell-main{display:block;font-weight:800;color:var(--ink)}.cell-sub{display:block;color:var(--muted);font-weight:700;font-size:.82rem}.sort-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;color:inherit;font:inherit;font-weight:800;text-transform:inherit;letter-spacing:inherit;padding:0}.sort-btn .sort-ico{display:inline-flex;color:var(--violet)}.status-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--r-pill);font-weight:800;font-size:.82rem}.status-pill.actif{background:var(--mint-soft);color:var(--mint)}.status-pill.inactif{background:var(--rose-soft);color:var(--rose)}.row-actions{display:inline-flex;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-md);border:2px solid var(--border);background:var(--card);color:var(--muted-strong);transition:border-color .12s ease,color .12s ease,background .12s ease}.icon-btn:hover{border-color:var(--violet);color:var(--violet)}.icon-btn.danger{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.icon-btn.danger:hover{border-color:var(--danger)}.pager{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;flex-wrap:wrap}.pager-count{color:var(--muted);font-weight:700}.pager-btns{display:flex;gap:8px;align-items:center}.pager-btns button{min-height:44px;padding:0 16px;border:2px solid var(--border);border-radius:var(--r-pill);background:var(--card);color:var(--ink);font-weight:800;transition:border-color .15s ease}.pager-btns button:hover:not(:disabled){border-color:var(--violet)}.pager-btns button:disabled{opacity:.5;cursor:not-allowed}.pager-info{color:var(--muted);font-weight:700}.empty-state{text-align:center;padding:36px 24px;display:grid;gap:16px;justify-items:center;color:var(--muted);font-weight:700}.empty-state p{margin:0;font-size:1.05rem}.student-context{display:grid;gap:16px}.student-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 20px;border-radius:var(--r-lg);background:var(--violet-soft);border:2px solid var(--border);color:var(--ink);font-weight:800}.student-banner .banner-label{color:var(--muted);font-weight:700}.student-banner b{color:var(--violet-deep);font-family:"Baloo 2",Nunito,sans-serif}.student-banner .banner-level{color:var(--muted)}.invite{margin:0;padding:20px 16px;border:2px dashed var(--border);border-radius:var(--r-lg);color:var(--muted);font-weight:700;text-align:center}.btn-help{margin:8px 0 0;color:var(--muted);font-size:.85rem;font-weight:700}.dialog{border:0;padding:0;border-radius:var(--r-xl);box-shadow:var(--shadow);background:var(--card);color:var(--ink);width:min(480px,94vw)}.dialog::backdrop{background:#141e2d8c}.dialog-inner{padding:24px;display:grid;gap:16px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.dialog-head h2{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.35rem;font-weight:800;color:var(--ink)}.dialog-x{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-md);background:transparent;color:var(--muted-strong);transition:background .12s ease,color .12s ease}.dialog-x:hover{background:var(--violet-soft);color:var(--violet)}.dialog-body{display:grid;gap:16px}.field{display:grid;gap:8px}.field>label{font-weight:800;font-size:.86rem;color:var(--muted)}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.dialog-desc{margin:0;color:var(--ink);font-weight:700;line-height:1.6}.dialog-options{display:grid;gap:12px}.delete-option{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:2px solid var(--border);border-radius:var(--r-md);color:var(--ink);font-weight:700;line-height:1.4;cursor:pointer}.delete-option input{width:auto;margin:0;accent-color:var(--violet)}.delete-option.danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-soft)}.pwd-reset summary{font-weight:800;color:var(--muted-strong);cursor:pointer}.pwd-reset[open]{display:grid;gap:12px}.pwd-reset .field{margin-top:12px}@media (max-width: 920px){.students-table thead{display:none}.students-table,.students-table tbody,.students-table tr,.students-table td{display:block;width:100%}.students-table tbody{display:grid;gap:16px}.students-table tr{border:2px solid var(--border);border-radius:var(--r-lg);padding:8px 16px;margin:0;background:#f7f9fb}.students-table tr.selected{border-color:var(--violet);background:var(--violet-soft)}.students-table td{padding:8px 0;border-bottom:0;display:flex;align-items:center;gap:10px}.students-table td:before{content:attr(data-label);color:var(--muted);font-weight:800;min-width:96px;flex-shrink:0}.students-table td[data-label=Actions]{justify-content:flex-end}.students-table td[data-label=Actions]:before{display:none}.search-field{min-width:100%}}[data-theme=dark] .students-table tbody tr{background:#141b24}[data-theme=dark] .students-table tr.selected{background:var(--violet-soft)}[data-theme=dark] .icon-btn{background:#141b24;color:var(--muted)}[data-theme=dark] .icon-btn.danger{background:var(--danger-soft);color:var(--danger)}[data-theme=dark] .btn-secondary,[data-theme=dark] .pager-btns button{background:var(--card)}[data-theme=dark] .delete-option{background:#141b24}[data-theme=dark] .delete-option.danger{background:var(--danger-soft)}.pages-panel{display:grid;gap:14px}.pages-actions{display:flex;gap:10px;flex-wrap:wrap}.pages-count{margin:0;color:var(--muted);font-weight:800;font-size:.9rem}.pages-add{padding:16px;border:2px dashed var(--border);border-radius:var(--r-lg);background:#f7f9fb}.pages-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.page-card{display:flex;align-items:center;gap:14px;padding:12px 14px;border:2px solid var(--border);border-radius:var(--r-lg);background:var(--card)}.page-thumb{position:relative;width:64px;height:64px;flex-shrink:0;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);background-color:var(--violet-soft);background-size:cover;background-position:center;background-repeat:no-repeat}.page-info{flex:1;display:grid;gap:4px;min-width:0}.page-name{font-weight:900;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.82rem;font-weight:800;color:var(--muted)}.page-meta .status{color:var(--muted)}.page-meta .status.ready{color:var(--turquoise)}.page-meta .status.error{color:var(--danger)}.page-chars{color:var(--muted);font-weight:700}.page-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.page-actions .icon-btn{width:38px;height:38px}[data-theme=dark] .pages-add,[data-theme=dark] .page-card{background:#141b24}@media (max-width: 920px){.page-card{flex-wrap:wrap}.page-actions{width:100%;justify-content:flex-start}}@media (max-width: 480px){.pages-actions{width:100%}.pages-actions .btn-primary,.pages-actions .btn-secondary{flex:1;justify-content:center;min-height:44px}.page-card{flex-direction:column;align-items:flex-start;gap:10px}.page-thumb{width:100%;height:72px}.page-actions{justify-content:flex-start}}