:root{--bg:#0f172a;--panel:#111827;--panel2:#1e293b;--border:#334155;--text:#e5e7eb;--muted:#94a3b8;--accent:#2dd4bf;--gold:#facc15}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 0 0,#1e3a8a 0,#0f172a 35%,#020617 100%);margin:0;font-family:Inter,Arial,sans-serif}.app{max-width:1220px;margin:0 auto;padding:28px}.hero{background:linear-gradient(135deg,#4f46e5,#06b6d4,#10b981);border-radius:28px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:34px;display:flex;box-shadow:0 20px 60px #0008}.eyebrow{color:#ecfeff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-weight:800}h1{margin:0;font-size:44px}h2{margin-top:0}.hero p{margin-bottom:0;font-size:18px}.notice{color:#bbf7d0;background:#22c55e1f;border:1px solid #22c55e;border-radius:16px;margin:18px 0;padding:14px 18px}.stats{grid-template-columns:repeat(6,1fr);gap:14px;margin:22px 0;display:grid}.stats div,.card{border:1px solid var(--border);background:#111827eb;border-radius:20px;padding:18px;box-shadow:0 10px 30px #00000040}.stats b{color:var(--gold);margin-top:8px;font-size:30px;display:block}.grid2{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.wide{margin-bottom:18px}form{gap:10px;display:grid}.inlineForm{grid-template-columns:1fr 1fr}input,select{border:1px solid var(--border);color:#fff;background:#020617;border-radius:12px;outline:none;width:100%;padding:13px;font-size:15px}input:focus,select:focus{border-color:var(--accent)}button,.ghostButton{background:var(--accent);color:#052e2b;cursor:pointer;border:0;border-radius:12px;width:100%;padding:13px 16px;font-size:15px;font-weight:900}.ghostButton{color:#fff;background:#ffffff2e;border:1px solid #ffffff59;max-width:220px}p{color:#cbd5e1;border-bottom:1px solid #33415580;padding-bottom:8px}.previewBox{border:1px solid var(--border);background:#0f172abf;border-radius:14px;margin-top:16px;padding:16px}@media (width<=1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.inlineForm{grid-template-columns:1fr}h1{font-size:34px}}.checkRow{color:#cbd5e1;align-items:center;gap:10px;margin:10px 0 14px;font-size:14px;display:flex}.checkRow input{width:auto;margin:0}textarea{border:1px solid var(--border);color:#fff;resize:vertical;background:#020617;border-radius:12px;outline:none;width:100%;min-height:74px;padding:13px;font-size:15px}.accentCard{border-color:#2dd4bf8c;box-shadow:0 20px 60px #2dd4bf14}.journalTop{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}.quickButtons{grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0;display:grid}.quickButtons button{color:#ccfbf1;background:#2dd4bf29;border:1px solid #2dd4bf59;padding:11px 8px;font-size:13px}.miniInfo{color:#a7f3d0;border-bottom:none;padding:8px 0}.journalTableWrap{border:1px solid var(--border);border-radius:16px;margin:10px 0 14px;overflow-x:auto}.journalTable{border-collapse:collapse;width:100%;min-width:900px}.journalTable th,.journalTable td{text-align:left;vertical-align:top;border-bottom:1px solid #334155b3;padding:10px}.journalTable th{color:#a7f3d0;background:#020617b3}.journalTable input[type=checkbox]{width:auto;transform:scale(1.2)}.ok{color:#86efac;font-weight:800}.bad{color:#fca5a5;font-weight:800}.historyList{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.historyList button{color:#e5e7eb;border:1px solid var(--border);text-align:left;background:#111827d9}pre{border:1px solid var(--border);color:#cbd5e1;background:#020617;border-radius:12px;padding:12px;overflow-x:auto}@media (width<=1000px){.quickButtons{grid-template-columns:repeat(2,1fr)}.journalTop,.historyList{grid-template-columns:1fr}}.templateRow{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.templateRow span{color:#243047;font-weight:800}.templateRow button,.miniList button,.studentCards button,.card p button,.small{color:#1e3a8a;cursor:pointer;background:#ffffffeb;border:1px solid #2563eb40;border-radius:10px;padding:7px 10px;font-weight:700}.searchInput{max-width:420px;margin:12px 0}.rowNb{background:#ef444421}.rowFive{background:#10b9811f}.rowFour{background:#3b82f61a}.studentCards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px;display:grid}.miniCard{background:#ffffffe6;border:1px solid #0f172a1f;border-radius:16px;padding:14px;box-shadow:0 8px 24px #0f172a0d}.miniCard p{color:#475569;margin:8px 0}.miniCard button{margin-top:6px;margin-right:6px}.miniList{max-height:220px;margin-top:12px;overflow:auto}.miniList p{border-bottom:1px dashed #0f172a1f;justify-content:space-between;align-items:center;gap:6px;padding:6px 0;display:flex}:root{--panel:#0f172af0;--panel-soft:#1e293bdb;--line-soft:#94a3b833}.stats div,.card{border-color:var(--line-soft);background:linear-gradient(#1e293beb,#0f172af0)}.miniCard,.previewBox,.miniList p{color:#e5e7eb;background:#0f172ab8;border:1px solid #2dd4bf2e}.miniCard p,.miniList p,p{color:#cbd5e1}.templateRow span{color:#a7f3d0}.templateRow button,.miniList button,.studentCards button,.card p button,.small{color:#ccfbf1;background:#2dd4bf24;border:1px solid #2dd4bf57}.financeCard{border-color:#facc1559;box-shadow:0 14px 44px #facc1514}.importCard{border-color:#60a5fa59;box-shadow:0 14px 44px #60a5fa14}.testCard{border-color:#a855f759;box-shadow:0 14px 44px #a855f714}a{color:#67e8f9;font-weight:800}.journalTable td select+input{margin-top:8px}.quizCard{background:linear-gradient(135deg,#eef7ff 0%,#f3edff 55%,#fff8e7 100%);border:1px solid #394ede2e}.quizCard h2{color:#25306f}.quizCard button{margin:4px}.quizCard select,.quizCard input{min-width:170px}.testCard{background:linear-gradient(135deg,#f8fbff,#f3fff8)}.teacherLobby .joinLinkBox{background:#eef6ff;border:1px solid #cfe3ff;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:12px 0;padding:16px;display:flex}.teacherLobby .qrImg{background:#fff;border:10px solid #fff;border-radius:18px;width:170px;height:170px;box-shadow:0 12px 30px #0f172a26}.studentQuiz{color:#0f172a;background:radial-gradient(circle at 0 0,#2563eb,#6d28d9 45%,#111827);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.studentPanel{background:#fffffff5;border-radius:30px;width:min(980px,100%);padding:28px;box-shadow:0 30px 90px #00000059}.studentHeader{color:#1e1b4b;background:#eef2ff;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.studentHeader span{font-weight:900}.studentHeader em{color:#0f766e;font-style:normal}.studentPanel h1{margin:22px 0 8px;font-size:34px}.studentSub{color:#475569}.joinBox,.waitingBox,.questionBox,.resultBox,.studentLeaderboard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;margin-top:18px;padding:20px}.joinBox select{border:1px solid #cbd5e1;border-radius:16px;width:100%;margin:12px 0;padding:16px;font-size:18px}.joinBox button,.questionBox button{cursor:pointer;color:#fff;background:#2563eb;border:0;border-radius:18px;padding:16px 20px;font-size:18px;font-weight:900}.waitingBox{text-align:center}.pulseDot{background:#22c55e;border-radius:999px;width:28px;height:28px;margin:18px auto;animation:1.2s infinite pulse}@keyframes pulse{0%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.55;transform:scale(.8)}}.questionCounter{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:8px 12px;font-weight:800;display:inline-block}.answerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.answerGrid button{text-align:left;min-height:110px;font-size:28px}.answerGrid button span{margin-top:8px;font-size:16px;font-weight:700;display:block}.answerGrid button:disabled{opacity:.68;cursor:not-allowed;filter:grayscale(.25)}.answerMessage{color:#065f46;background:#ecfdf5;border-radius:18px;margin-top:16px;padding:16px;font-weight:900}.studentLeaderboard p,.resultBox p{background:#fff;border-radius:12px;margin:8px 0;padding:10px 12px}@media (width<=700px){.studentPanel{border-radius:22px;padding:18px}.answerGrid{grid-template-columns:1fr}.studentPanel h1{font-size:26px}.teacherLobby .qrImg{width:130px;height:130px}}body{background:radial-gradient(circle at 12% 8%,#22c55e38,#0000 28%),radial-gradient(circle at 85% 12%,#2dd4bf2e,#0000 30%),radial-gradient(circle at 50% 100%,#7c3aed29,#0000 35%),linear-gradient(135deg,#06131f 0%,#0f172a 48%,#111827 100%)}.bioHero{background:linear-gradient(135deg,#10b981f2,#06b6d4eb 45%,#7c3aede6),radial-gradient(circle at 70% 20%,#ffffff47,#0000 22%);position:relative;overflow:hidden}.bioHero:after{content:"⚗️  🧬  🧪";opacity:.22;letter-spacing:14px;font-size:56px;position:absolute;bottom:18px;right:28px}.moduleNav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617b8;border:1px solid #2dd4bf38;border-radius:22px;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;margin:14px 0 18px;padding:12px;display:grid;position:sticky;top:0;box-shadow:0 18px 50px #00000038}.moduleNav button{color:#dffcf5;box-shadow:none;background:#0f172ae6;border:1px solid #94a3b82e}.moduleNav button.active{color:#022c22;background:linear-gradient(135deg,#22c55e,#06b6d4);transform:translateY(-1px)}.card,.stats div{background:linear-gradient(#0b1f2beb,#0f172af2);border-color:#2dd4bf2e}.quizCard,.testCard,.smartQuiz{color:#e5e7eb;background:radial-gradient(circle at 100% 0,#2dd4bf29,#0000 32%),linear-gradient(135deg,#072a36f5,#121f3ff5);border:1px solid #2dd4bf47}.quizCard h2,.testCard h2{color:#d1fae5}.fieldHint{color:#a7f3d0;gap:6px;font-size:13px;font-weight:800;display:grid}.smartInfo{color:#bbf7d0;background:#22c55e1c;border:1px solid #22c55e47;border-radius:14px;margin:10px 0;padding:12px 14px}.teacherTimer,.studentTimer{background:linear-gradient(135deg,#0ea5e924,#22c55e21);border:1px solid #2dd4bf47;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:12px 0;padding:16px;display:grid}.teacherTimer b,.studentTimer b{color:#facc15;font-size:46px;line-height:1;display:block}.teacherTimer span,.studentTimer span{color:#a7f3d0;font-weight:800}meter{width:100%;height:18px}.studentTimer{color:#0f172a;background:linear-gradient(135deg,#ecfeff,#dcfce7);border-color:#99f6e4;grid-template-columns:100px 1fr}.studentTimer span{color:#0f766e}.studentQuiz{background:radial-gradient(circle at 14% 8%,#22c55e5c,#0000 30%),radial-gradient(circle at 88% 18%,#14b8a652,#0000 28%),linear-gradient(135deg,#052e2b,#0f172a 55%,#312e81)}.studentPanel{border:1px solid #99f6e48c}.answerGrid button:first-child{background:linear-gradient(135deg,#ef4444,#be123c)}.answerGrid button:nth-child(2){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.answerGrid button:nth-child(3){background:linear-gradient(135deg,#f59e0b,#d97706)}.answerGrid button:nth-child(4){background:linear-gradient(135deg,#16a34a,#047857)}[hidden]{display:none!important}@media (width<=900px){.moduleNav{grid-template-columns:repeat(2,1fr);position:static}.bioHero:after{display:none}}.showQuiz{background:radial-gradient(circle at 10% 0,#2dd4bf38,#0000 28%),radial-gradient(circle at 95% 10%,#facc152e,#0000 30%),linear-gradient(140deg,#0f172af5,#1e293bf5);border:1px solid #2dd4bf6b;overflow:hidden}.quizTopBanner{background:linear-gradient(135deg,#0ea5e947,#10b9812e,#facc151f);border:1px solid #7dd3fc40;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:22px;display:flex}.quizTopBanner h2{margin:0 0 8px;font-size:32px}.quizTopBanner p{border:0;margin:0;padding:0}.quizStatusPill{text-align:center;color:#fef08a;background:#020617b8;border:1px solid #facc1573;border-radius:999px;min-width:190px;padding:16px 18px;font-weight:900;box-shadow:0 0 32px #facc1521}.quizSettingsPanel{grid-template-columns:1.25fr 1fr repeat(3,minmax(160px,.8fr));gap:12px;margin-bottom:14px;display:grid}.settingCard{background:#02061794;border:1px solid #94a3b847;border-radius:18px;gap:9px;min-height:100%;padding:14px;display:grid}.settingCard b{color:#ccfbf1}.settingCard small{color:#a7f3d0;line-height:1.35}.wideSetting{grid-row:span 2}.numberHelp input{text-align:center;font-size:20px;font-weight:900}.bigCheck{grid-template-columns:auto 1fr;align-items:center}.bigCheck input{width:22px;height:22px}.bigCheck span{gap:4px;display:grid}.createQuizButton{color:#052e2b;background:linear-gradient(135deg,#facc15,#2dd4bf);border-radius:18px;min-height:74px;font-size:18px;box-shadow:0 14px 36px #2dd4bf38}.teacherControlsBar{grid-template-columns:1.2fr repeat(10,minmax(90px,1fr));gap:8px;margin:12px 0 18px;display:grid}.teacherControlsBar button{color:#ccfbf1;background:#2dd4bf2e;border:1px solid #2dd4bf57;padding:11px 8px;font-size:13px}.kahootStage{background:radial-gradient(circle at 50% -10%,#22d3ee52,#0000 35%),linear-gradient(145deg,#101e43,#062b2b 55%,#111827);border:1px solid #7dd3fc54;border-radius:30px;min-height:520px;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #2dd4bf1a,0 28px 80px #00000057}.kahootStage:before{content:"";filter:blur(20px);background:#facc1521;border-radius:50%;width:420px;height:420px;animation:7s ease-in-out infinite alternate floatGlow;position:absolute;inset:-40% -20% auto auto}@keyframes floatGlow{0%{transform:translate(0)scale(1)}to{transform:translate(-70px,60px)scale(1.25)}}.stageHeader{z-index:1;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex;position:relative}.stageChip,.stageStatus{color:#e0f2fe;background:#0206178c;border:1px solid #ffffff24;border-radius:999px;margin:4px;padding:10px 14px;font-weight:800;display:inline-flex}.stageStatus{color:#fef08a;border-color:#facc1559}.lobbyShow{z-index:1;grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:18px;display:grid;position:relative}.tvJoinBox{background:#ffffff14;border-color:#7dd3fc59;align-items:center}.bigQr{background:#fff;width:190px;height:190px;padding:10px}.playersWall{background:#02061775;border:1px solid #ffffff1f;border-radius:24px;padding:22px}.playersGrid{flex-wrap:wrap;gap:10px;display:flex}.playerBubble{color:#ecfeff;background:linear-gradient(135deg,#2dd4bf4d,#3b82f633);border:1px solid #7dd3fc47;border-radius:999px;padding:12px 16px;font-weight:900;animation:.45s both popIn;display:inline-flex}.playerBubble.empty{opacity:.7}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tvQuestionLayout{z-index:1;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:18px;display:grid;position:relative}.questionMainStage{background:#0f172aa8;border:1px solid #ffffff1f;border-radius:26px;padding:22px}.questionMeta{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.questionMeta span{color:#bfdbfe;background:#020617a6;border-radius:999px;padding:8px 12px;font-weight:800}.giantTimer{background:#2dd4bf1f;border:1px solid #2dd4bf4d;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:10px 0 18px;padding:14px 18px;display:grid}.giantTimer b{color:#fef08a;text-shadow:0 0 18px #facc1540;font-size:68px;line-height:.9}.giantTimer span{color:#ccfbf1;font-weight:900}.giantTimer meter{grid-column:1/-1;width:100%;height:18px}.giantTimer.danger{background:#f43f5e29;border-color:#fb7185;animation:.55s infinite alternate timerPulse}@keyframes timerPulse{0%{transform:scale(1)}to{transform:scale(1.018)}}.tvQuestionText{margin:8px 0 20px;font-size:clamp(28px,4vw,58px);line-height:1.08}.tvAnswersGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tvAnswer{color:#fff;border:2px solid #fff3;border-radius:22px;grid-template-columns:54px 1fr;align-items:center;gap:12px;min-height:96px;padding:16px;animation:.5s both cardRise;display:grid;box-shadow:0 16px 30px #0000003d}.tvAnswer b{background:#fff3;border-radius:16px;place-items:center;width:54px;height:54px;font-size:34px;display:grid}.tvAnswer span{font-size:20px;font-weight:800}.tvAnswer em{color:#ffffffdb;grid-column:2;font-style:normal}.answerA{background:linear-gradient(135deg,#ef4444,#f97316)}.answerB{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.answerC{background:linear-gradient(135deg,#22c55e,#14b8a6)}.answerD{background:linear-gradient(135deg,#a855f7,#ec4899)}.correctAnswer{outline:6px solid #facc15e6;animation:.85s ease-in-out infinite alternate correctPop}.correctReveal{color:#fef08a;text-align:center;background:#facc152e;border:1px solid #facc1566;border-radius:18px;margin-top:18px;padding:16px;font-size:22px;font-weight:900}@keyframes cardRise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes correctPop{0%{transform:scale(1)}to{transform:scale(1.025)}}.scoreboardPanel{background:#0206179e;border:1px solid #facc1538;border-radius:26px;padding:18px}.answeredMeter b{color:#fef08a;font-size:32px;display:block}.answeredMeter span{color:#ccfbf1}.answeredMeter div{background:#ffffff1f;border-radius:999px;height:12px;margin:10px 0 16px;overflow:hidden}.answeredMeter i{border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#facc15);height:100%;transition:width .35s;display:block}.podiumMini{grid-template-columns:1fr;gap:10px;margin:12px 0;display:grid}.podiumPlace{background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;gap:4px;padding:13px;animation:.45s both slideScore;display:grid}.podiumPlace strong{font-size:28px}.podiumPlace b{color:#fff}.podiumPlace span{color:#fef08a}.podiumPlace.p1{background:linear-gradient(135deg,#facc1547,#fb923c24)}.podiumPlace.p2{background:linear-gradient(135deg,#e2e8f038,#94a3b81f)}.podiumPlace.p3{background:linear-gradient(135deg,#fb923c38,#b4530924)}.liveRankList{gap:8px;max-height:330px;display:grid;overflow:auto}.rankRow{background:#0f172ab3;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:58px 1fr auto;align-items:center;gap:8px;padding:10px 12px;animation:.35s both slideScore;display:grid}.rankRow.place1{border-color:#facc158c;box-shadow:0 0 20px #facc151f}.rankRow.place2{border-color:#e2e8f059}.rankRow.place3{border-color:#fb923c73}.rankRow em{color:#fef08a;font-style:normal;font-weight:900}@keyframes slideScore{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.finalCelebration{z-index:1;text-align:center;place-items:center;min-height:480px;padding:28px;display:grid;position:relative;overflow:hidden}.finalCelebration h1{text-shadow:0 0 30px #facc1559;font-size:clamp(42px,6vw,86px)}.finalCelebration p{border:0;padding:0;font-size:22px}.confettiLayer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confettiLayer span{font-size:38px;animation:4s linear infinite confettiFall;position:absolute;top:-40px}.confettiLayer span:first-child{animation-delay:0s;left:8%}.confettiLayer span:nth-child(2){animation-delay:.6s;left:22%}.confettiLayer span:nth-child(3){animation-delay:1.1s;left:40%}.confettiLayer span:nth-child(4){animation-delay:.2s;left:62%}.confettiLayer span:nth-child(5){animation-delay:.9s;left:78%}.confettiLayer span:nth-child(6){animation-delay:1.4s;left:92%}@keyframes confettiFall{0%{opacity:0;transform:translateY(-60px)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(560px)rotate(540deg)}}.winnerStage{grid-template-columns:repeat(3,minmax(180px,1fr));align-items:end;gap:18px;width:min(980px,100%);margin:18px auto;display:grid}.winnerCard{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:28px;min-height:220px;padding:22px;animation:.7s cubic-bezier(.2,1.4,.4,1) both winnerPop;box-shadow:0 22px 50px #0000004d}.winnerCard.w1{background:linear-gradient(160deg,#facc1547,#0ea5e926);order:2;min-height:290px}.winnerCard.w2{order:1}.winnerCard.w3{order:3}.winnerCard .trophy{font-size:56px;animation:1.2s infinite alternate trophyBounce}.winnerCard h2{margin:10px 0;font-size:26px}.winnerCard b{color:#fef08a;font-size:22px}.winnerCard span,.winnerCard em{color:#ccfbf1;margin-top:8px;font-style:normal;font-weight:800;display:block}.champagne{color:#fef08a;background:#facc1526;border:1px solid #facc1559;border-radius:999px;padding:16px 24px;font-size:22px;font-weight:900}@keyframes winnerPop{0%{opacity:0;transform:translateY(50px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes trophyBounce{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-12px)rotate(4deg)}}.testToolsBox{opacity:.86;margin-top:16px}@media (width<=1150px){.quizSettingsPanel{grid-template-columns:1fr 1fr}.teacherControlsBar{grid-template-columns:repeat(3,1fr)}.tvQuestionLayout,.lobbyShow,.winnerStage{grid-template-columns:1fr}.winnerCard.w1,.winnerCard.w2,.winnerCard.w3{order:initial;min-height:auto}}.appFrame{grid-template-columns:300px minmax(0,1fr);gap:0;max-width:none;min-height:100vh;margin:0;padding:0;display:grid}.sideMenu{background:linear-gradient(#075985f5,#0f172afa 42%,#064e3bf5);border-right:1px solid #94a3b840;height:100vh;padding:20px 16px;position:sticky;top:0;overflow-y:auto;box-shadow:22px 0 60px #00000040}.contentArea{width:100%;max-width:1480px;padding:24px 30px 46px}.brandBox{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:22px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.brandLogo{background:radial-gradient(circle at 30% 20%,#dcfce7,#2dd4bf 45%,#2563eb);border-radius:18px;place-items:center;width:54px;height:54px;font-size:28px;display:grid;box-shadow:0 12px 30px #2dd4bf47}.brandBox b{font-size:20px;display:block}.brandBox span{color:#bae6fd;margin-top:3px;font-size:13px;display:block}.teacherHint{color:#fef9c3;background:#facc151f;border:1px solid #facc1547;border-radius:18px;margin-bottom:14px;padding:14px 15px;font-size:13px;line-height:1.45}.teacherHint strong{color:#facc15;margin-bottom:4px;display:block}.sideNav{gap:9px;display:grid}.sideNav button{text-align:left;color:#e0f2fe;width:100%;box-shadow:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:12px;padding:13px 14px;display:flex}.sideNav button.active{color:#052e2b;background:linear-gradient(135deg,#2dd4bf,#a7f3d0);border-color:#ffffff73;box-shadow:0 12px 28px #2dd4bf40}.navIcon{text-align:center;width:28px;font-size:23px}.sideNav b{font-size:15px;display:block}.sideNav small{opacity:.86;margin-top:2px;font-size:12px;display:block}.refreshBtn{color:#fff;background:#0f172aa6;border:1px solid #ffffff2e;margin-top:14px}.productTopbar{background:radial-gradient(circle at 18% 24%,#2dd4bf5c,#0000 28%),radial-gradient(circle at 70% 0,#facc1542,#0000 28%),linear-gradient(135deg,#1e40afeb,#059669e0);border:1px solid #ffffff2e;border-radius:30px;justify-content:space-between;align-items:center;gap:18px;min-height:150px;margin-bottom:18px;padding:28px;display:flex;box-shadow:0 22px 70px #0000004d}.productTopbar h1{font-size:38px}.productTopbar p{color:#ecfeff;border:0;max-width:760px;margin:8px 0 0;padding:0}.topbarStatus{gap:10px;min-width:190px;display:grid}.topbarStatus span{color:#fff;text-align:center;background:#0f172a73;border:1px solid #ffffff29;border-radius:14px;padding:11px 14px;font-weight:800}.statusOk{color:#bbf7d0!important}.statusWarn{color:#fde68a!important}.mobileQuickNav{display:none}.quickStartGrid{grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0;display:grid}.quickStartGrid button{text-align:left;color:#e0f2fe;background:linear-gradient(145deg,#111827f5,#1e40afb8);border:1px solid #7dd3fc3d;border-radius:24px;min-height:150px;padding:20px;box-shadow:0 16px 42px #0000003b}.quickStartGrid button:hover{border-color:#2dd4bfb3;transform:translateY(-3px)}.quickStartGrid b{color:#052e2b;background:#2dd4bf;border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:12px;font-size:20px;display:inline-grid}.quickStartGrid span{margin-bottom:8px;font-size:19px;font-weight:900;display:block}.quickStartGrid small{color:#cbd5e1;line-height:1.35;display:block}.stats small{color:#94a3b8;margin-top:6px;display:block}.helpGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.teacherGuide{background:linear-gradient(145deg,#111827f5,#064e3b9e);border-color:#2dd4bf4d}.teacherGuide ol{color:#dbeafe;margin:0;padding-left:22px;font-size:17px;line-height:1.9}.teacherGuide li::marker{color:#2dd4bf;font-weight:900}.card,.stats div{transition:transform .16s,border-color .16s,box-shadow .16s}.card:hover,.stats div:hover{border-color:#2dd4bf73}@media (width<=1100px){.appFrame{display:block}.sideMenu{border-bottom:1px solid #94a3b840;border-right:0;height:auto;position:relative}.sideNav{grid-template-columns:repeat(2,1fr)}.contentArea{padding:18px}.quickStartGrid{grid-template-columns:repeat(2,1fr)}.productTopbar{flex-direction:column;align-items:flex-start}}@media (width<=720px){.sideMenu{display:none}.mobileQuickNav{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 16px;display:grid}.mobileQuickNav button{color:#e0f2fe;background:#ffffff1a;border:1px solid #ffffff24;border-radius:14px;padding:11px}.mobileQuickNav button.active{color:#052e2b;background:#2dd4bf}.contentArea{padding:12px}.productTopbar{border-radius:22px;padding:20px}.productTopbar h1{font-size:28px}.quickStartGrid,.helpGrid{grid-template-columns:1fr}}.sideMenu.collapsed{padding:16px 10px}.sideMenu.collapsed .brandBox div,.sideMenu.collapsed .teacherHint,.sideMenu.collapsed .sideNav button small,.sideMenu.collapsed .sideNav button b,.sideMenu.collapsed .refreshBtn{display:none}.sideMenu.collapsed .sideNav button{justify-content:center;padding:15px 8px}.sideMenu.collapsed .navIcon{margin:0;font-size:24px}.collapseMenuBtn{color:#ccfbf1;background:#2dd4bf1f;border:1px solid #2dd4bf4d;margin:10px 0 12px;padding:10px}.languageBox{background:#02061773;border:1px solid #2dd4bf38;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;display:flex}.languageBox select{min-width:126px;padding:8px}.teacherFriendly{background:radial-gradient(circle at 100% 0,#2dd4bf24,#0000 30%),linear-gradient(135deg,#0d2d3ff2,#0f172af5);border-color:#2dd4bf57}.teacherFriendly h2{margin-bottom:6px}.teacherFriendly p{color:#d1fae5;border:0;margin:0;padding:0}.rolePreviewGrid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-top:14px;display:grid}.rolePreviewGrid div{color:#d1fae5;text-align:center;background:#2dd4bf1f;border:1px solid #2dd4bf40;border-radius:16px;padding:16px;font-weight:900}.kundalikCard{border-color:#22c55e57;box-shadow:0 18px 60px #22c55e14}.kundalikTable{border-collapse:collapse;width:100%;min-width:980px}.kundalikTable th,.kundalikTable td{text-align:center;vertical-align:middle;border:1px solid #94a3b833;padding:10px}.kundalikTable th:first-child,.kundalikTable td:first-child{z-index:1;text-align:left;background:#020617eb;min-width:220px;position:sticky;left:0}.kundalikTable th{background:#020617b8}.kundalikTable th button{color:#a7f3d0;background:0 0;border:0;padding:3px;font-weight:900}.kundalikTable th small{color:#93c5fd;text-overflow:ellipsis;white-space:nowrap;max-width:96px;margin-top:4px;font-size:11px;display:block;overflow:hidden}.kundalikTable th em{color:#fef08a;font-size:10px;font-style:normal;display:block}.kundalikTable td span{border-radius:13px;justify-content:center;align-items:center;min-width:38px;min-height:34px;font-size:18px;font-weight:900;display:inline-flex}.kundalikTable .cellGrade span{color:#bbf7d0;background:#22c55e2e;border:1px solid #22c55e5c}.kundalikTable .cellNb span{color:#fecaca;background:#ef44442e;border:1px solid #ef44445c}.kundalikTable .cellEmpty span{color:#cbd5e1;background:#94a3b81f;border:1px solid #94a3b83d}.kundalikTable td small,.kundalikTable td em{margin-left:4px;font-style:normal;display:inline-block}.legendRow{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.legendRow span{color:#cbd5e1;background:#0f172aa6;border:1px solid #94a3b833;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:800}.editedBadge{color:#fef08a;background:#facc1529;border:1px solid #facc1557;border-radius:999px;margin-left:10px;padding:6px 10px;font-size:13px;display:inline-flex}.editLessonCard{border-color:#facc154d}.productTopbar{background:radial-gradient(circle at 100% 0,#22c55e1a,#0000 36%),linear-gradient(135deg,#0f172ae0,#112d3ae0)}.sideNav button{min-height:58px}.sideNav button.active{box-shadow:0 12px 30px #2dd4bf29}@media (width<=1000px){.appFrame.menuCollapsed{grid-template-columns:1fr}.sideMenu.collapsed .brandBox div,.sideMenu.collapsed .teacherHint,.sideMenu.collapsed .sideNav button small,.sideMenu.collapsed .sideNav button b,.sideMenu.collapsed .refreshBtn{display:initial}.rolePreviewGrid{grid-template-columns:1fr 1fr}.languageBox{width:100%}}.loginShell{color:#fff;box-sizing:border-box;background:radial-gradient(circle at 0 0,#0fb98155,#0000 28%),linear-gradient(135deg,#061627,#0c2844 55%,#0e4d45);grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;min-height:100vh;padding:42px;display:grid}.loginHero{padding:36px}.loginBrand{background:#ffffff1f;border:1px solid #fff3;border-radius:18px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 16px;display:inline-flex}.loginBrand span{font-size:32px}.loginHero h1{margin:8px 0 18px;font-size:46px;line-height:1.04}.loginHero p{color:#d7fff4;max-width:760px;font-size:18px}.loginFeatureGrid{grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;max-width:560px;margin-top:26px;display:grid}.loginFeatureGrid div{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:18px;padding:18px;font-weight:800}.loginCard{color:#0b2437;background:#fffffff5;border-radius:28px;flex-direction:column;gap:12px;padding:28px;display:flex;box-shadow:0 28px 80px #00000047}.loginCard h2{margin:0 0 4px}.loginCard input{border:1px solid #c8d8e6;border-radius:14px;padding:14px 16px;font-size:16px}.loginCard button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#089e78,#0e6ad5);border:0;border-radius:16px;padding:14px;font-size:17px;font-weight:900}.loginError{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:14px;padding:12px}.demoCredentials{color:#064e3b;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:16px;padding:14px}.userBox{background:#ffffff1a;border:1px solid #ffffff29;border-radius:18px;flex-direction:column;gap:5px;margin:12px 0;padding:14px;display:flex}.userBox b{color:#fff}.userBox span{color:#9ff7d7;font-weight:900}.userBox small{color:#cfeee7}.userBox button{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:12px;margin-top:8px;padding:9px;font-weight:800}@media (width<=880px){.loginShell{grid-template-columns:1fr;padding:18px}.loginHero h1{font-size:34px}.loginFeatureGrid{grid-template-columns:1fr}}.roleHomeCard{background:radial-gradient(circle at 0 0,#22c55e2e,#0000 32%),linear-gradient(135deg,#0f172ae0,#064e3bad);border:1px solid #5eead43d;border-radius:26px;grid-template-columns:1fr auto;align-items:center;gap:18px;margin:18px 0;padding:24px;display:grid;box-shadow:0 18px 60px #0000002e}.roleHomeCard h2{color:#f8fafc;margin:4px 0 8px}.roleHomeCard p{color:#d7fff4}.roleHomeCard button,.superAdminHero button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#14b8a6,#2563eb);border:0;border-radius:18px;padding:14px 18px;font-weight:900;box-shadow:0 16px 34px #14b8a633}.superAdminHero{background:radial-gradient(circle at 100% 0,#facc1529,#0000 32%),linear-gradient(135deg,#0f172aeb,#0a3048d6);border-color:#facc154d}.superAdminHero h2{font-size:28px}.roleStats div{border-color:#facc1538}.roleTable{gap:10px;max-height:520px;display:grid;overflow:auto}.roleRow{background:#0f172a8c;border:1px solid #94a3b82e;border-radius:16px;grid-template-columns:1.2fr 1.4fr auto auto auto;align-items:center;gap:10px;padding:12px;display:grid}.roleRow b{color:#fff}.roleRow span{color:#cbd5e1;font-size:13px}.roleRow em{text-align:center;border-radius:999px;padding:7px 10px;font-size:12px;font-style:normal;font-weight:900}.roleRow select{color:#e2e8f0;background:#020617a6;border:1px solid #94a3b84d;border-radius:12px;min-width:145px;padding:10px}.roleRow button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:12px;padding:10px;font-weight:800}.statusOk{color:#bbf7d0!important;background:#22c55e29!important;border:1px solid #22c55e47!important}.statusWarn{color:#fed7aa!important;background:#fb923c29!important;border:1px solid #fb923c4d!important}@media (width<=1000px){.roleHomeCard,.roleRow{grid-template-columns:1fr}.roleRow select,.roleRow button{width:100%}}.ownerAdminPanel .heroActions,.ownerAdminPanel .quickActionGrid{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.ownerAdminPanel .quickActionGrid button,.ownerAdminPanel .heroActions button{min-height:46px}.ownerAdminPanel .compactCards .miniCard{min-height:140px}.ownerAdminPanel .statCard.warn{border-color:#facc158c;box-shadow:0 16px 40px #facc1514}.ownerAdminPanel select,.ownerAdminPanel input{min-width:180px}.studentCabinetPanel .studentHeroCard,.parentCabinetPanel .parentHeroCard{background:linear-gradient(135deg,#0b1f3af5,#054b55e6);border:1px solid #2cffc440;box-shadow:0 18px 55px #00000040}.studentCabinetPanel .metricCard,.parentCabinetPanel .metricCard{min-height:96px}.parentChildCard,.studentCabinetPanel .miniCard{border-left:4px solid #2dd4bfe6}.parentCabinetPanel .parentChildCard{border-left-color:#facc15e6}.accessNoteCard{background:#0f172ac7;border:1px solid #94a3b833}:root{--tc-sidebar:#0b1220;--tc-sidebar-2:#111827;--tc-surface:#0f172ad1;--tc-line:#94a3b82e}body{overflow-x:hidden}.appFrame{background:linear-gradient(135deg,#07111f,#081827 52%,#09231e);grid-template-columns:260px minmax(0,1fr)}.sideMenu{background:linear-gradient(180deg,var(--tc-sidebar),var(--tc-sidebar-2));padding:12px 10px;box-shadow:12px 0 34px #00000038}.brandBox{background:#ffffff0f;border-radius:16px;margin-bottom:8px;padding:10px}.brandLogo{border-radius:13px;width:40px;height:40px;font-size:22px}.brandBox b{font-size:16px}.brandBox span{font-size:11px}.collapseMenuBtn{background:#ffffff12;border-color:#ffffff1f;margin:6px 0 8px;padding:8px 10px;font-size:12px}.teacherHint{border-radius:14px;margin-bottom:8px;padding:10px 11px;font-size:12px}.userBox{border-radius:14px;gap:3px;margin:8px 0;padding:10px}.userBox button{border-radius:10px;padding:8px}.sideNav{gap:5px}.sideNav button{background:0 0;border-color:#0000;border-radius:12px;gap:9px;min-height:42px;padding:8px 10px}.sideNav button:hover{background:#ffffff12;transform:none}.sideNav button.active{color:#ccfbf1;box-shadow:none;background:#2dd4bf2e;border-color:#2dd4bf38}.navIcon{width:23px;font-size:18px}.sideNav b{font-size:13px}.sideNav small{opacity:.7;font-size:10px}.refreshBtn{border-radius:12px;padding:9px;font-size:12px}.contentArea{max-width:1380px;margin:0 auto;padding:18px 22px 34px}.productTopbar{background:linear-gradient(135deg,#0f172ae6,#082f49b8);border-radius:20px;min-height:auto;margin-bottom:12px;padding:16px 18px;box-shadow:0 14px 42px #00000038}.productTopbar h1{margin:0;font-size:26px}.productTopbar p{margin-top:5px;font-size:13px}.eyebrow{letter-spacing:.06em;font-size:11px}.topbarStatus{min-width:unset;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbarStatus span,.languageBox{color:#e5e7eb;background:#0f172a7a;border:1px solid #ffffff1f;border-radius:12px!important;padding:8px 10px!important;font-size:12px!important}.languageBox select{border-radius:10px;margin-left:5px;padding:6px 8px;font-size:12px}.mobileMenuBtn{color:#ccfbf1;background:#2dd4bf29;border:1px solid #2dd4bf40;border-radius:12px;width:auto;padding:8px 11px;display:none}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}.stats div,.card{border-radius:16px;padding:13px;box-shadow:0 8px 22px #0000002e}.stats b{font-size:23px}h1{font-size:30px}h2{font-size:20px}.card h2{margin-bottom:8px}p{margin:6px 0 8px;padding-bottom:6px;font-size:14px}.grid2{gap:12px;margin-bottom:12px}.pageStack{gap:12px;display:grid}.studentCards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.miniCard{border-radius:14px;padding:11px}.miniCard p{font-size:13px}.rolePreviewGrid{gap:8px}.quickStartGrid{gap:10px}.quickStartGrid button{border-radius:17px;min-height:108px;padding:14px}.quickStartGrid b{border-radius:11px;width:34px;height:34px;font-size:17px}.quickStartGrid span{font-size:16px}.journalTable th,.journalTable td{padding:8px;font-size:13px}.journalTable input,.journalTable select{border-radius:9px;padding:8px;font-size:13px}.inlineForm{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}form{gap:8px}input,select,textarea{border-radius:10px;padding:10px 11px;font-size:14px}button,.ghostButton{border-radius:10px;padding:10px 12px;font-size:13px}.templateRow button,.miniList button,.studentCards button,.card p button,.small{padding:6px 8px;font-size:12px}.loginShell{grid-template-columns:1fr .82fr;padding:28px}.loginHero h1{font-size:38px}.loginCard{border-radius:22px;padding:22px}.loginLang{justify-content:space-between;align-items:center;display:flex;color:#0b2437!important;background:#eef6ff!important;border-color:#c8d8e6!important}.loginLang select{color:#0b2437!important;background:#fff!important;border:1px solid #c8d8e6!important}.teacherFriendly{background:linear-gradient(135deg,#0b1f2bf5,#123a4fb8)!important}@media (width<=1100px){.appFrame{grid-template-columns:72px minmax(0,1fr)}.sideMenu{padding:10px 8px}.brandBox div,.teacherHint,.sideNav small,.sideNav b,.refreshBtn{display:none}.sideNav button{justify-content:center}.navIcon{font-size:21px}.contentArea{padding:14px}.productTopbar{align-items:flex-start}.quickStartGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.appFrame{display:block}.sideMenu{z-index:80;width:286px;height:100vh;transition:transform .2s;display:block;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:30px 0 80px #00000073}.appFrame.mobileMenuOpen .sideMenu{transform:translate(0)}.sideMenu .brandBox div,.sideMenu .teacherHint,.sideMenu .sideNav small,.sideMenu .sideNav b,.sideMenu .refreshBtn{display:initial}.sideNav button{justify-content:flex-start}.mobileMenuBtn{display:inline-flex}.contentArea{max-width:100%;padding:10px}.productTopbar{border-radius:16px;gap:10px;padding:13px}.productTopbar h1{font-size:21px}.topbarStatus{grid-template-columns:1fr;width:100%;display:grid}.languageBox{width:100%}.mobileQuickNav{gap:7px;margin:6px 0 10px;padding:3px 0 10px;display:flex;overflow-x:auto}.mobileQuickNav button{white-space:nowrap;width:auto;min-width:118px;padding:9px 10px;font-size:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2,.quickStartGrid,.helpGrid,.inlineForm{grid-template-columns:1fr}.card,.stats div{border-radius:14px;padding:11px}.studentCards{grid-template-columns:1fr}.journalTable{min-width:720px}.loginShell{grid-template-columns:1fr;padding:12px}.loginHero{padding:12px}.loginHero h1{font-size:29px}.loginHero p{font-size:15px}.loginCard{border-radius:18px;padding:18px}.answerGrid,.quizSettingsPanel{grid-template-columns:1fr}.teacherControlsBar{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.stats{grid-template-columns:1fr}.productTopbar h1{font-size:19px}.teacherControlsBar{grid-template-columns:1fr}.quickButtons{grid-template-columns:1fr 1fr}}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}*{min-width:0}.appFrame{width:100%;max-width:100vw}.contentArea{width:100%;max-width:calc(100vw - 260px)}.appFrame.menuCollapsed{grid-template-columns:66px minmax(0,1fr)}.appFrame.menuCollapsed .contentArea{max-width:calc(100vw - 66px)}.appFrame.menuCollapsed .sideMenu{padding:10px 6px}.appFrame.menuCollapsed .brandBox{justify-content:center;padding:8px}.appFrame.menuCollapsed .brandBox div,.appFrame.menuCollapsed .teacherHint,.appFrame.menuCollapsed .sideNav b,.appFrame.menuCollapsed .sideNav small,.appFrame.menuCollapsed .refreshBtn,.appFrame.menuCollapsed .userBox b,.appFrame.menuCollapsed .userBox span,.appFrame.menuCollapsed .userBox small{display:none!important}.appFrame.menuCollapsed .collapseMenuBtn{border-radius:14px;padding:10px;font-size:0}.appFrame.menuCollapsed .collapseMenuBtn:after{content:"☰";font-size:18px}.appFrame.menuCollapsed .userBox{box-shadow:none;background:0 0;border:0;padding:6px}.appFrame.menuCollapsed .userBox button{background:#ffffff17;border-radius:13px;padding:10px;font-size:0}.appFrame.menuCollapsed .userBox button:before{content:"🚪";font-size:18px}.appFrame.menuCollapsed .sideNav button{justify-content:center;padding:10px 6px}.appFrame.menuCollapsed .navIcon{width:auto;font-size:20px}.productTopbar{max-width:100%;overflow:hidden}.card,.stats div,.roleHomeCard,.ownerAdminPanel,.teacherWorkPanel,.studentCabinetPanel,.parentCabinetPanel{max-width:100%}.roleRow,.miniCard,.metricCard{overflow:hidden}.roleRow{grid-template-columns:minmax(170px,1.1fr) minmax(160px,1.2fr) minmax(110px,auto) minmax(140px,auto) minmax(90px,auto)}.roleRow>*{min-width:0}.roleRow b,.roleRow span{overflow-wrap:anywhere}button,.ghostButton,input,select,textarea{touch-action:manipulation}input,select,textarea{max-width:100%}button{min-width:0}.inlineForm,.grid2,.stats,.teacherMetricGrid,.quickStartGrid,.rolePreviewGrid,.compactCards,.tableWrap,.journalTableWrap{max-width:100%}.notice{z-index:40;color:#ecfeff;background:#064e3beb;border-color:#2dd4bf59;position:sticky;top:8px;box-shadow:0 10px 30px #00000040}.notice:before{content:"ℹ️ "}@media (width>=761px){.mobileQuickNav{display:none}}@media (width<=900px){body{font-size:16px}.appFrame,.appFrame.menuCollapsed{display:block}.contentArea,.appFrame.menuCollapsed .contentArea{width:100%;max-width:100vw;padding:12px}.productTopbar{grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.productTopbar>div:nth-child(2){grid-column:2}.productTopbar .topbarStatus{grid-column:1/-1}.productTopbar h1{font-size:clamp(22px,6vw,30px);line-height:1.15}.productTopbar p{font-size:15px;line-height:1.35}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stats div{padding:14px;font-size:15px}.stats b{font-size:28px}.card{border-radius:16px;padding:15px}.card h2,h2{font-size:21px;line-height:1.2}p,.miniCard p,.roleRow span{font-size:15px;line-height:1.38}button,.ghostButton{min-height:44px;padding:12px 13px;font-size:15px}input,select,textarea{min-height:44px;padding:12px 13px;font-size:16px}.sideMenu{width:min(86vw,315px)}.userBox{grid-template-columns:1fr auto}.userBox button{width:auto;min-width:92px}.sideNav button{min-height:48px}.sideNav b{font-size:15px}.sideNav small{font-size:12px}.navIcon{font-size:21px}.quickStartGrid button{min-height:96px}.quickStartGrid span{font-size:17px}.roleRow{grid-template-columns:1fr;gap:8px}.roleRow select,.roleRow button{width:100%}.journalTableWrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.journalTable{min-width:640px}}@media (width<=520px){.contentArea,.appFrame.menuCollapsed .contentArea{padding:8px}.productTopbar{border-radius:14px;padding:12px}.mobileMenuBtn{min-width:48px;font-size:0}.mobileMenuBtn:before{content:"☰";font-size:22px}.topbarStatus{gap:6px}.languageBox,.topbarStatus span{padding:10px!important;font-size:14px!important}.stats{grid-template-columns:1fr 1fr}.stats div{font-size:15px}.stats b{font-size:27px}.grid2,.quickStartGrid,.inlineForm,.teacherMetricGrid,.compactCards{grid-template-columns:1fr!important}.mobileQuickNav{margin:4px -2px 10px;padding:4px 0 8px}.mobileQuickNav button{flex:none;min-width:auto;padding:10px 12px;font-size:14px}.studentCards{grid-template-columns:1fr}.miniList{max-height:280px}pre{white-space:pre-wrap;word-break:break-word}.journalTable{min-width:560px}}.publicApplyShell{grid-template-columns:minmax(280px,.9fr) minmax(320px,1fr);align-items:center;gap:24px;max-width:1120px;min-height:100vh;margin:0 auto;padding:28px;display:grid}.publicApplyHero,.publicApplyCard{background:#0f172aeb;border:1px solid #2dd4bf59;border-radius:28px;padding:28px;box-shadow:0 24px 80px #00000059}.publicApplyHero{background:radial-gradient(circle at 30% 20%,#2dd4bf47,#0000 36%),linear-gradient(135deg,#0f172a,#172554);flex-direction:column;justify-content:center;min-height:440px;display:flex}.publicApplyHero h1{margin:24px 0 12px;font-size:clamp(34px,6vw,64px);line-height:1}.publicApplyCard{gap:12px;display:grid}.publicApplyCard .notice,.publicApplyCard .loginError{margin:0}.backToLogin{color:#99f6e4;text-align:center;padding:8px;text-decoration:none}.simpleBrand{width:fit-content}.applicationRow{grid-template-columns:1.2fr 1.4fr .6fr .9fr .9fr;align-items:center}.applicationRow select,.applicationRow button{min-width:135px}.applicationsPanel .metricCard b,.notificationsPanel .metricCard b{color:#5eead4}.notificationsPanel textarea,.applicationsPanel textarea{min-height:92px}@media (width<=760px){.publicApplyShell{grid-template-columns:1fr;gap:14px;padding:14px}.publicApplyHero{min-height:auto;padding:22px}.publicApplyCard{padding:18px}.applicationRow{grid-template-columns:1fr}}@media (width<=640px){body{font-size:17px}input,select,textarea,button{min-height:48px;font-size:17px}.contentArea{padding:12px}.productTopbar h1{font-size:26px}.sideMenu{width:min(92vw,340px)}.metricCard b{font-size:28px}.roleRow{gap:10px;grid-template-columns:1fr!important}}.forgotLink{text-align:center;color:#38bdf8;margin:10px 0 4px;font-weight:700;text-decoration:none;display:block}.forgotLink:hover{text-decoration:underline}:root{--tc-mobile-font:16.5px;--tc-card-pad:14px}.appFrame{min-height:100vh;overflow-x:hidden}.contentArea{overflow-x:hidden}.sideMenu{scrollbar-width:thin;overflow-y:auto}.appFrame.menuCollapsed .sideMenu{width:66px}.appFrame.menuCollapsed .userBox{justify-content:center;align-items:center;margin:8px 0;display:flex}.appFrame.menuCollapsed .userBox button{place-items:center;width:42px;height:42px;margin:0;display:grid}.appFrame.menuCollapsed .collapseMenuBtn{place-items:center;width:42px;height:42px;margin:7px auto;display:grid}.appFrame.menuCollapsed .brandLogo{width:42px;height:42px}.appFrame.menuCollapsed .sideNav button{width:46px;height:46px;margin:1px auto}.appFrame.menuCollapsed .sideNav{align-items:center}.productTopbar,.card,.miniCard,.metricCard,.roleRow{overflow-wrap:anywhere}.topbarStatus{max-width:100%}.topbarStatus span{white-space:nowrap}.grid2,.studentCards,.teacherMetricGrid,.quickStartGrid,.rolePreviewGrid,.compactCards{width:100%}.formGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.telegramAccountCard .linkPreview{gap:10px;display:grid}.primaryLinkButton{color:#fff;background:linear-gradient(135deg,#22c55e,#06b6d4);border-radius:12px;justify-content:center;align-items:center;padding:11px 14px;font-weight:900;text-decoration:none;display:inline-flex}.resultNice{background:#0f172ab3;border:1px solid #94a3b838;border-radius:16px;padding:14px}.resultNice.ok{background:#052e1659;border-color:#22c55e47}.resultNice.warn{background:#43140759;border-color:#fb923c52}.resultGrid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:12px;display:grid}.resultGrid span{background:#ffffff0f;border-radius:12px;padding:10px}.resultGrid small{color:#cbd5e1;display:block}.resultGrid strong{color:#5eead4;font-size:22px}pre{max-width:100%;overflow-x:auto}@media (width>=1180px){.contentArea{padding-left:18px;padding-right:18px}.card,.stats div{padding:14px}.productTopbar{padding:15px 17px}}@media (width<=900px){html{-webkit-text-size-adjust:100%}body{font-size:var(--tc-mobile-font)}.contentArea{padding:10px}.productTopbar{grid-template-columns:auto minmax(0,1fr)}.productTopbar h1{font-size:clamp(23px,6.2vw,32px)}.productTopbar p,p,.miniInfo,.miniCard p{font-size:16px;line-height:1.42}.card h2,h2{font-size:22px}.card,.stats div,.miniCard,.metricCard{padding:15px}.stats b,.metricCard b{font-size:30px}.languageBox select{min-height:38px}.mobileQuickNav button{min-height:44px;font-size:15px}.sideMenu{font-size:16px}}@media (width<=560px){.contentArea{padding:8px}.productTopbar{padding:12px}.stats{grid-template-columns:1fr 1fr}.stats div{min-height:92px}.card,.stats div,.miniCard,.metricCard{padding:14px}.card h2,h2{font-size:21px}p,.miniInfo,.miniCard p,.roleRow span{font-size:16px}button,.ghostButton,input,select,textarea{min-height:48px;font-size:16.5px}.sideMenu{width:min(94vw,360px)!important}.sideNav button{min-height:50px}.sideNav b{font-size:16px}.sideNav small{font-size:12.5px}.formGrid{grid-template-columns:1fr}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.appFrame{max-width:100vw}.appContent,.pageStack,.card,.wide{min-width:0}.compactTestsGrid{align-items:start}.testSuiteCompact .compactHeader{padding:14px 16px}.testSuiteCompact .compactHeader p{border:0;margin:6px 0 0;padding:0}.compactForm{grid-template-columns:1.2fr 1fr 1fr;gap:10px;display:grid}.compactForm input[type=file],.compactForm button{grid-column:span 1}.compactList{gap:8px;max-height:380px;padding-right:4px;display:grid;overflow:auto}.compactListItem{background:#02061761;border:1px solid #2dd4bf2e;border-radius:14px;gap:4px;padding:10px 12px;display:grid}.compactListItem b{color:#e0f2fe}.compactListItem span,.compactListItem small{color:#cbd5e1;overflow-wrap:anywhere;font-size:13px}.compactListItem.status_ok{border-color:#22c55e5c}.compactListItem.status_warning{border-color:#facc1580}.compactListItem.status_error{border-color:#ef44448c}.auditCompact{max-height:520px}.securityPanel pre{white-space:pre-wrap;overflow-wrap:anywhere}.menuCollapsed .userBox{text-align:center;padding:8px}.menuCollapsed .userBox b,.menuCollapsed .userBox span,.menuCollapsed .userBox small{display:none}.menuCollapsed .userBox button{border-radius:14px;width:42px;height:42px;margin:0 auto;padding:0;font-size:0}.menuCollapsed .userBox button:before{content:"🚪";font-size:18px}.menuCollapsed .collapseMenuBtn{width:42px;height:42px;margin:0 auto 8px;padding:0;font-size:0}.menuCollapsed .collapseMenuBtn:before{content:"☰";font-size:18px}@media (width<=720px){body{font-size:17px}.app{padding:12px}h1{font-size:28px;line-height:1.12}h2{font-size:21px}input,select,textarea,button,.ghostButton{min-height:48px;padding:13px 14px;font-size:17px}.card,.stats div{border-radius:16px;padding:14px}.stats,.teacherMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid2,.compactTestsGrid,.journalTop,.compactForm{grid-template-columns:1fr!important}.compactList{max-height:none;overflow:visible}.sideMenu{max-width:92vw}.mobileTopBar{z-index:50;position:sticky;top:0}.journalTable{min-width:720px}.teacherControlsBar,.quizSettingsPanel{grid-template-columns:1fr!important}.kahootStage{border-radius:20px;min-height:auto;padding:14px}.quizTopBanner{border-radius:18px;padding:14px}.quizTopBanner h2{font-size:24px}}.kundalikCell{grid-template-columns:1fr;align-items:center;gap:4px;min-width:64px;display:grid}.kundalikCell select{border-radius:8px;min-width:54px;padding:5px 6px;font-size:12px}.cellOpenBtn{color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;padding:7px 6px;font-weight:900}.cellLate{background:#fbbf2424!important}.kundalikTable td{vertical-align:top}.kundalikTable th{min-width:74px}.editLessonCard select{min-width:90px}@media (width<=700px){.kundalikCell{min-width:58px}.kundalikCell select{padding:7px;font-size:13px}.cellOpenBtn{font-size:16px}.kundalikTable th:first-child,.kundalikTable td:first-child{z-index:2;background:#0f172a;position:sticky;left:0}.journalTableWrap{max-width:100%;overflow:auto}}.quizSettingsPanel{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch}.settingCard,.settingCard *{word-break:normal;overflow-wrap:anywhere}.bigCheck{align-items:center;gap:12px;min-width:230px;display:flex}.bigCheck span,.bigCheck b,.bigCheck small{white-space:normal;min-width:0}.teacherControlsBar{flex-wrap:wrap;align-items:center;display:flex}.teacherControlsBar input{flex:190px;min-width:190px}.teacherControlsBar button{white-space:nowrap;flex:0 auto;min-width:118px}.livePhase{color:#075985;background:#e0f2fe;border-radius:999px;align-items:center;margin-right:8px;padding:7px 12px;font-weight:900;display:inline-flex}.livePhase.phase_RUNNING{color:#166534;background:#dcfce7}.livePhase.phase_REVEAL{color:#854d0e;background:#fef9c3}.livePhase.phase_FINISHED{color:#5b21b6;background:#ede9fe}.professionalQuestion{border:2px solid #2dd4bf59;box-shadow:0 18px 50px #0f172a1f}.professionalQuestion h2{color:#0f172a;font-size:clamp(24px,4vw,44px);line-height:1.12}.studentTimer.danger{background:linear-gradient(135deg,#fff1f2,#fee2e2);border-color:#fb7185;animation:.55s infinite alternate studentTimerPulse}@keyframes studentTimerPulse{0%{transform:scale(1)}to{transform:scale(1.015)}}.answerGrid button.selectedAnswer{outline:6px solid #facc15d1;transform:translateY(-3px)scale(1.015)}.answerGrid button:disabled.selectedAnswer{opacity:1;filter:none}.questionBox.answered .answerGrid button:not(.selectedAnswer){opacity:.46}.kundalikTable th button{white-space:nowrap;min-width:82px}.kundalikTable th small{white-space:normal;max-width:130px;margin-top:5px;line-height:1.25;display:block}@media (width<=760px){.teacherControlsBar button{flex:46%;min-width:0}.quizSettingsPanel{grid-template-columns:1fr}}.financeProPage{gap:18px}.financeHero{background:linear-gradient(135deg,#2dd4bf2e,#3b82f624);border:1px solid #2dd4bf52;justify-content:space-between;align-items:center;gap:18px;display:flex}.financeHero h2{margin:0 0 8px;font-size:clamp(24px,3vw,38px)}.financeHero .muted,.financeCard .muted,.payCardView .muted{color:#64748b}.financeStats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.financeStats .statCard{background:#fff;border:1px solid #94a3b83d;border-radius:18px;padding:16px;box-shadow:0 12px 32px #0f172a12}.financeStats .statCard small{color:#64748b;font-weight:800;display:block}.financeStats .statCard b{color:#0f172a;margin-top:8px;font-size:24px;display:block}.financeCard{overflow:hidden}.payCardList,.paymentRequestList,.historyList{gap:10px;display:grid}.payCardView,.paymentRequestRow{background:#f8fafc;border:1px solid #94a3b847;border-radius:16px;padding:13px}.payCardView b,.paymentRequestRow b{color:#0f172a}.paymentRequestRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.rowActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.status_PENDING,.status_CONFIRMED,.status_REJECTED,.status_UNPAID,.status_PAID,.status_PARTIAL{border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.status_PENDING{color:#92400e;background:#fef3c7}.status_CONFIRMED,.status_PAID{color:#166534;background:#dcfce7}.status_REJECTED,.status_UNPAID{color:#991b1b;background:#fee2e2}.status_PARTIAL{color:#1d4ed8;background:#dbeafe}.dangerButton{color:#991b1b!important;background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border:1px solid #fca5a5!important}.paymentSubmitForm{margin-top:12px}.success{color:#166534;font-weight:900}@media (width<=820px){.financeHero,.paymentRequestRow{grid-template-columns:1fr;display:grid}.rowActions{justify-content:stretch}.rowActions button{flex:150px}}.roleSmartGrid .quickCard{border:1px solid #0ea5e929;position:relative;overflow:hidden;box-shadow:0 18px 42px #0f172a14}.roleSmartGrid .quickCard:after{content:"";background:linear-gradient(135deg,#14b8a62e,#3b82f621);border-radius:999px;width:92px;height:92px;position:absolute;top:-34px;right:-34px}.loginSettingsCard{background:linear-gradient(#fffffff5,#f8fafcfa);border:1px solid #6366f12e}.loginSettingsCard input{min-height:42px}.roleBadge,.centerBadge,.secureBadge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.roleBadge{color:#075985;background:#e0f2fe}.centerBadge{color:#065f46;background:#ecfdf5}.secureBadge{color:#5b21b6;background:#f5f3ff}.statCard.success{background:linear-gradient(#ecfdf5,#fff);border-color:#22c55e42}.statCard.warn{background:linear-gradient(#fffbeb,#fff);border-color:#f59e0b47}.statCard.danger{background:linear-gradient(#fef2f2,#fff);border-color:#ef444438}.status_PRESENT,.status_ABSENT,.status_LATE,.status_DONE,.status_MISSED,.status_ACTIVE,.status_ARCHIVED{border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.status_PRESENT,.status_DONE,.status_ACTIVE{color:#166534;background:#dcfce7}.status_ABSENT,.status_MISSED,.status_ARCHIVED{color:#991b1b;background:#fee2e2}.status_LATE{color:#92400e;background:#fef3c7}.paymentRequestRow.status_PENDING,.paymentRequestRow.pending{border-left:5px solid #f59e0b}.paymentRequestRow.status_CONFIRMED,.paymentRequestRow.status_PAID,.paymentRequestRow.confirmed{border-left:5px solid #22c55e}.paymentRequestRow.status_REJECTED,.paymentRequestRow.rejected{border-left:5px solid #ef4444}.sidebar button[disabled],.sidebar .disabled{opacity:.55;cursor:not-allowed}@media (width<=980px){.appShell,.dashboardLayout,.contentGrid,.financeHero,.twoCol,.threeCol{grid-template-columns:1fr!important}.sidebar{z-index:20;border-radius:0 0 22px 22px;position:sticky;top:0}.sidebar nav{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;min-width:150px}.topbar,.pageHeader,.sectionHeader{flex-direction:column;align-items:stretch;gap:10px}.quickStartGrid,.roleSmartGrid,.statsGrid{grid-template-columns:1fr!important}table{font-size:13px}.tableWrap,.journalTableWrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=560px){body{font-size:14px}.card,.financeCard,.payCardView,.paymentRequestRow{border-radius:18px!important;padding:14px!important}button,.primaryButton,.secondaryButton{width:100%}.rowActions{flex-direction:column}.rowActions button{width:100%}}:root{--tc-navy:#08245c;--tc-navy-2:#0b3a88;--tc-blue:#1268d6;--tc-cyan:#16c8ff;--tc-orange:#ff6b00;--tc-orange-2:#ff8a1d;--tc-surface:#fffffff0;--tc-surface-2:#eff7fff5;--tc-line:#1268d62e;--tc-shadow:0 18px 50px #08245c29;--bg:#eef6ff;--panel:#fff;--panel2:#f5f9ff;--border:var(--tc-line);--text:#08245c;--muted:#64748b;--accent:var(--tc-orange);--gold:#ffb703}body{color:var(--tc-navy);background:radial-gradient(circle at 8% 4%,#16c8ff33,#0000 28%),radial-gradient(circle at 92% 12%,#ff6b0021,#0000 24%),linear-gradient(135deg,#eef6ff 0%,#fff 42%,#eaf4ff 100%)}body:before{content:"";pointer-events:none;opacity:.42;background-image:linear-gradient(30deg,#0000 0 93%,#1268d61c 93% 94%,#0000 94%),radial-gradient(circle at 15% 20%,#1268d61f 0 1px,#0000 2px),radial-gradient(circle at 85% 35%,#ff6b0024 0 1px,#0000 2px);background-size:82px 82px,44px 44px,56px 56px;position:fixed;inset:0}.app{max-width:1320px;padding:22px}.hero,.loginShell,.topbar,.sidebar,.card,.stats div,.miniCard,.metricCard,.payCardView,.paymentRequestRow,.roleRow,.credentialPair{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{background:linear-gradient(135deg,#08245cfa,#0b3a88f0 50%,#1268d6e0),radial-gradient(circle at 92% 18%,#ff6b0066,#0000 28%);border:1px solid #fff3;box-shadow:0 26px 70px #08245c52}.hero h1,h1{letter-spacing:-.045em}.eyebrow{color:#bfecff}.card,.stats div,.miniCard,.previewBox,.metricCard,.payCardView,.paymentRequestRow,.roleRow,.credentialPair{background:var(--tc-surface);color:var(--tc-navy);border:1px solid var(--tc-line);box-shadow:var(--tc-shadow)}.card h2,.card h3,.miniCard b,.metricCard b,.roleRow b,.credentialPair b{color:var(--tc-navy)}p,.card p,.miniInfo,small,em{color:#49627f}.stats{grid-template-columns:repeat(6,minmax(0,1fr))}.stats div{min-height:116px;position:relative;overflow:hidden}.stats div:after{content:"";background:radial-gradient(circle,#16c8ff38,#ff6b001f 58%,#0000 60%);border-radius:50%;width:92px;height:92px;position:absolute;bottom:-28px;right:-22px}.stats b,.metricCard b{color:var(--tc-orange)}input,select,textarea{color:var(--tc-navy);background:#f8fbff;border:1px solid #1268d638}input:focus,select:focus,textarea:focus{border-color:var(--tc-cyan);box-shadow:0 0 0 4px #16c8ff24}button,.ghostButton{background:linear-gradient(135deg, var(--tc-orange), var(--tc-orange-2));color:#fff;box-shadow:0 12px 24px #ff6b003d}button:hover,.ghostButton:hover{filter:saturate(1.04);transform:translateY(-1px)}.ghostButton,.small,.quickButtons button,.rowActions button:nth-child(2){background:linear-gradient(135deg, var(--tc-navy-2), var(--tc-blue));color:#fff;border:0}.dangerButton,.status_REJECTED button,.status_rejected button{background:linear-gradient(135deg,#ef4444,#fb7185)!important}.layout,.dashboardShell{gap:18px}.sidebar,.appNav,.sideMenu{background:linear-gradient(#08245cfa,#0b3a88f5);border:1px solid #ffffff29;box-shadow:0 20px 60px #08245c3d}.sidebar button,.appNav button,.sideMenu button{color:#fff;box-shadow:none;background:#ffffff1a;border:1px solid #ffffff1f}.sidebar button.active,.appNav button.active,.sideMenu button.active,.navItem.active{background:linear-gradient(135deg, var(--tc-orange), var(--tc-orange-2));color:#fff}.notice,.warningCard{color:var(--tc-navy);background:linear-gradient(135deg,#fff7edf5,#eff7fff5);border-color:#ff6b0057}.status_PAID,.status_CONFIRMED,.status_paid,.badgePaid{border-left:5px solid #16a34a!important}.status_PARTIAL,.status_PENDING,.status_partial,.status_pending,.warn{border-left:5px solid var(--tc-orange)!important}.status_UNPAID,.status_REJECTED,.status_unpaid,.status_rejected{border-left:5px solid #ef4444!important}.journalTableWrap,.tableWrap{border:1px solid var(--tc-line);box-shadow:var(--tc-shadow);background:#fff}.journalTable th,table th{background:linear-gradient(135deg, var(--tc-navy), var(--tc-blue));color:#fff}.journalTable td,table td{color:var(--tc-navy)}.loginShell,.authBox,.loginCard{background:linear-gradient(135deg,#fffffff0,#eff7fff5);border:1px solid #1268d62e;box-shadow:0 28px 90px #08245c38}.brandPill,.logoPill{background:linear-gradient(135deg, var(--tc-navy), var(--tc-blue));color:#fff;border:1px solid #ffffff2e}.parentHeroCard,.studentHeroCard,.teacherFriendly,.financeCard,.testCard,.quizCard{background:linear-gradient(135deg,#fffffff5,#eff7fff2),radial-gradient(circle at 92% 10%,#16c8ff1f,#0000 36%)}.credentialVault{border-top:4px solid var(--tc-orange)}.credentialGrid{gap:12px;display:grid}.credentialPair{border-radius:18px;grid-template-columns:minmax(0,1fr) auto minmax(160px,220px);align-items:center;gap:14px;padding:16px;display:grid}.credentialPair div{gap:6px;display:grid}.credentialPair span{color:#173b70;font-weight:700}.credentialPair em{color:var(--tc-navy-2);background:#16c8ff1f;border-radius:999px;padding:7px 10px;font-style:normal}.role-parent .sidebar,.role-parent .appNav,.role-student .sidebar,.role-student .appNav{background:linear-gradient(#0b3a88,#08245c)}.role-parent .card,.role-student .card{border-radius:24px}@media (width<=1100px){.stats{grid-template-columns:repeat(3,1fr)}.credentialPair{grid-template-columns:1fr}}@media (width<=760px){.app{padding:12px}.hero{border-radius:22px;padding:22px}h1{font-size:30px}.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr!important}.card{border-radius:18px;padding:15px}button,input,select,textarea{min-height:46px;font-size:15px}.studentCards,.miniList,.credentialGrid{grid-template-columns:1fr!important}}@media (width<=460px){.stats{grid-template-columns:1fr}.quickButtons{grid-template-columns:1fr 1fr}}button,.ghostButton,.sideNav button,.mobileQuickNav button,.quickStartGrid button,.teacherControlsBar button,.quickButtons button,.rowActions button,.cellOpenBtn,.small{text-shadow:none}button span,button small,button b,.ghostButton span,.ghostButton small,.ghostButton b{color:inherit}.sideMenu,.sideMenu p,.sideMenu span,.sideMenu b,.sideMenu small,.sideMenu .navIcon,.sideNav button,.sideNav button span,.sideNav button b,.sideNav button small,.appNav,.appNav button,.appNav button span,.appNav button b,.appNav button small,.sidebar,.sidebar button,.sidebar button span,.sidebar button b,.sidebar button small{color:#fff}.sideNav button small,.appNav button small,.sidebar button small{color:#cfe8ff}.sideNav button.active,.sideNav button.active span,.sideNav button.active b,.sideNav button.active small,.appNav button.active,.appNav button.active span,.appNav button.active b,.appNav button.active small,.sidebar button.active,.sidebar button.active span,.sidebar button.active b,.sidebar button.active small,.mobileQuickNav button.active,.mobileQuickNav button.active span,.mobileQuickNav button.active b,.mobileQuickNav button.active small{color:#fff}.quickStartGrid button,.roleSmartGrid .quickCard,.teacherControlsBar button,.quickButtons button{color:#fff;background:linear-gradient(145deg,#08245c,#0b3a88 62%,#1268d6);border-color:#ffffff2e}.quickStartGrid button span,.quickStartGrid button small,.quickStartGrid button b,.roleSmartGrid .quickCard span,.roleSmartGrid .quickCard small,.roleSmartGrid .quickCard b,.teacherControlsBar button span,.teacherControlsBar button small,.quickButtons button span,.quickButtons button small{color:#fff}.quickStartGrid button>b,.roleSmartGrid .quickCard>b{color:#fff;background:linear-gradient(135deg,#ff6b00,#ffb703)}.metricCard span,.stats small,.card small,.card em,.miniCard small,.miniCard em,.payCardView small,.paymentRequestRow small,.credentialPair small,.credentialPair em{color:#49627f}.card b,.card strong,.miniCard b,.miniCard strong,.metricCard b,.metricCard strong,.payCardView b,.paymentRequestRow b,.credentialPair b,.roleRow b{color:#08245c}.productTopbar,.productTopbar h1,.productTopbar h2,.productTopbar p,.productTopbar span,.productTopbar small,.productTopbar b,.topbarStatus span{color:#fff}.productTopbar .eyebrow{color:#bfefff}.loginShell{color:#fff;box-shadow:none;background:radial-gradient(circle at 12% 10%,#16c8ff47,#0000 30%),radial-gradient(circle at 88% 16%,#ff6b0033,#0000 26%),linear-gradient(135deg,#061627,#08245c 58%,#0b3a88);border:0}.loginHero,.loginHero h1,.loginHero p,.loginHero span,.loginHero b,.loginHero small,.loginFeatureGrid div,.loginBrand{color:#fff}.loginHero p{color:#dff7ff}.loginCard,.loginCard h2,.loginCard label,.loginCard p{color:#08245c}.loginCard p{color:#49627f}.notice,.notice p,.warningCard,.warningCard p,.demoCredentials,.demoCredentials p{color:#08245c}.status_PENDING,.status_CONFIRMED,.status_REJECTED,.status_UNPAID,.status_PAID,.status_PARTIAL,.status_PRESENT,.status_ABSENT,.status_LATE,.status_DONE,.status_MISSED,.status_ACTIVE,.status_ARCHIVED,.roleBadge,.centerBadge,.secureBadge{text-shadow:none}.status_PENDING,.status_PARTIAL,.status_LATE{color:#7c2d12}.status_CONFIRMED,.status_PAID,.status_PRESENT,.status_DONE,.status_ACTIVE{color:#14532d}.status_REJECTED,.status_UNPAID,.status_ABSENT,.status_MISSED,.status_ARCHIVED{color:#7f1d1d}.journalTable th,.journalTable th button,.journalTable th small,.journalTable th em,table th,table th button,table th small,table th em{color:#fff}.kundalikTable th small,.kundalikTable th em{color:#e0f2fe}.quizCard,.testCard,.smartQuiz,.parentHeroCard,.studentHeroCard,.teacherFriendly,.financeCard,.quizCard h2,.testCard h2,.smartQuiz h2,.parentHeroCard h2,.studentHeroCard h2,.teacherFriendly h2,.financeCard h2{color:#08245c}.quizCard p,.testCard p,.smartQuiz p,.parentHeroCard p,.studentHeroCard p,.teacherFriendly p,.financeCard p{color:#49627f}@media (width<=760px){.mobileQuickNav button{color:#fff;background:linear-gradient(145deg,#08245c,#0b3a88);border-color:#ffffff2e}}.rolePreviewGrid div{box-shadow:0 10px 26px #08245c14;color:#08245c!important;text-shadow:none!important;background:linear-gradient(135deg,#e9fbff,#fff)!important;border-color:#1268d638!important}.rolePreviewGrid div,.rolePreviewGrid div span,.rolePreviewGrid div b,.rolePreviewGrid div small,.rolePreviewGrid div strong,.rolePreviewGrid div em{color:#08245c!important}.studentCards.compactCards .miniCard button,.ownerAdminPanel .compactCards .miniCard button,.compactCards .miniCard button{color:#fff!important;text-shadow:none!important;background:linear-gradient(135deg,#08245c,#1268d6)!important;border:1px solid #ffffff2e!important;box-shadow:0 10px 22px #1268d633!important}.studentCards.compactCards .miniCard button span,.studentCards.compactCards .miniCard button b,.studentCards.compactCards .miniCard button small,.ownerAdminPanel .compactCards .miniCard button span,.ownerAdminPanel .compactCards .miniCard button b,.ownerAdminPanel .compactCards .miniCard button small,.compactCards .miniCard button span,.compactCards .miniCard button b,.compactCards .miniCard button small{color:#fff!important}.statusOk,.roleRow .statusOk,.card .statusOk{color:#14532d!important;text-shadow:none!important;background:#dcfce7!important;border:1px solid #86efac!important}.statusWarn,.roleRow .statusWarn,.card .statusWarn{color:#9a3412!important;text-shadow:none!important;background:#fff7ed!important;border:1px solid #fdba74!important}.card button:disabled,.miniCard button:disabled,button:disabled{color:#475569!important;box-shadow:none!important;opacity:1!important;background:#e2e8f0!important;border:1px solid #cbd5e1!important}.onlineLearningPage{gap:18px}.onlineHero{color:#fff;background:linear-gradient(135deg,#071a3f 0%,#0b2f6b 52%,#0b7fa5 100%);border:0;overflow:hidden}.onlineHero h2,.onlineHero p,.onlineHero b{color:#fff}.onlineHero .eyebrow{color:#ffe2ba}.onlineModeBadges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.onlineModeBadges span{color:#06203f;background:#fff5e6;border:1px solid #ffffffb3;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;box-shadow:0 10px 28px #00000024}.onlineAdminGrid .onlineCard,.onlineStudyGrid .onlineCard,.onlineAccessCard,.onlineLessonsRoadmap,.onlinePlayerCard{border:1px solid #0c305b1f;box-shadow:0 16px 42px #071a3f17}.courseGrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.courseTile{text-align:left;color:#071a3f;cursor:pointer;background:#f7fbff;border:1px solid #0c305b1f;border-radius:18px;gap:7px;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.courseTile:hover{border-color:#f581208c;transform:translateY(-2px);box-shadow:0 14px 28px #071a3f1f}.courseTile b{color:#071a3f;font-size:17px}.courseTile span{color:#0c407d;font-weight:700}.courseTile em{color:#64748b;font-size:12px;font-style:normal}.courseTile.mode_LINEAR{border-left:6px solid #f97316}.courseTile.mode_LIBRARY{border-left:6px solid #06b6d4}.lessonRoadmap{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.lessonStep{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:18px;gap:6px;padding:14px;display:grid}.lessonStep strong{color:#fff;background:#0b2f6b;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.lessonStep b{color:#071a3f}.lessonStep span{color:#475569}.lessonStep em{color:#64748b;font-size:12px;font-style:normal}.lessonStep.open{border-color:#06b6d473;box-shadow:0 12px 28px #06b6d41c}.lessonStep.passed{background:#f0fdf4;border-color:#22c55e8c}.lessonStep.locked{opacity:.62;cursor:not-allowed;background:#f8fafc}.lessonSearchItem{text-align:left;width:100%}.onlinePlayerHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.accessBadge{white-space:nowrap;border-radius:999px;padding:9px 13px;font-weight:900}.accessBadge.ok{color:#065f46;background:#d1fae5}.accessBadge.locked{color:#991b1b;background:#fee2e2}.videoFrameBox{aspect-ratio:16/9;background:radial-gradient(circle at 0 0,#0b7fa5,#071a3f 58%,#020617);border:1px solid #ffffff38;border-radius:22px;width:100%;margin-top:14px;overflow:hidden;box-shadow:0 20px 50px #071a3f38}.videoFrameBox iframe{border:0;width:100%;height:100%;display:block}.videoPlaceholder{color:#fff;text-align:center;place-items:center;height:100%;padding:24px;font-size:20px;font-weight:900;display:grid}.onlineTopicTest{gap:12px;margin-top:16px;display:grid}.topicQuestion{background:#f8fafc;border:1px solid #0f172a14;border-radius:16px;gap:9px;padding:14px;display:grid}.topicQuestion b{color:#071a3f}.topicQuestion label{color:#1e293b;background:#fff;border:1px solid #0f172a12;border-radius:12px;padding:8px 10px;display:block}.tvQuestionLayout.questionOnlyShow{grid-template-columns:1fr;min-height:60vh}.tvQuestionLayout.questionOnlyShow .questionMainStage{align-content:center;min-height:58vh;display:grid}.tvQuestionLayout.questionOnlyShow .tvQuestionText{font-size:clamp(34px,5vw,76px);line-height:1.05}.tvQuestionLayout.questionOnlyShow .tvAnswer{min-height:92px;font-size:clamp(18px,2.2vw,31px)}.tvQuestionLayout.leaderboardShow{animation:.35s both stagePop}.showBoardPanel{animation:.35s both boardSlide}@keyframes stagePop{0%{opacity:.88;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes boardSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=860px){.onlinePlayerHeader{flex-direction:column}.onlineModeBadges span{text-align:center;width:100%}.tvQuestionLayout.questionOnlyShow .tvQuestionText{font-size:30px}}.loginTariffStrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:720px;margin-top:18px;display:grid}.loginTariffStrip div{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff38;border-radius:18px;padding:12px}.loginTariffStrip b{color:#fff;font-size:16px;display:block}.loginTariffStrip span{color:#e8f7ff;margin-top:3px;font-size:13px;display:block}.saasPanel .teacherFriendly{border-left:5px solid #f97316}.tariffGrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.tariffCard{background:#fff;border:1px solid #dbe8f5;border-radius:24px;padding:20px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0f172a14}.tariffCard:before{content:"";background:linear-gradient(90deg,#082f49,#0ea5e9,#f97316);height:5px;position:absolute;inset:0 0 auto}.tariffCard h3{color:#0f172a;margin:8px 0;font-size:22px}.tariffCard b{color:#0f172a;margin:6px 0;font-size:20px;display:block}.tariffCard p{color:#334155;margin:6px 0}.tariffCard small{color:#475569;margin-top:10px;line-height:1.5;display:block}.tariffCard button{margin-top:14px}.tariffBadge{color:#075985;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.tariff_BUSINESS{background:linear-gradient(#fff7ed,#fff);border-color:#fed7aa}.tariff_PRO{background:linear-gradient(#f0f9ff,#fff);border-color:#bae6fd}.tariff_DEMO{opacity:.9}.saasPanel .roleRow em{color:#475569}.saasPanel .compactListItem small{color:#64748b}.saasPanel .metricCard.warn b,.saasPanel .metricCard.success b{color:inherit}@media (width<=720px){.loginTariffStrip,.tariffGrid{grid-template-columns:1fr}}.quickJournalPro{color:#0f172a;background:linear-gradient(#fffffff7,#eff6fff5);border-color:#0e749038}.quickJournalPro h2,.quickJournalPro b,.quickJournalPro span,.quickJournalPro small,.quickJournalPro label,.quickJournalPro p{color:#0f172a}.quickLessonMeta{grid-template-columns:1fr 1fr;gap:12px;margin:10px 0;display:grid}.quickJournalToolbar{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0;display:grid}.toolbarBlock{background:#f8fafc;border:1px solid #dbeafe;border-radius:18px;flex-wrap:wrap;align-items:center;gap:7px;padding:12px;display:flex}.toolbarBlock b{color:#0f3b69;text-transform:uppercase;letter-spacing:.04em;width:100%;font-size:13px}.toolbarBlock button,.quickJournalPro button{color:#0f172a}.toolbarBlock button{background:#fff;border:1px solid #cbd5e1;padding:8px 10px}.toolbarBlock button:hover{border-color:#f97316;box-shadow:0 8px 18px #f973161f}.journalStatsPro{flex-wrap:wrap;gap:10px;margin:10px 0 14px;display:flex}.journalStatsPro span{background:#eef6ff;border:1px solid #cfe2ff;border-radius:999px;padding:9px 12px;font-weight:800}.journalControlsLine{grid-template-columns:minmax(220px,1fr) minmax(210px,320px);gap:10px;margin-bottom:12px;display:grid}.quickJournalRows{gap:10px;padding-bottom:82px;display:grid}.quickStudentRow{background:#fff;border:1px solid #dbeafe;border-radius:20px;grid-template-columns:82px minmax(210px,1.25fr) minmax(220px,1.15fr) minmax(150px,.8fr) minmax(120px,.7fr) minmax(130px,.75fr) minmax(220px,1.2fr);align-items:center;gap:10px;padding:12px;display:grid;box-shadow:0 10px 28px #0f172a0f}.quickStudentRow.rowFive{border-left:7px solid #16a34a}.quickStudentRow.rowFour{border-left:7px solid #2563eb}.quickStudentRow.rowThree{border-left:7px solid #facc15}.quickStudentRow.rowBadGrade{border-left:7px solid #ef4444}.quickStudentRow.rowNb{background:#f8fafc;border-left:7px solid #64748b}.rowCheck{align-items:center;gap:7px;font-weight:900;display:flex}.rowCheck input{width:18px;height:18px}.studentCell{gap:3px;display:grid}.studentCell b{font-size:15px}.studentCell small{color:#64748b;font-weight:700}.pillGroup,.gradePills{flex-wrap:wrap;gap:6px;display:flex}.pillGroup button,.gradePills button{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;min-width:40px;padding:8px 9px}.pillGroup button.active,.gradePills button.active{color:#fff;background:#0f3b69;border-color:#0f3b69}.pillGroup button.danger,.pillGroup button.active.danger{color:#fff;background:#dc2626;border-color:#dc2626}.pillGroup button.warn,.pillGroup button.active.warn{color:#fff;background:#f97316;border-color:#f97316}.gradePills .grade5{color:#fff!important;background:#16a34a!important;border-color:#16a34a!important}.gradePills .grade4{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.gradePills .grade3{color:#111827!important;background:#eab308!important;border-color:#eab308!important}.gradePills .grade2{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.gradePills .ghost{color:#334155!important;background:#e2e8f0!important}.commentCell{grid-template-columns:1fr;gap:7px;display:grid}.quickStudentRow select,.quickStudentRow input,.quickJournalPro .journalControlsLine input,.quickJournalPro .journalControlsLine select,.quickJournalPro textarea,.quickJournalPro .proJournalTop select,.quickJournalPro .proJournalTop input{color:#0f172a;background:#fff;border-color:#cbd5e1}.stickyLessonBar{z-index:20;background:linear-gradient(135deg,#0f3b69,#0b6b8d);border-radius:20px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:13px 16px;display:flex;position:sticky;bottom:10px;box-shadow:0 18px 45px #02061738}.stickyLessonBar b,.stickyLessonBar span{color:#fff;display:block}.stickyLessonBar button{color:#fff;background:#f97316;border-color:#ffffff40;padding:12px 18px;font-weight:900}.videoUploadBox{color:#0f3b69;cursor:pointer;background:#f0f9ff;border:2px dashed #0ea5e9;border-radius:16px;gap:7px;padding:13px;font-weight:900;display:grid}.videoUploadBox input{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.videoFrameBox video{background:#020617;width:100%;height:100%;display:block}@media (width<=1100px){.quickStudentRow{grid-template-columns:72px 1fr;align-items:stretch}.quickStudentRow>*{min-width:0}.journalControlsLine,.quickLessonMeta{grid-template-columns:1fr}}@media (width<=620px){.toolbarBlock{grid-template-columns:1fr 1fr;display:grid}.toolbarBlock b{grid-column:1/-1}.quickStudentRow{grid-template-columns:1fr}.stickyLessonBar{flex-direction:column;align-items:stretch}}.inlineMiniControl{background:#f8fbffeb;border:1px solid #0f265c1a;border-radius:14px;gap:6px;margin:10px 0;padding:10px;display:grid}.inlineMiniControl small{color:#475569;font-weight:700}.inlineMiniControl select{color:#0f172a;background:#fff;border:1px solid #0f265c2e;width:100%}.parentSimplePanel .parentHeroCard{background:linear-gradient(135deg,#fff 0%,#eef6ff 100%)}.parentSimplePanel .roleTable{max-height:420px;overflow:auto}.parentSimplePanel .roleRow{align-items:center}.parentSimplePanel .parentChildCard{border-left:5px solid #f97316}.parentSimplePanel .parentPaymentBox{border:1px solid #f9731638}.studentTestMobileCard{border:1px solid #14b8a640}.studentTestRunner{gap:14px;display:grid}.testRunnerHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mobileQuestionCard{background:#ffffffeb;border:1px solid #0f172a1a;border-radius:18px;padding:14px}.mobileQuestionCard label{cursor:pointer;color:#102033;background:#fff;border:1px solid #0f172a1a;border-radius:14px;align-items:flex-start;gap:8px;margin-top:8px;padding:11px 12px;display:flex}.mobileQuestionCard label.answerPicked{background:#ffedd5d1;border-color:#f97316a6;font-weight:800}.stickySubmitBar{z-index:20;color:#fff;background:#0f172af0;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:sticky;bottom:10px;box-shadow:0 18px 45px #0f172a38}.stickySubmitBar button{color:#fff;background:#f97316;border:0;font-weight:900}@media (width<=700px){.testSuiteCompact .grid2,.compactTestsGrid{grid-template-columns:1fr!important}.studentTestMobileCard{border-radius:18px;padding:14px}.mobileQuestionCard{padding:12px}.stickySubmitBar{border-radius:16px;flex-direction:column;align-items:stretch;bottom:8px;left:8px;right:8px}.stickySubmitBar button{width:100%;padding:12px}}.publicQuizJoinBox{gap:12px}.publicQuizJoinBox .quizNameInput{color:#0f2547;background:#fffffff5;border:1px solid #11224029;border-radius:16px;width:100%;min-height:48px;padding:0 16px;font-size:16px}.publicQuizJoinBox .studentLoginJoin{color:#fff;background:linear-gradient(135deg,#0b2f5f,#0ea5e9);border:0}.publicQuizJoinBox .joinDivider{color:#0f2547b8;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.publicQuizJoinBox .joinDivider:before,.publicQuizJoinBox .joinDivider:after{content:"";background:#0f254729;flex:1;height:1px}.publicQuizJoinBox .okText{color:#0f7a3b;background:#10b9811f;border:1px solid #10b9813d;border-radius:12px;padding:10px 12px}@media (width<=640px){.publicQuizJoinBox .quizNameInput,.publicQuizJoinBox button{width:100%;font-size:15px}}.app.role-super-admin .roleHomeCard{color:#fff;background:linear-gradient(135deg,#061a3a,#0b2f5f 55%,#0ea5e9)}.app.role-center-owner .roleHomeCard{background:linear-gradient(135deg,#fff7ed,#fff 52%,#e0f2fe);border-color:#f9731647}.app.role-center-admin .roleHomeCard{background:linear-gradient(135deg,#eff6ff,#fff 55%,#ecfeff);border-color:#0ea5e947}.app.role-teacher .roleHomeCard{background:linear-gradient(135deg,#f0fdf4,#fff 55%,#ecfeff);border-color:#22c55e3d}.app.role-student .roleHomeCard{background:radial-gradient(circle at 18% 18%,#0ea5e947,#0000 28%),linear-gradient(135deg,#f8fbff,#fff7ed);border-color:#0ea5e938}.app.role-parent .roleHomeCard{background:linear-gradient(135deg,#fff,#fff7ed 55%,#f8fafc);border-color:#f9731633}.app.role-super-admin .roleHomeCard .eyebrow,.app.role-super-admin .roleHomeCard h2,.app.role-super-admin .roleHomeCard p{color:#fff}.app.role-student .quickStartGrid button{position:relative;overflow:hidden}.app.role-student .quickStartGrid button:after{content:"";pointer-events:none;background:#0ea5e91a;height:90px;position:absolute;inset:auto -20% -55% 20%;transform:rotate(-8deg)}.app.role-parent .sideNav button:not(.active) small{color:#64748b}.app.role-teacher .teacherWorkPanel .teacherHeroCard{border-left:6px solid #22c55e}.app.role-center-admin .financeProPage .card,.app.role-center-admin .testSuiteCompact .card{border-top:4px solid #0ea5e973}.app.role-center-owner .reportsOwnerHint{display:block}.reportsOwnerHint{color:#7c2d12;background:#f973161a;border:1px solid #f9731638;border-radius:16px;padding:12px 14px;font-weight:800;display:none}.roleWorkflowNote{color:#475569;gap:8px;margin-top:10px;display:grid}.roleWorkflowNote b{color:#0f2547}.landingPage{color:#0f2547;background:radial-gradient(circle at 12% 12%,#0ea5e938,#0000 28%),radial-gradient(circle at 88% 6%,#22c55e2e,#0000 24%),linear-gradient(#f8fbff 0%,#eef6ff 45%,#fff 100%);min-height:100vh;overflow-x:hidden}.landingNav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-bottom:1px solid #0f254714;justify-content:space-between;align-items:center;gap:18px;padding:16px clamp(18px,4vw,58px);display:flex;position:sticky;top:0}.landingBrand{color:#0f2547;align-items:center;gap:10px;min-width:max-content;text-decoration:none;display:flex}.landingBrand span{background:linear-gradient(135deg,#0ea5e9,#22c55e);border-radius:16px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 14px 32px #0ea5e947}.landingBrand b{letter-spacing:-.03em;font-size:20px}.landingBrand em{color:#64748b;margin-left:2px;font-size:11px;font-style:normal;display:block}.landingNav nav{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.landingNav nav a,.landingLogin{color:#334155;border-radius:999px;padding:10px 12px;font-weight:800;text-decoration:none}.landingNav nav a:hover,.landingLogin:hover{color:#075985;background:#0ea5e91a}.landingActions{align-items:center;gap:8px;display:flex}.landingActions select{background:#fff;border:1px solid #0f254724;border-radius:999px;height:40px;padding:0 8px;font-weight:800}.landingActions button,.landingHeroButtons button,.landingHeroButtons a,.landingTariffGrid button,.landingApplyForm button,.landingSuccess a{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:900;text-decoration:none;display:inline-flex}.landingActions button,.landingHeroButtons .primary,.landingApplyForm button{color:#fff;background:linear-gradient(135deg,#0b2f5f,#0ea5e9);box-shadow:0 14px 28px #0ea5e938}.landingHeroButtons button:not(.ghost),.landingTariffGrid button,.landingSuccess a{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e)}.landingHeroButtons .ghost{color:#0f2547;background:#0f254714}.landingHeroSection{grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(44px,8vw,96px) clamp(18px,5vw,76px) 58px;display:grid}.landingHeroText h1{letter-spacing:-.065em;color:#071d3a;margin:18px 0;font-size:clamp(38px,6vw,78px);line-height:.95}.landingHeroText p{color:#475569;max-width:720px;font-size:clamp(17px,2vw,22px);line-height:1.65}.landingBadge{color:#075985;background:#ffffffbf;border:1px solid #0ea5e933;border-radius:999px;width:fit-content;padding:10px 14px;font-weight:900}.landingHeroButtons{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.landingStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px;display:grid}.landingStats span{background:#ffffffc7;border:1px solid #0f25471a;border-radius:22px;padding:16px;box-shadow:0 18px 42px #0f25470f}.landingStats b{color:#0f2547;font-size:20px;display:block}.landingStats small{color:#64748b;font-weight:700}.landingMockup{background:#ffffffb3;border:1px solid #0f25471a;border-radius:36px;padding:16px;transform:rotate(1deg);box-shadow:0 34px 90px #0f254724}.mockTop{color:#64748b;align-items:center;gap:8px;padding:12px;font-weight:900;display:flex}.mockTop span{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.mockTop span:first-child{background:#ef4444}.mockTop span:nth-child(2){background:#f59e0b}.mockTop span:nth-child(3){background:#22c55e}.mockTop b{margin-left:auto}.mockGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mockCard{background:linear-gradient(145deg,#fff,#f1f7ff);border:1px solid #0f254714;border-radius:26px;min-height:138px;padding:18px;box-shadow:inset 0 1px #ffffffe6}.mockCard.big{color:#fff;background:radial-gradient(circle at 80% 20%,#22c55e42,#0000 32%),linear-gradient(145deg,#0b2f5f,#0ea5e9);min-height:290px}.mockCard.wide{grid-column:span 2}.mockCard b,.mockCard strong,.mockCard small{display:block}.mockCard strong{letter-spacing:-.04em;margin:16px 0 3px;font-size:38px}.mockBars{align-items:end;gap:12px;height:82px;padding-top:10px;display:flex}.mockBars i{background:linear-gradient(#0ea5e9,#22c55e);border-radius:999px 999px 8px 8px;flex:1}.mockBars i:first-child{height:44%}.mockBars i:nth-child(2){height:70%}.mockBars i:nth-child(3){height:55%}.mockBars i:nth-child(4){height:88%}.landingSection{padding:72px clamp(18px,5vw,76px)}.landingSectionHead{text-align:center;max-width:860px;margin:0 auto 34px}.landingSectionHead span,.applyInfoPanel>span{color:#0ea5e9;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:1000}.landingSectionHead h2,.applyInfoPanel h2{letter-spacing:-.055em;color:#071d3a;margin:10px 0;font-size:clamp(30px,4vw,52px);line-height:1.02}.landingSectionHead p,.applyInfoPanel p{color:#64748b;font-size:17px;line-height:1.65}.landingFeatureGrid,.landingRoleGrid,.landingTariffGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.landingFeatureGrid article,.landingRoleGrid article,.landingTariffGrid article{background:#ffffffd1;border:1px solid #0f254717;border-radius:28px;padding:24px;box-shadow:0 22px 56px #0f254712}.landingFeatureGrid article span,.landingRoleGrid article b{background:linear-gradient(135deg,#0ea5e924,#22c55e24);border-radius:20px;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.landingFeatureGrid h3,.landingRoleGrid h3,.landingTariffGrid h3{color:#0f2547;letter-spacing:-.03em;margin:16px 0 8px;font-size:22px}.landingFeatureGrid p,.landingRoleGrid p,.landingTariffGrid p,.landingTariffGrid li{color:#64748b;font-weight:650;line-height:1.6}.roleLandingSection{background:linear-gradient(#eff6ffd9,#ffffffe6)}.tariffLandingSection{background:linear-gradient(#fff,#f8fbff)}.landingTariffGrid article{position:relative;overflow:hidden}.landingTariffGrid article.selected{border-color:#0ea5e973;transform:translateY(-4px);box-shadow:0 28px 70px #0ea5e929}.landingTariffGrid article.selected:before{content:"Выбрано";color:#0369a1;background:#0ea5e91f;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:1000;position:absolute;top:18px;right:18px}.tariffTop span{color:#15803d;background:#22c55e1f;border-radius:999px;margin-top:2px;padding:9px 12px;font-weight:1000;display:inline-flex}.landingTariffGrid ul{padding-left:18px}.landingTariffGrid button{width:100%;margin-top:12px}.landingApplySection{background:radial-gradient(circle at 12% 20%,#0ea5e92e,#0000 30%),linear-gradient(135deg,#071d3a,#0b2f5f);grid-template-columns:minmax(0,.82fr) minmax(320px,1.18fr);gap:24px;padding:76px clamp(18px,5vw,76px) 90px;display:grid}.applyInfoPanel,.landingApplyForm{background:#fffffff0;border:1px solid #ffffff59;border-radius:32px;padding:clamp(22px,4vw,36px);box-shadow:0 28px 80px #0000002e}.applyInfoPanel{color:#fff;background:#ffffff1a}.applyInfoPanel h2,.applyInfoPanel p{color:#fff}.applyInfoPanel a{color:#bae6fd;font-weight:900;text-decoration:none}.selectedPlanBox{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:24px;margin:24px 0;padding:18px}.selectedPlanBox b{letter-spacing:-.04em;font-size:28px;display:block}.selectedPlanBox small{color:#dbeafe;font-weight:800}.landingApplyForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.landingApplyForm label,.landingApplyForm textarea,.landingApplyForm button,.landingApplyForm .loginError,.landingApplyForm .landingSuccess{grid-column:span 2}.landingApplyForm input,.landingApplyForm select,.landingApplyForm textarea{color:#0f2547;background:#fff;border:1px solid #0f254724;border-radius:18px;outline:none;width:100%;padding:14px 15px;font-size:15px}.landingApplyForm input:focus,.landingApplyForm select:focus,.landingApplyForm textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91f}.landingApplyForm textarea{resize:vertical;min-height:116px}.landingApplyForm label{color:#0f2547;font-weight:1000}.landingApplyForm button:disabled{opacity:.6;cursor:wait}.landingSuccess{color:#14532d;background:#22c55e1f;border:1px solid #22c55e38;border-radius:20px;padding:16px}.landingSuccess p{margin:6px 0 12px}.landingSuccess a{width:fit-content}@media (width<=1050px){.landingHeroSection,.landingApplySection{grid-template-columns:1fr}.landingNav{flex-wrap:wrap;align-items:flex-start}.landingNav nav{order:3;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.landingFeatureGrid,.landingRoleGrid,.landingTariffGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.landingNav{padding:12px}.landingActions{justify-content:space-between;width:100%}.landingBrand em{display:none}.landingHeroSection{padding-top:34px}.landingStats,.landingFeatureGrid,.landingRoleGrid,.landingTariffGrid,.landingApplyForm{grid-template-columns:1fr}.landingApplyForm label,.landingApplyForm textarea,.landingApplyForm button,.landingApplyForm .loginError,.landingApplyForm .landingSuccess{grid-column:span 1}.mockGrid{grid-template-columns:1fr}.mockCard.wide{grid-column:span 1}.landingHeroText h1{font-size:38px}.landingHeroButtons a,.landingHeroButtons button{width:100%}}.topicTestUploadBox{color:#3b0764;cursor:pointer;background:linear-gradient(135deg,#f5f3ff,#eef2ff);border:2px dashed #8b5cf6;border-radius:16px;gap:7px;padding:13px;font-weight:900;display:grid}.topicTestUploadBox input{color:#0f172a;background:#fff;border:1px solid #c4b5fd}.studentTestCards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.studentTestAssignmentCard{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 10%,#f9731629,#0000 32%),linear-gradient(135deg,#fff,#eef7ff)!important;border:1px solid #3b82f62e!important;box-shadow:0 16px 36px #0f172a1a!important}.studentTestAssignmentCard:after{content:"";background:#3b82f61f;border-radius:999px;width:94px;height:94px;position:absolute;inset:auto -24px -30px auto}.quizMiniBadge{color:#1e3a8a;background:#dbeafe;border-radius:999px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.startTestButton,.studentTestAssignmentCard .startTestButton,.onlineTopicTest .startTestButton{color:#fff!important;background:linear-gradient(135deg,#f97316,#fb923c)!important;border:0!important;font-weight:950!important;box-shadow:0 14px 28px #f9731647!important}.startTestButton:hover{transform:translateY(-1px)}.liveLikeQuestionCard{box-shadow:0 14px 32px #0f172a14;background:radial-gradient(circle at 95% 10%,#0ea5e91f,#0000 34%),linear-gradient(135deg,#fff,#f8fbff)!important;border:1px solid #0ea5e92e!important}.studentAnswerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quizOptionCard{grid-template-columns:38px 1fr;min-height:54px;font-weight:900;box-shadow:0 12px 24px #0f172a1f;color:#fff!important;border:0!important;border-radius:16px!important;align-items:center!important;gap:10px!important;padding:12px!important;display:grid!important}.quizOptionCard input{display:none}.quizOptionCard strong{color:#fff;background:#ffffff3d;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.quizOptionCard span{color:#fff}.quizOptionCard.answerA{background:linear-gradient(135deg,#ef4444,#f97316)!important}.quizOptionCard.answerB{background:linear-gradient(135deg,#3b82f6,#06b6d4)!important}.quizOptionCard.answerC{background:linear-gradient(135deg,#22c55e,#14b8a6)!important}.quizOptionCard.answerD{background:linear-gradient(135deg,#a855f7,#6366f1)!important}.quizOptionCard.answerPicked{outline:4px solid #0f172a29;transform:translateY(-2px)scale(1.01);box-shadow:0 18px 36px #0f172a33!important}.credentialVault{overflow:visible!important}.credentialScroll{border-radius:18px;max-height:620px;padding-right:6px;overflow:auto}.credentialScroll::-webkit-scrollbar{width:10px}.credentialScroll::-webkit-scrollbar-thumb{background:#bfdbfe;border-radius:999px}.credentialPair{grid-template-columns:minmax(0,1.5fr) auto minmax(150px,200px)!important}.credentialPair span{white-space:normal;overflow-wrap:anywhere;line-height:1.35;display:block}.financeCardsList{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.bankCardTile{position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(135deg,#08245c,#1268d6)!important;border:0!important}.bankCardTile:before{content:"";background:#ffffff24;border-radius:999px;width:92px;height:92px;position:absolute;top:-20px;right:-20px}.bankCardTile b,.bankCardTile strong,.bankCardTile span,.bankCardTile small{z-index:1;position:relative;color:#fff!important}.bankCardTile button{z-index:1;position:relative;color:#9a3412!important;background:#ffedd5!important;border:0!important}@media (width<=780px){.studentAnswerGrid{grid-template-columns:1fr}.credentialPair{grid-template-columns:1fr!important}.credentialScroll{max-height:540px}}@media (width<=860px){html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:linear-gradient(#06111f 0%,#071827 48%,#052e2b 100%)}.appFrame,.appFrame.menuCollapsed{min-height:100svh;background:linear-gradient(#06111f 0%,#081b2d 45%,#062a27 100%)!important;width:100%!important;max-width:100vw!important;display:block!important}.contentArea,.appFrame.menuCollapsed .contentArea{width:100%!important;max-width:100vw!important;padding:max(12px, env(safe-area-inset-top)) 12px calc(96px + env(safe-area-inset-bottom))!important;margin:0!important}.sideMenu,.sideMenu.collapsed{z-index:200!important;left:10px!important;top:max(10px, env(safe-area-inset-top))!important;bottom:max(10px, env(safe-area-inset-bottom))!important;border:1px solid #7dd3fc47!important;border-radius:24px!important;width:min(88vw,360px)!important;height:auto!important;max-height:calc(100svh - 20px)!important;padding:14px!important;transition:transform .22s,box-shadow .22s!important;display:block!important;position:fixed!important;overflow-y:auto!important;transform:translate(calc(-100% - 28px))!important;box-shadow:0 30px 90px #00000094!important}.appFrame.mobileMenuOpen .sideMenu,.appFrame.mobileMenuOpen .sideMenu.collapsed{transform:translate(0)!important}.sideMenu .brandBox div,.sideMenu .teacherHint,.sideMenu .sideNav button small,.sideMenu .sideNav button b,.sideMenu .refreshBtn,.sideMenu .userBox b,.sideMenu .userBox span,.sideMenu .userBox small,.sideMenu.collapsed .brandBox div,.sideMenu.collapsed .teacherHint,.sideMenu.collapsed .sideNav button small,.sideMenu.collapsed .sideNav button b,.sideMenu.collapsed .refreshBtn,.sideMenu.collapsed .userBox b,.sideMenu.collapsed .userBox span,.sideMenu.collapsed .userBox small{display:block!important}.collapseMenuBtn{display:none!important}.brandBox{border-radius:18px!important;padding:12px!important}.brandLogo{width:48px!important;height:48px!important;font-size:24px!important}.sideNav{grid-template-columns:1fr!important;gap:8px!important;display:grid!important}.sideNav button,.sideMenu.collapsed .sideNav button{background:#ffffff14!important;border:1px solid #ffffff1f!important;border-radius:17px!important;justify-content:flex-start!important;min-height:58px!important;padding:12px 13px!important}.sideNav button.active{color:#fff!important;background:linear-gradient(135deg,#22c55e,#0ea5e9)!important}.navIcon,.sideMenu.collapsed .navIcon{width:36px!important;font-size:25px!important}.sideNav b{font-size:15px!important}.sideNav small{opacity:.82!important;font-size:12px!important}.userBox{border-radius:17px!important;padding:12px!important}.userBox button{width:100%!important;padding:12px!important;font-size:15px!important}.refreshBtn{border-radius:16px!important;width:100%!important;padding:13px!important;font-size:15px!important}.productTopbar{background:radial-gradient(circle at 10% 0,#22c55e47,#0000 30%),linear-gradient(135deg,#0f172af2,#082f49e0)!important;border-radius:24px!important;grid-template-columns:1fr!important;gap:12px!important;margin:0 0 14px!important;padding:16px!important;display:grid!important}.productTopbar h1{margin:0!important;font-size:clamp(23px,7vw,31px)!important;line-height:1.08!important}.productTopbar p{font-size:14px!important;line-height:1.45!important}.eyebrow{letter-spacing:.05em!important;font-size:11px!important}.mobileMenuBtn{color:#fff!important;background:linear-gradient(135deg,#22c55e,#0ea5e9)!important;border:0!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:52px!important;font-size:16px!important;font-weight:900!important;display:inline-flex!important;box-shadow:0 14px 32px #0ea5e938!important}.topbarStatus{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.topbarStatus .languageBox{grid-column:1/-1!important;width:100%!important}.topbarStatus span,.languageBox{min-height:44px!important;font-size:13px!important}.languageBox select{min-height:38px!important;font-size:15px!important}.mobileQuickNav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:10px 0 14px!important;padding:0!important;display:grid!important;overflow:visible!important}.mobileQuickNav button{white-space:normal!important;text-align:center!important;color:#eff6ff!important;background:linear-gradient(145deg,#1e40afc7,#0ea5e94d)!important;border:1px solid #7dd3fc47!important;border-radius:18px!important;min-width:0!important;min-height:64px!important;padding:12px 10px!important;font-size:14px!important;font-weight:900!important;line-height:1.18!important;box-shadow:0 10px 24px #0000002e!important}.mobileQuickNav button.active{color:#fff!important;background:linear-gradient(135deg,#f97316,#22c55e)!important}.roleHomeCard{border-radius:24px!important;margin:14px 0!important;padding:18px!important;display:block!important}.roleHomeCard h2{font-size:22px!important;line-height:1.15!important}.roleHomeCard p{font-size:14px!important;line-height:1.5!important}.roleHomeCard button{width:100%!important;min-height:54px!important;margin-top:12px!important;font-size:15px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.stats div{border-radius:18px!important;min-height:92px!important;padding:14px!important}.stats b{margin:4px 0!important;font-size:30px!important;display:block!important}.stats small{font-size:12px!important}.quickStartGrid,.roleSmartGrid,.grid2,.helpGrid,.quizSettingsPanel,.teacherControlsBar,.teacherMetricGrid,.tariffGrid,.formGrid,.inlineForm,.quickJournalGrid,.studentCards{grid-template-columns:1fr!important;gap:12px!important}.quickStartGrid button,.roleSmartGrid button{border-radius:22px!important;grid-template-columns:56px minmax(0,1fr)!important;align-items:center!important;column-gap:13px!important;min-height:92px!important;padding:16px!important;display:grid!important}.quickStartGrid b,.roleSmartGrid b{grid-row:span 2;border-radius:16px!important;width:48px!important;height:48px!important;margin:0!important;font-size:24px!important}.quickStartGrid span,.roleSmartGrid span{margin:0 0 4px!important;font-size:18px!important}.quickStartGrid small,.roleSmartGrid small{font-size:13px!important;line-height:1.35!important}.card,.miniCard,.metricCard,.tariffCard{border-radius:20px!important;padding:16px!important;overflow-x:auto!important}.card h2,.miniCard h2{font-size:20px!important}.miniCard,.compactListItem,.roleRow{line-height:1.45!important;display:block!important}.miniCard b,.compactListItem b,.roleRow b{overflow-wrap:anywhere!important;margin-bottom:5px!important;display:block!important}.roleRow select,.roleRow button{width:100%!important;margin-top:8px!important}.inlineMiniControl{gap:8px!important;display:grid!important}input,select,textarea,button,.ghostButton{min-height:46px;border-radius:14px!important;font-size:16px!important}input,select,textarea{padding:13px 14px!important}button,.ghostButton{padding:12px 14px!important}textarea{min-height:96px!important}form{gap:10px!important}.quickButtons{grid-template-columns:1fr 1fr!important;gap:10px!important}.quickButtons button{min-height:48px!important}.answerGrid{grid-template-columns:1fr!important}.answerOption,.quizOption{min-height:58px!important;font-size:16px!important}.journalTable{min-width:760px!important}:is(.tableWrap,.card:has(.journalTable)){-webkit-overflow-scrolling:touch;overflow-x:auto!important}.notice{border-radius:16px!important;padding:13px 14px!important;font-size:14px!important}}@media (width<=420px){.contentArea,.appFrame.menuCollapsed .contentArea{padding-left:10px!important;padding-right:10px!important}.mobileQuickNav{grid-template-columns:1fr 1fr!important;gap:8px!important}.mobileQuickNav button{min-height:60px!important;font-size:13px!important}.stats{grid-template-columns:1fr 1fr!important}.stats div{min-height:86px!important}.quickStartGrid button,.roleSmartGrid button{grid-template-columns:50px 1fr!important;padding:14px!important}.quickStartGrid b,.roleSmartGrid b{width:44px!important;height:44px!important}}