.student-home{width:100%;margin:0 auto;padding-bottom:60px}.student-welcome{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border:1px solid #2563eb55;border-radius:16px;background:linear-gradient(135deg,#1e3a8a55,var(--panel));margin-bottom:18px}.student-welcome h1{font-size:28px}.student-welcome p{margin:4px 0;color:var(--muted)}.level-orb{width:88px;height:88px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2563eb;color:#fff;box-shadow:0 0 30px #2563eb66}.level-orb b{font-size:30px;line-height:1}.level-orb span{font-size:11px}.student-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.student-metrics>div{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.student-metrics>div>span{font-size:24px}.student-metrics p{margin:7px 0 0;color:var(--muted);font-size:13px}.student-metrics b{font-size:24px}.level-progress{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin:14px 0 24px}.level-progress>div{display:flex;justify-content:space-between}.level-progress i{display:block;height:9px;background:var(--soft);border-radius:99px;margin:10px 0;overflow:hidden}.level-progress em{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:99px}.level-progress small{color:var(--muted)}.student-section{margin:20px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading h2{margin:0}.section-heading p{margin:2px 0;color:var(--muted)}.section-heading>span{background:var(--soft);padding:4px 10px;border-radius:99px;color:var(--muted)}.card-top span.homework{background:#854d0e}.mini-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px}.mini-pagination button{background:var(--soft);border:1px solid var(--border);color:var(--text);padding:7px 11px;border-radius:7px}.mini-pagination button:disabled{opacity:.4}@media(max-width:800px){.student-welcome{align-items:flex-start}.student-metrics{grid-template-columns:1fr 1fr}.level-orb{width:70px;height:70px}.section-heading{align-items:flex-start;gap:10px}}.friendly-section{margin:26px 0 34px}.friendly-section .section-heading{padding:0 4px;margin-bottom:13px}.section-title-icon{display:flex;align-items:center;gap:12px}.section-title-icon>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#2563eb44,#0f172a);border:1px solid #3b82f666;font-size:23px}.friendly-section.homework .section-title-icon>span{background:linear-gradient(145deg,#f59e0b33,#0f172a);border-color:#f59e0b66}.section-count{display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--muted)}.section-count b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#2563eb;color:#fff}.section-count span{font-size:12px}.student-session-cards{gap:11px}.student-session-cards>article{position:relative;overflow:hidden;padding:17px 18px;border-radius:15px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.student-session-cards>article.clickable-session-card{cursor:pointer}.student-session-cards>article.clickable-session-card:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}.student-session-cards>article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#3b82f6}.student-session-cards>article.homework-card:before{background:#f59e0b}.student-session-cards>article:hover{transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 12px 28px #0004}.student-session-cards>article.finished{border-color:#22c55e66;background:linear-gradient(100deg,#14532d22,var(--panel))}.student-session-cards>article.finished:before{background:#22c55e}.student-session-cards .session-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#1e293b;font-size:22px;flex:none}.student-session-cards .card-top{justify-content:flex-start;gap:9px;flex-wrap:wrap}.student-session-cards .card-top h3{font-size:16px}.student-session-cards .card-top span.completed{background:#166534;color:#dcfce7}.student-session-cards .grow>p{margin:5px 0 9px}.parent-progress{max-width:620px}.parent-progress>div{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.parent-progress>div b{color:var(--text)}.parent-progress>i{display:block;height:7px;margin-top:6px;border-radius:999px;background:#0b1220;overflow:hidden}.parent-progress>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#38bdf8)}.finished .parent-progress>i em{background:linear-gradient(90deg,#16a34a,#4ade80)}.session-note{display:block;margin-top:8px;color:#cbd5e1}.student-session-cards .session-actions>a{min-width:132px;text-align:center;border-radius:10px}.show-all-sessions{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:12px;padding:11px;border:1px dashed #3b82f688;border-radius:12px;background:#17255455;color:#93c5fd;font-weight:800;cursor:pointer}.show-all-sessions:hover{background:#1e3a8a66;border-color:#60a5fa}.show-all-sessions small{padding:2px 7px;border-radius:999px;background:#2563eb;color:#fff}@media(max-width:800px){.friendly-section .section-heading{align-items:center}.section-count span{display:none}.student-session-cards>article{align-items:flex-start;flex-wrap:wrap}.student-session-cards .session-icon{width:38px;height:38px}.student-session-cards .session-actions{width:100%;padding-left:50px}.student-session-cards .session-actions>a{width:100%}.parent-progress>div{flex-wrap:wrap}}.modern-builder{padding:24px}.modern-builder .builder-head{padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:16px}.modern-builder .builder-head h2{font-size:23px}.selection-summary{display:flex;align-items:center;gap:10px;margin:18px 0 8px}.selection-summary span{background:#1e3a8a55;border:1px solid #2563eb55;padding:7px 11px;border-radius:99px;color:#bfdbfe}.picker-toolbar button,.selection-summary button{margin-left:auto;background:none;border:1px solid var(--border);color:var(--muted);border-radius:7px;padding:6px 9px;cursor:pointer}.selection-summary button{margin-left:auto}.picker-panel{min-width:0;background:#11141b;border:1px solid var(--border);border-radius:12px;overflow:hidden}.picker-panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;background:var(--soft);border-bottom:1px solid var(--border)}.picker-panel-head h3{margin:0;font-size:17px}.picker-panel-head small{color:var(--muted)}.picker-panel-head>span{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:#2563eb;color:#fff;font-weight:800}.picker-toolbar{padding:12px;border-bottom:1px solid var(--border)}.picker-toolbar input,.picker-toolbar select{background:#0e1117}.picker-toolbar>div{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}.exercise-filters{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:8px;gap:8px}.picker-panel .picker{height:430px;max-height:430px;border:0;border-radius:0}.picker-panel .picker label{position:relative;padding:12px 14px;transition:.15s ease}.picker-panel .picker label:hover{background:#ffffff08}.picker-panel .picker label.picked{background:#2563eb24;border-left:3px solid #60a5fa}.picker-panel .picker label>i{margin-left:auto;color:#60a5fa;font-style:normal;font-weight:900}.picker-empty{padding:40px 15px;text-align:center;color:var(--muted)}@media(max-width:900px){.exercise-filters{grid-template-columns:1fr}.modern-builder .builder-head{align-items:flex-start;flex-wrap:wrap}.selection-summary{flex-wrap:wrap}.selection-summary button{margin-left:0}}.picker-toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px}.picker-toolbar>.exercise-filters,.picker-toolbar>input{flex:1 1;min-width:0}.picker-toolbar>.picker-actions{display:flex;gap:6px;flex:none;margin:0}.picker-toolbar>.picker-actions button{white-space:nowrap;margin:0;padding:8px 10px}.exercise-filters{grid-template-columns:minmax(180px,2fr) minmax(130px,1fr) minmax(120px,1fr)}.level-badge{margin-left:auto;flex:none;font-style:normal;font-size:11px;font-weight:750;padding:3px 8px;border-radius:99px}.level-badge.easy{color:#bbf7d0;background:#14532d}.level-badge.medium{color:#fde68a;background:#78350f}.level-badge.hard{color:#fecaca;background:#7f1d1d}.picker-panel .picker label>i{margin-left:2px}.picker-panel .picker label>span{min-width:0}.picker-panel .picker label>span b,.picker-panel .picker label>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px){.picker-toolbar{align-items:stretch;flex-direction:column}.picker-toolbar>.picker-actions{justify-content:flex-end}.exercise-filters{grid-template-columns:1fr 1fr}.exercise-filters input{grid-column:1/-1}}@media(max-width:700px){.exercise-filters{grid-template-columns:1fr}.exercise-filters input{grid-column:auto}}.session-cards article{min-height:104px;padding:18px 20px}.session-cards .card-top{justify-content:flex-start;gap:10px}.session-cards .card-top h3{font-size:18px}.session-cards article>a.primary{min-width:92px;text-align:center}.session-page{width:100%}.session-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e3a8a44,var(--panel));border:1px solid #2563eb44;border-radius:15px;padding:24px 28px;margin:20px 0 12px}.session-hero h1{margin:8px 0 2px}.session-hero p{color:var(--muted);margin:0}.session-kpis{display:flex;gap:10px}.session-kpis>div{min-width:96px;text-align:center;background:#0f172a99;border:1px solid var(--border);padding:10px;border-radius:10px}.session-kpis b,.session-kpis span{display:block}.session-kpis b{font-size:24px}.session-kpis span{font-size:12px;color:var(--muted)}.session-notes{padding:12px 16px;border:1px solid var(--border);background:var(--panel);border-radius:9px}.session-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin:22px 0 15px}.session-tabs button{border:0;background:none;color:var(--muted);padding:10px 14px;font:inherit;cursor:pointer}.session-tabs button.active{color:#60a5fa;border-bottom:2px solid #60a5fa}.assigned-grid{display:grid;grid-gap:9px;gap:9px}.assigned-grid>a{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:13px;color:var(--text)}.assigned-grid>a:hover{border-color:#60a5fa}.assigned-grid>a>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--soft)}.assigned-grid>a>div{flex:1 1}.assigned-grid small{display:block;color:var(--muted)}.assigned-grid em{margin-left:0}.assigned-grid strong{min-width:80px;text-align:right;color:#60a5fa}.edit-session,.progress-board{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.edit-heading,.progress-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.edit-heading h2,.progress-head h2{margin:0}.edit-heading p,.progress-head p{margin:2px 0;color:var(--muted)}.progress-head>span{background:var(--soft);padding:5px 10px;border-radius:99px}.student-progress-list{display:grid;grid-gap:10px;gap:10px}.student-progress-list article{display:flex;gap:13px;border:1px solid var(--border);border-radius:10px;padding:15px}.student-avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:#2563eb;color:#fff;font-weight:800}.student-progress-main{flex:1 1;min-width:0}.student-progress-main>div:first-child{display:flex;align-items:center;gap:8px}.student-progress-main small{color:var(--muted)}.student-progress-main>div:first-child span{margin-left:auto}.completion-bar{height:7px;background:var(--soft);border-radius:99px;margin:9px 0}.completion-bar i{display:block;height:100%;background:#22c55e;border-radius:99px}.exercise-checks{display:flex;gap:6px;flex-wrap:wrap}.exercise-checks span{font-size:11px;padding:3px 7px;border-radius:99px;background:var(--soft);color:var(--muted)}.exercise-checks span.done{background:#14532d;color:#bbf7d0}.edit-heading{border-bottom:1px solid var(--border);padding-bottom:14px}.edit-session>label{display:block;color:var(--muted);font-size:13px;margin:10px 0}.edit-pickers{display:grid;grid-template-columns:1fr 2fr;grid-gap:14px;gap:14px;margin-top:18px}.edit-pickers h3{display:flex;justify-content:space-between}.edit-pickers h3 span{background:#2563eb;color:#fff;border-radius:99px;padding:1px 8px}.edit-list{height:430px;overflow:auto;border:1px solid var(--border);border-radius:9px}.edit-list label{display:flex;align-items:center;gap:9px;padding:11px;border-bottom:1px solid var(--border);cursor:pointer}.edit-list label.selected{background:#2563eb20;border-left:3px solid #60a5fa}.edit-list input{width:auto}.edit-list label>span{flex:1 1;min-width:0}.edit-list b,.edit-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-list small{color:var(--muted)}.edit-filter-head>div{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:7px;gap:7px;margin-bottom:9px}.content-chip.homework{background:#854d0e}@media(max-width:800px){.session-hero{align-items:flex-start;gap:15px}.session-kpis{flex-direction:column}.edit-pickers{grid-template-columns:1fr}.student-progress-main>div:first-child{align-items:flex-start;flex-direction:column}.student-progress-main>div:first-child span{margin-left:0}.session-tabs{overflow:auto}.session-tabs button{white-space:nowrap}}.quick-progress{margin-top:22px;background:linear-gradient(145deg,#171b24,#12151c);border:1px solid #334155;border-radius:16px;overflow:hidden;box-shadow:0 18px 45px #0004}.quick-progress-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#1e3a8a22,transparent)}.quick-progress-header h2{font-size:23px;margin:2px 0}.quick-progress-header p{color:var(--muted);margin:0}.quick-progress-header select{width:min(390px,42%);background:#0e1118;border-color:#3b4556}.quick-summary{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) 1.4fr;grid-gap:1px;gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.quick-summary>div{background:#171b24;padding:17px 20px}.quick-summary b,.quick-summary small,.quick-summary span{display:block}.quick-summary>div>span{font-size:20px}.quick-summary b{font-size:24px}.quick-summary small{color:var(--muted)}.quick-percent>span{font-size:23px;font-weight:800;color:#60a5fa}.quick-percent i,.row-progress i{display:block;height:6px;background:#28303c;border-radius:99px;overflow:hidden}.quick-percent i{margin:6px 0}.quick-percent em,.row-progress em{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:99px}.quick-table-wrap{overflow:auto;max-height:420px}.quick-table{min-width:800px}.quick-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#202530;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-table td:not(:first-child),.quick-table th:not(:first-child){text-align:center}.quick-table th:first-child{min-width:210px}.quick-table th:nth-child(2){min-width:125px}.quick-student{display:flex;align-items:center;gap:10px}.quick-student>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#7c3aed);font-weight:800;color:#fff}.quick-student b,.quick-student small{display:block}.quick-student small{color:var(--muted)}.row-progress b{font-size:13px}.row-progress i{width:90px;margin:5px auto 0}.quick-status{display:inline-block;white-space:nowrap;padding:4px 9px;border-radius:99px;font-size:11px;font-weight:700}.quick-status.done{background:#14532d;color:#bbf7d0}.quick-status.pending{background:#292f3a;color:#aeb6c5}.quick-footer{display:flex;justify-content:space-between;padding:12px 20px;background:#11141a;color:var(--muted);font-size:13px}.quick-footer a{font-weight:700}.quick-progress.empty{display:grid;place-items:center;min-height:230px;text-align:center;color:var(--muted)}.quick-progress.empty span{font-size:36px}.quick-progress.empty h2{color:var(--text);margin:5px}.quick-progress.empty p{margin:0}@media(max-width:800px){.quick-progress-header{align-items:flex-start;gap:12px;flex-direction:column}.quick-progress-header select{width:100%}.quick-summary{grid-template-columns:1fr 1fr}.quick-footer{gap:8px;flex-direction:column}}.session-actions{display:flex;align-items:center;gap:8px}.close-progress,.session-actions>button{border:1px solid #334155;background:#202632;color:#dbeafe;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer;white-space:nowrap}.session-actions>button:hover{border-color:#60a5fa;background:#1e3a5f}.session-actions>a{white-space:nowrap}.close-progress{color:#fca5a5;background:#7f1d1d33;border-color:#7f1d1d}.close-progress:hover{background:#7f1d1d66}.quick-progress{animation:progressReveal .22s ease-out;scroll-margin-top:85px}@keyframes progressReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.session-actions{width:100%;justify-content:flex-end}.session-actions>a,.session-actions>button{flex:1 1;text-align:center}.close-progress{width:100%}}.assigned-grid>a.completed{background:linear-gradient(90deg,#14532d55,#17221c);border-color:#22c55e88;box-shadow:inset 3px 0 #22c55e}.assigned-grid>a.completed>span{background:#15803d;color:#fff}.assigned-grid>a.completed b{color:#dcfce7}.assigned-grid>a.completed small{color:#86efac}.assigned-grid>a.completed strong{color:#4ade80}.completed-badge{display:inline-flex;align-items:center;background:#14532d;color:#bbf7d0;border:1px solid #22c55e66;border-radius:99px;padding:7px 12px;font-weight:750}.complete-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:17px 18px;border:1px solid #22c55e77;border-radius:11px;background:linear-gradient(90deg,#14532d66,#17221c);box-shadow:0 10px 28px #0003}.complete-action b,.complete-action span{display:block}.complete-action b{font-size:17px;color:#dcfce7}.complete-action span{color:#86efac;font-size:13px}.complete-action button{min-width:175px;font-size:15px;padding:11px 16px}.complete-action.completed{border-color:#334155;background:var(--soft)}.complete-action.completed b{color:#bbf7d0}.complete-action.completed span{color:var(--muted)}@media(max-width:650px){.complete-action{align-items:stretch;flex-direction:column}.complete-action button{width:100%}}.back-link{display:inline-flex;align-items:center;border:0;background:transparent;color:var(--accent);font:inherit;padding:4px 0;cursor:pointer}.back-link:hover{color:#93c5fd;text-decoration:underline}.accounts-page,.admin-dashboard{padding-top:8px}.accounts-heading,.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.accounts-heading p,.dashboard-welcome p{margin:2px 0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.05em;color:#60a5fa;font-weight:700}.accounts-heading>span,.live-chip{border:1px solid #166534;background:#052e162e;color:#86efac;padding:8px 13px;border-radius:99px;font-size:13px}.live-chip i{display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e;margin-right:6px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.dashboard-stats>div{display:grid;grid-template-columns:46px 1fr;align-items:center;background:linear-gradient(145deg,var(--panel),var(--soft));border:1px solid var(--border);border-radius:14px;padding:18px}.dashboard-stats>div>span{grid-row:1/3;font-size:25px}.dashboard-stats b{font-size:27px;line-height:1.1}.dashboard-stats small{color:var(--muted)}.section-title{margin:30px 0 14px}.admin-modules{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.admin-module{position:relative;display:flex;gap:15px;align-items:flex-start;min-height:190px;padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);overflow:hidden;transition:.2s}.admin-module:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#3b82f6}.admin-module.violet:before{background:#8b5cf6}.admin-module.green:before{background:#22c55e}.admin-module:hover{transform:translateY(-3px);border-color:#60a5fa;box-shadow:0 16px 35px #0004}.admin-module>span{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#1d4ed833;font-size:24px;flex:none}.admin-module.violet>span{background:#7c3aed33}.admin-module.green>span{background:#15803d33}.admin-module h3{margin:2px 0;font-size:19px}.admin-module p{color:var(--muted);line-height:1.5}.admin-module small{color:#93c5fd}.admin-module>strong{margin-left:auto;font-size:22px}.dashboard-insight{display:flex;align-items:center;justify-content:space-between;margin-top:20px;border:1px solid #1e40af;background:linear-gradient(90deg,#17255455,#1e3a8a22);padding:18px 22px;border-radius:14px}.dashboard-insight>div{display:flex;gap:13px;align-items:center}.dashboard-insight>div>span{font-size:28px}.dashboard-insight p{margin:2px 0;color:var(--muted)}.account-layout{display:grid;grid-template-columns:310px 1fr;grid-gap:18px;gap:18px;align-items:flex-start}.profile-hero,.profile-metrics,.reward-editor,.student-directory,.student-profile>section{background:var(--panel);border:1px solid var(--border);border-radius:14px}.student-directory{position:-webkit-sticky;position:sticky;top:90px;padding:14px;max-height:calc(100vh - 115px);overflow:auto}.directory-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.directory-title h2{margin:0}.directory-title small{color:var(--muted)}.student-directory>div:last-child{display:grid;grid-gap:6px;gap:6px;margin-top:12px}.student-directory button{display:flex;align-items:center;text-align:left;gap:11px;border:1px solid transparent;background:transparent;color:var(--text);padding:11px;border-radius:10px;cursor:pointer}.student-directory button.active{background:#1d4ed82a;border-color:#2563eb}.profile-avatar,.student-directory button>span{display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:800;border-radius:50%;width:38px;height:38px;flex:none}.student-directory button div{flex:1 1}.student-directory button small{display:block;color:var(--muted)}.student-profile{display:grid;grid-gap:16px;gap:16px}.profile-hero{display:flex;align-items:center;padding:22px;background:linear-gradient(120deg,#17255466,var(--panel))}.profile-avatar{width:64px;height:64px;font-size:27px;margin-right:15px}.profile-hero h2{margin:0}.profile-hero p{margin:0;color:var(--muted)}.profile-hero>div:nth-child(2)>span{font-size:11px;color:#93c5fd;letter-spacing:.12em}.profile-percent{margin-left:auto;text-align:center}.profile-percent b{display:block;font-size:28px;color:#4ade80}.profile-percent span{color:var(--muted);font-size:12px}.profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:10px}.profile-metrics>div{padding:12px;border-right:1px solid var(--border)}.profile-metrics>div:last-child{border:0}.profile-metrics b,.profile-metrics small,.profile-metrics span{display:block}.profile-metrics b{font-size:19px}.profile-metrics small{color:var(--muted)}.reward-editor{display:flex;align-items:flex-end;gap:12px;padding:17px}.reward-editor>div{flex:1 1}.reward-editor h3,.reward-editor p{margin:0}.reward-editor p{color:var(--muted);font-size:13px}.reward-editor label{width:125px;color:var(--muted);font-size:12px}.reward-editor input{margin-top:3px}.reward-editor>small{color:#86efac}.completed-panel,.learning-map{padding:22px}.completed-panel>div:first-child,.map-heading{display:flex;justify-content:space-between;align-items:flex-start}.map-heading h2,.map-heading p{margin:2px 0}.map-heading p{color:var(--muted)}.map-heading>span{background:#7c3aed22;color:#c4b5fd;border:1px solid #6d28d9;padding:6px 11px;border-radius:99px;font-size:12px}.skill-road{max-width:760px;margin:24px auto}.skill-stage{position:relative;display:grid;grid-template-columns:64px 1fr;grid-gap:18px;gap:18px;padding-bottom:18px}.road-line{position:absolute;left:31px;top:48px;bottom:-7px;width:3px;background:var(--border)}.skill-stage:last-child .road-line{display:none}.skill-node{z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--soft);border:5px solid var(--panel);box-shadow:0 0 0 2px var(--border)}.skill-node span{font-size:21px}.skill-stage.completed .skill-node{background:#15803d;box-shadow:0 0 0 2px #22c55e}.skill-stage.current .skill-node{background:#7c3aed;box-shadow:0 0 0 3px #a78bfa,0 0 24px #7c3aed88}.skill-stage article{border:1px solid var(--border);background:var(--soft);padding:15px 17px;border-radius:13px}.skill-stage.current article{border-color:#7c3aed}.skill-stage article>div:first-child{display:flex;justify-content:space-between}.skill-stage h3{margin:0}.skill-stage article small{color:var(--muted)}.skill-stage article>strong{float:right;margin-top:-27px}.chapter-bar{height:6px;background:var(--panel);border-radius:5px;margin:10px 0}.chapter-bar i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#60a5fa);border-radius:5px}.skill-stage p{font-size:13px;color:var(--muted);margin:7px 0}.checkpoint{margin-top:10px;border-top:1px dashed var(--border);padding-top:9px;color:#fbbf24;font-size:13px}.completed-panel h2{margin:0}.completed-panel>div:first-child>span{background:var(--soft);padding:5px 10px;border-radius:99px}.completed-items{display:grid;grid-gap:7px;gap:7px;margin-top:15px;max-height:360px;overflow:auto}.completed-items article{display:flex;align-items:center;gap:11px;padding:11px;background:var(--soft);border-radius:9px}.completed-items article>span{color:#4ade80}.completed-items article>div{flex:1 1}.completed-items small{display:block;color:var(--muted)}.completed-items code{color:#93c5fd;font-size:12px}@media(max-width:900px){.dashboard-stats,.profile-metrics{grid-template-columns:1fr 1fr}.account-layout,.admin-modules{grid-template-columns:1fr}.student-directory{position:static;max-height:350px}.reward-editor{align-items:stretch;flex-wrap:wrap}.reward-editor label{width:calc(50% - 6px)}}@media(max-width:600px){.accounts-heading,.dashboard-insight,.dashboard-welcome,.map-heading,.profile-hero{align-items:flex-start;flex-direction:column}.admin-modules,.dashboard-stats,.profile-metrics{grid-template-columns:1fr}.profile-percent{margin-left:0}.reward-editor label{width:100%}}