:root{--font: "Inter", -apple-system, "Segoe UI", sans-serif;--bg: #07070e;--bg-soft: #0b0b15;--card: #12121d;--card-soft: #171725;--card-raised: #1c1c2c;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text: #f2f2fa;--text-soft: #b9b9cf;--muted: #7e7e99;--track: rgba(255, 255, 255, .08);--track-strong: rgba(255, 255, 255, .22);--accent: #8b5cf6;--accent-strong: #7c3aed;--accent-deep: #5b21b6;--accent-soft: rgba(139, 92, 246, .14);--green: #34d399;--green-soft: rgba(52, 211, 153, .14);--blue: #60a5fa;--blue-soft: rgba(96, 165, 250, .14);--orange: #fbbf24;--orange-soft: rgba(251, 191, 36, .14);--pink: #e879f9;--red: #f87171;--gray: #64748b;--gray-soft: rgba(100, 116, 139, .18);--gold: #fbbf24;--shadow: 0 18px 44px rgba(0, 0, 0, .42);--shadow-soft: 0 10px 28px rgba(0, 0, 0, .3);--radius-lg: 1.15rem;--radius: .85rem;--radius-sm: .6rem}[data-theme=light]{--bg: #eef0f7;--bg-soft: #f6f7fb;--card: #ffffff;--card-soft: #f4f5fa;--card-raised: #eceef6;--border: rgba(21, 23, 48, .08);--border-strong: rgba(21, 23, 48, .16);--text: #16172e;--text-soft: #454763;--muted: #7a7c96;--track: rgba(21, 23, 48, .08);--track-strong: rgba(21, 23, 48, .22);--accent-soft: rgba(124, 58, 237, .1);--green-soft: rgba(16, 163, 111, .12);--blue-soft: rgba(37, 99, 235, .1);--orange-soft: rgba(217, 119, 6, .12);--gray-soft: rgba(100, 116, 139, .14);--green: #10a36f;--blue: #2563eb;--orange: #d97706;--shadow: 0 18px 40px rgba(30, 32, 70, .14);--shadow-soft: 0 10px 24px rgba(30, 32, 70, .1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(10.5px,.36vw + .5vh + 3.25px,16px)}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100vh;height:100dvh}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea{font-family:inherit;color:var(--text)}img{display:block;max-width:100%}ul{list-style:none}::selection{background:#8b5cf666}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--track-strong);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app{height:100vh;height:100dvh;background:radial-gradient(46rem 30rem at 85% -10%,rgba(124,58,237,.12),transparent 60%),radial-gradient(40rem 26rem at -10% 110%,rgba(37,99,235,.09),transparent 60%),var(--bg);color:var(--text);transition:background .4s ease,color .4s ease}.muted{color:var(--muted)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.68rem 1.15rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-strong),var(--accent-deep));color:#fff;font-weight:600;font-size:.85rem;box-shadow:0 8px 22px #7c3aed59;transition:box-shadow .25s ease,filter .25s ease}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 10px 26px #7c3aed73}.btn-primary.block{width:100%}.btn-primary.sm{padding:.5rem .85rem;font-size:.78rem}.btn-secondary{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1rem;border-radius:var(--radius-sm);background:var(--card-raised);border:1px solid var(--border-strong);font-weight:600;font-size:.8rem;transition:background .2s ease,border-color .2s ease}.btn-secondary:hover{background:var(--accent-soft);border-color:var(--accent)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--text-soft);font-weight:600;font-size:.78rem;transition:color .2s ease,border-color .2s ease,background .2s ease}.btn-ghost:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.btn-ghost.block{width:100%}.btn-ghost.sm{padding:.38rem .65rem;font-size:.72rem}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border);color:var(--text-soft);transition:color .2s ease,border-color .2s ease,transform .2s ease,background .2s ease}.icon-btn:hover{color:var(--text);border-color:var(--accent);transform:translateY(-1px)}.icon-btn.ghost{background:transparent;border-color:transparent}.icon-btn.ghost:hover{background:var(--accent-soft)}.icon-btn.sm{width:1.85rem;height:1.85rem;border-radius:.5rem}.icon-btn.has-dot:after{content:"";position:absolute;top:.45rem;right:.5rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--card)}.link-btn{display:inline-flex;align-items:center;gap:.3rem;color:var(--accent);font-size:.76rem;font-weight:600;transition:gap .2s ease}.link-btn:hover{gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.chip.sm{padding:.2rem .55rem;font-size:.66rem}.chip i{width:.42rem;height:.42rem;border-radius:50%;background:currentColor}.chip.tone-green{background:var(--green-soft);color:var(--green)}.chip.tone-orange{background:var(--orange-soft);color:var(--orange)}.chip.tone-blue{background:var(--blue-soft);color:var(--blue)}.chip.tone-purple{background:var(--accent-soft);color:var(--accent)}.chip.tone-gray{background:var(--gray-soft);color:var(--muted)}.chip.on-image{position:absolute;top:.6rem;left:.6rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dot-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600}.dot-status i{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.dot-status.tone-green{color:var(--green)}.dot-status.tone-orange{color:var(--orange)}.dot-status.tone-blue{color:var(--blue)}.dot-status.tone-gray{color:var(--muted)}.eyebrow-chip{display:inline-flex;padding:.3rem .8rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.04em}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;color:#fff;font-weight:700;border:2px solid rgba(255,255,255,.18)}.av-sm{width:2.3rem;height:2.3rem;font-size:.75rem}.av-md{width:3rem;height:3rem;font-size:.95rem}.av-lg{width:4.2rem;height:4.2rem;font-size:1.3rem}.av-xl{width:5.6rem;height:5.6rem;font-size:1.7rem;border-width:3px}.av-a{background:linear-gradient(135deg,#f472b6,#be185d)}.av-b{background:linear-gradient(135deg,#60a5fa,#1d4ed8)}.av-c{background:linear-gradient(135deg,#34d399,#047857)}.av-d{background:linear-gradient(135deg,#fbbf24,#b45309)}.av-e{background:linear-gradient(135deg,#a78bfa,#6d28d9)}.av-f{background:linear-gradient(135deg,#22d3ee,#0e7490)}.av-t{background:linear-gradient(135deg,#8b5cf6,#4c1d95)}.online-dot{position:absolute;bottom:4%;right:4%;width:22%;height:22%;border-radius:50%;background:var(--green);border:2px solid var(--card)}.hex-badge{filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.hex-badge.glow{filter:drop-shadow(0 0 14px var(--hex-glow, rgba(139, 92, 246, .4)))}.badge-row{display:flex;gap:.9rem;flex-wrap:wrap}.badge-row.spread,.badge-row.counts{justify-content:space-between}.badge-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;min-width:3.6rem}.badge-item small{font-size:.68rem;color:var(--text-soft);font-weight:600;line-height:1.25}.badge-item em{font-size:.62rem;color:var(--muted);font-style:normal}.badge-item b{font-size:.85rem}.badge-item.lg{min-width:6rem;gap:.5rem}.badge-item.lg small{font-size:.76rem}.badge-item.locked{opacity:.32;filter:grayscale(.9)}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem;box-shadow:var(--shadow-soft);transition:border-color .25s ease,background .3s ease}.card:hover{border-color:var(--border-strong)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.85rem}.card-head h4{font-size:.95rem;font-weight:700}.card-head p{font-size:.72rem;margin-top:.15rem}.head-ico{color:var(--accent);display:inline-flex}.card-foot{display:flex;align-items:center;gap:.45rem;margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--border);font-size:.74rem;color:var(--green);font-weight:600}.progress-line{position:relative;display:flex;align-items:center;gap:.55rem;height:.55rem;border-radius:999px;background:var(--track);margin-top:.55rem}.progress-line span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--blue))}.progress-line small{position:absolute;right:0;top:-1.25rem;font-size:.7rem;color:var(--text-soft);font-weight:700}.progress-line.slim{height:.42rem;margin-top:.4rem}.progress-line.table{width:7rem;margin-top:0}.progress-line.table small{position:static}.donut{position:relative;flex-shrink:0}.donut svg{width:100%;height:100%}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.donut-center strong{font-size:1.05rem;font-weight:800}.donut-center small{font-size:.58rem;color:var(--muted);font-weight:600;margin-top:.1rem}.ring{position:relative;flex-shrink:0}.ring svg{width:100%;height:100%}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-center strong{font-size:.82rem;font-weight:800}.ring-center small{font-size:.5rem;color:var(--muted);font-weight:600}.chart-flex{display:flex;align-items:center;gap:1.1rem}.chart-flex.lg{gap:1.3rem}.legend{display:flex;flex-direction:column;gap:.42rem;flex:1;min-width:0}.legend li{display:flex;align-items:center;gap:.5rem;font-size:.74rem;color:var(--text-soft);font-weight:500}.legend li i{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}.legend li b{margin-left:auto;color:var(--text);font-weight:700}.legend li em{font-style:normal;color:var(--muted);font-size:.68rem}.legend.spread li{gap:.55rem}.legend-row{display:flex;gap:1rem;margin-top:.55rem;font-size:.72rem;color:var(--text-soft)}.legend-row b{color:var(--text)}.legend-row .dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.3rem}.legend-row .dot.purple{background:var(--accent)}.legend-row .dot.gray{background:var(--track-strong)}.line-area{position:relative;width:100%}.line-area svg{width:100%;height:var(--chart-h, 140px);display:block;overflow:visible}.chart-labels{display:flex;justify-content:space-between;margin-top:.4rem;padding:0 .2rem}.chart-labels span{font-size:.66rem;color:var(--muted);font-weight:600}.chart-tooltip{position:absolute;transform:translate(-85%,-125%);background:var(--card-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.4rem .65rem;box-shadow:var(--shadow-soft);text-align:center;pointer-events:none;z-index:2;white-space:nowrap}.chart-tooltip strong{display:block;font-size:.76rem;color:var(--accent)}.chart-tooltip small{font-size:.62rem;color:var(--muted)}.bar-chart{display:flex;align-items:flex-end;gap:.55rem;height:var(--chart-h, 120px)}.bar-chart .bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.35rem;height:100%;min-width:0}.bar-chart .bar-col i{width:62%;border-radius:.4rem .4rem .15rem .15rem;background:linear-gradient(180deg,var(--accent),var(--accent-deep));box-shadow:0 4px 12px #7c3aed4d}.bar-chart .bar-col span{font-size:.62rem;color:var(--muted);font-weight:600}.select-field{position:relative;display:flex;flex-direction:column;gap:.35rem;min-width:8rem}.select-field.compact{min-width:7rem}.select-label{font-size:.72rem;font-weight:600;color:var(--text-soft)}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .8rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--text);transition:border-color .2s ease;white-space:nowrap}.select-field.compact .select-trigger{padding:.45rem .7rem;font-size:.74rem}.select-trigger:hover,.select-field.open .select-trigger{border-color:var(--accent)}.select-trigger i{display:inline-flex;color:var(--muted)}.select-menu{position:absolute;top:calc(100% + .35rem);left:0;right:0;min-width:100%;background:var(--card-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.3rem;box-shadow:var(--shadow);z-index:40;max-height:14rem;overflow-y:auto}.select-menu button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem .65rem;border-radius:.45rem;font-size:.76rem;font-weight:500;color:var(--text-soft);transition:background .15s ease,color .15s ease;text-align:left;white-space:nowrap}.select-menu button:hover{background:var(--accent-soft);color:var(--text)}.select-menu button.selected{color:var(--accent);font-weight:700}.splash{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--bg)}.splash-card{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.splash-card h1{font-size:1.5rem;font-weight:800}.splash-card p{color:var(--muted);font-size:.85rem}.loader-line{width:13rem;height:.3rem;border-radius:999px;background:var(--track);overflow:hidden;margin-top:.5rem}.loader-line span{display:block;width:38%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--blue))}.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.7rem;background:linear-gradient(135deg,var(--accent-strong),var(--accent-deep));color:#fff;box-shadow:0 8px 20px #7c3aed66;flex-shrink:0}.brand-logo.lg{width:3.6rem;height:3.6rem;border-radius:1rem}.login-stage{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-shell{display:grid;grid-template-columns:1.25fr 1fr;gap:1.4rem;width:min(66rem,100%);max-height:100%}.login-visual{display:flex;flex-direction:column;gap:1.4rem;padding:2rem;border-radius:var(--radius-lg);background:linear-gradient(150deg,#7c3aed33,#2563eb14),var(--card);border:1px solid var(--border);overflow:hidden}.login-brand{display:flex;align-items:center;gap:.7rem}.login-brand strong{display:block;font-size:.95rem;letter-spacing:.06em}.login-brand small{color:var(--muted);font-size:.72rem}.login-copy{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}.login-copy h1{font-size:1.9rem;font-weight:800;line-height:1.15}.login-copy p{color:var(--text-soft);font-size:.9rem;max-width:26rem}.login-image{position:relative;border-radius:var(--radius);overflow:hidden;flex:1;min-height:10rem}.login-image img{width:100%;height:100%;object-fit:cover}.login-image-chips{position:absolute;bottom:.8rem;left:.8rem;display:flex;gap:.5rem}.login-image-chips span{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;background:#0a08189e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.7rem;font-weight:600}.login-card{display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}.login-card-head{display:flex;align-items:flex-start;justify-content:space-between}.login-card-head span{color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.05em}.login-card-head h2{font-size:1.35rem;font-weight:800;margin-top:.25rem}.login-stats{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border)}.login-stats span{display:flex;flex-direction:column;gap:.15rem}.login-stats strong{font-size:1rem}.login-stats small{color:var(--muted);font-size:.68rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.72rem;font-weight:600;color:var(--text-soft)}.field input,.field textarea{padding:.62rem .8rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border);font-size:.82rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.shell{display:grid;grid-template-columns:15.5rem 1fr;height:100vh;height:100dvh;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:1rem;padding:1.1rem .95rem;border-right:1px solid var(--border);background:var(--bg-soft);overflow-y:auto}.sidebar-head{display:flex;align-items:center;gap:.6rem;padding:.15rem .25rem}.brand-text{flex:1;min-width:0}.brand-text strong{display:block;font-size:.9rem;font-weight:800;letter-spacing:.08em}.brand-text small{color:var(--muted);font-size:.68rem}.nav-list{display:flex;flex-direction:column;gap:.3rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.68rem .85rem;border-radius:var(--radius-sm);color:var(--text-soft);font-size:.85rem;font-weight:600;transition:background .2s ease,color .2s ease,transform .2s ease}.nav-item:hover{color:var(--text);background:var(--accent-soft);transform:translate(3px)}.nav-item.active{color:#fff;background:linear-gradient(120deg,var(--accent-strong),var(--accent-deep));box-shadow:0 8px 20px #7c3aed59}.nav-item span{flex:1;text-align:left}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.68rem;font-weight:700}.nav-item.active .nav-badge{background:#ffffff38;color:#fff}.create-btn{margin-top:.2rem}.sidebar-promo{margin-top:auto;display:flex;flex-direction:column;gap:.55rem;padding:1.1rem;border-radius:var(--radius);background:linear-gradient(160deg,var(--accent-soft),transparent 70%),var(--card);border:1px solid var(--border);text-align:left}.promo-art{font-size:2.1rem;line-height:1;filter:drop-shadow(0 6px 12px rgba(124,58,237,.4))}.sidebar-promo strong{font-size:.88rem;font-weight:700;line-height:1.3}.sidebar-promo p{font-size:.72rem;color:var(--muted);line-height:1.45}.workspace{display:flex;flex-direction:column;min-width:0;overflow:hidden}.workspace-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.page{padding:0 1.4rem 1.1rem;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.4rem .75rem;flex-shrink:0}.topbar-left{min-width:0}.topbar-welcome h2{font-size:1.3rem;font-weight:800;display:flex;align-items:center;gap:.4rem}.topbar-welcome h2 span{display:inline-block;transform-origin:70% 70%}.topbar-welcome p{color:var(--muted);font-size:.78rem;margin-top:.15rem}.topbar-title{display:flex;align-items:center;gap:.75rem}.title-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:.75rem;background:var(--accent-soft);color:var(--accent)}.topbar-title h2{font-size:1.25rem;font-weight:800}.topbar-title p{color:var(--muted);font-size:.75rem}.breadcrumb{display:flex;align-items:center;gap:.45rem;color:var(--muted)}.crumb{font-size:.85rem;font-weight:600;color:var(--muted);transition:color .2s ease}.crumb:hover,.crumb.current{color:var(--text)}.topbar-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.search-box{display:flex;align-items:center;gap:.55rem;padding:.58rem .9rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border);color:var(--muted);min-width:13rem;transition:border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-box input{flex:1;background:none;border:none;outline:none;font-size:.8rem;min-width:0}.search-box input::placeholder{color:var(--muted)}.search-box.grow{flex:1;min-width:10rem}.teacher-pill{display:flex;align-items:center;gap:.6rem;padding:.35rem .6rem .35rem .4rem;border-radius:999px;background:var(--card-soft);border:1px solid var(--border);transition:border-color .2s ease}.teacher-pill:hover{border-color:var(--accent)}.pill-text{text-align:left}.pill-text strong{display:block;font-size:.78rem;font-weight:700}.pill-text small{color:var(--muted);font-size:.66rem}.pill-mini{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:.5rem;background:linear-gradient(135deg,var(--accent-strong),var(--accent-deep));color:#fff;font-size:.72rem;font-weight:800}.teacher-pill>svg{color:var(--muted)}.dash{display:grid;grid-template-columns:1fr 21.5rem;gap:.95rem;align-items:start}.dash-main,.dash-side{display:flex;flex-direction:column;gap:.95rem;min-width:0}.dash-top{display:grid;grid-template-columns:1.7fr 1fr;gap:.95rem}.hero-card{display:grid;grid-template-columns:1.15fr 1fr;gap:1rem;overflow:hidden;background:radial-gradient(24rem 14rem at 100% 0%,rgba(124,58,237,.18),transparent 65%),var(--card)}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:600;color:var(--text-soft)}.eyebrow i{font-style:normal}.hero-copy h1{font-size:1.55rem;font-weight:800;line-height:1.15}.hero-copy h4{font-size:.85rem;font-weight:600;color:var(--accent)}.hero-copy p{font-size:.8rem;color:var(--muted);line-height:1.5}.hero-copy .btn-primary{margin-top:.3rem}.hero-visual{border-radius:var(--radius);overflow:hidden;min-height:8rem;box-shadow:var(--shadow-soft)}.hero-visual img{width:100%;height:100%;object-fit:cover}.flow-card{display:flex;flex-direction:column;gap:.6rem}.flow-head{display:flex;align-items:flex-start;justify-content:space-between}.flow-head span{display:block;font-size:.82rem;font-weight:700}.flow-head strong{font-size:1.9rem;font-weight:800;line-height:1.1}.flow-icon{color:var(--accent);background:var(--accent-soft);border-radius:.6rem;padding:.5rem;display:inline-flex}.flow-list{display:flex;flex-direction:column;gap:.42rem}.flow-list li{display:flex;justify-content:space-between;font-size:.76rem;color:var(--muted)}.flow-list li b{color:var(--text);font-weight:700}.flow-card .progress-line{margin-top:auto}.selected-card{display:grid;grid-template-columns:15rem 1fr;gap:1.1rem;overflow:hidden}.selected-visual{position:relative;border-radius:var(--radius);overflow:hidden;min-height:8.5rem}.selected-visual img{width:100%;height:100%;object-fit:cover}.selected-copy{display:flex;flex-direction:column;gap:.35rem;min-width:0}.selected-copy small.muted{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem}.selected-copy h3{font-size:1.3rem;font-weight:800}.selected-stats{display:flex;align-items:center;gap:1.4rem;margin-top:auto;padding-top:.7rem;flex-wrap:wrap}.selected-stats>span{display:flex;flex-direction:column;gap:.15rem;color:var(--accent)}.selected-stats>span b{color:var(--text);font-size:.95rem;font-weight:800}.selected-stats>span small{color:var(--muted);font-size:.68rem}.selected-stats .with-ring{flex-direction:row;align-items:center;gap:.5rem}.selected-stats .with-ring .ring-center small{display:none}.selected-stats .with-ring b{font-size:.95rem}.selected-stats .btn-secondary{margin-left:auto}.mini-charts{display:grid;grid-template-columns:repeat(4,1fr);gap:.95rem}.chart-card h4{font-size:.82rem;font-weight:700;margin-bottom:.55rem}.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:.95rem}.mini-task-grid{display:flex;flex-direction:column;gap:.55rem}.mini-task{display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;padding:.58rem .8rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border);text-align:left;transition:border-color .2s ease;width:100%}.mini-task:hover{border-color:var(--accent)}.mini-task strong{font-size:.8rem}.mini-task .progress-line{width:100%}.dot-status.tone-green i,.dot-status.tone-blue i,.dot-status.tone-orange i{box-shadow:0 0 6px currentColor}.mini-student-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.mini-student{display:flex;flex-direction:column;align-items:flex-start;gap:.22rem;padding:.58rem .8rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border);text-align:left;transition:border-color .2s ease}.mini-student:hover{border-color:var(--accent)}.mini-student strong{font-size:.78rem}.mini-student small{color:var(--muted);font-size:.68rem}.live-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;color:var(--green)}.live-chip i{width:.5rem;height:.5rem;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse-dot 1.6s infinite}@keyframes pulse-dot{50%{opacity:.35}}.map-stage{position:relative;height:8.5rem;border-radius:var(--radius);overflow:hidden;background:radial-gradient(14rem 8rem at 20% 20%,rgba(124,58,237,.25),transparent 60%),radial-gradient(12rem 8rem at 85% 75%,rgba(37,99,235,.22),transparent 60%),var(--card-raised);border:1px solid var(--border)}.map-lines{position:absolute;inset:0;width:100%;height:100%}.map-pin{position:absolute;width:.9rem;height:.9rem;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff}.map-pin.blue{background:var(--blue);box-shadow:0 0 12px var(--blue)}.map-pin.purple{background:var(--accent);box-shadow:0 0 12px var(--accent)}.map-pin.orange{background:var(--orange);box-shadow:0 0 12px var(--orange)}.map-play{position:absolute;left:62%;top:55%;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-strong),var(--accent-deep));color:#fff}.feed{display:flex;flex-direction:column;gap:.45rem}.feed-item{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border);transition:border-color .2s ease,transform .2s ease}.feed-item:hover{border-color:var(--accent);transform:translate(3px)}.feed-body{flex:1;min-width:0}.feed-body strong{display:block;font-size:.76rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-body strong em{font-style:normal;color:var(--muted);font-weight:500;font-size:.68rem}.feed-body small{color:var(--muted);font-size:.7rem}.feed-action{color:var(--accent);display:inline-flex;padding:.4rem;border-radius:.5rem;background:var(--accent-soft)}.chat-row{display:flex;gap:.5rem;margin-top:.7rem}.chat-row input{flex:1;min-width:0;padding:.6rem .85rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border);outline:none;font-size:.76rem;transition:border-color .2s ease}.chat-row input:focus{border-color:var(--accent)}.table-card{padding:.9rem 1rem}.table-toolbar{display:flex;align-items:flex-end;gap:.7rem;margin-bottom:.9rem;flex-wrap:wrap}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:.55rem .75rem;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:.7rem .75rem;border-bottom:1px solid var(--border);font-size:.8rem;vertical-align:middle}.data-table tbody tr{transition:background .15s ease;cursor:pointer}.data-table tbody tr:hover{background:var(--accent-soft)}.data-table tbody tr:last-child td{border-bottom:none}.data-table td strong{display:block;font-size:.8rem;font-weight:700}.data-table td small{display:block;color:var(--muted);font-size:.68rem;margin-top:.1rem}.data-table.compact td{padding:.55rem .65rem}.data-table .xp{color:var(--accent)}.xp-gain{color:var(--green);font-weight:700;font-size:.78rem}.rank-no{color:var(--muted);font-weight:800}.cell-person{display:flex;align-items:center;gap:.6rem;min-width:0}.cell-person>span{min-width:0}.cell-person .thumb{width:2.2rem;height:2.2rem;border-radius:.5rem;object-fit:cover;flex-shrink:0}.cell-badges,.row-actions{display:flex;gap:.25rem}.table-footer{display:flex;justify-content:flex-end;padding-top:.7rem;font-size:.72rem;color:var(--muted)}.tabs{display:flex;align-items:center;gap:.35rem;margin:1rem 0;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs.with-select{justify-content:space-between;gap:1rem;margin-top:0}.tabs-scroll{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar{display:none}.tab{position:relative;padding:.65rem .9rem;font-size:.82rem;font-weight:600;color:var(--muted);white-space:nowrap;transition:color .2s ease}.tab:hover{color:var(--text)}.tab.active{color:var(--text);font-weight:700}.tab-line{position:absolute;left:.4rem;right:.4rem;bottom:-1px;height:2.5px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--blue));display:block}.tabs.with-select .select-field{margin-bottom:.4rem;flex-shrink:0}.student-detail{display:flex;flex-direction:column}.detail-header{display:grid;grid-template-columns:1.9fr 1fr;gap:1.1rem}.profile-card{display:grid;grid-template-columns:1fr auto;gap:1.2rem;align-items:center}.profile-id{display:flex;align-items:center;gap:1.1rem;min-width:0;flex-wrap:wrap}.avatar-wrap{position:relative;flex-shrink:0}.edit-fab{position:absolute;bottom:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-strong),var(--accent-deep));color:#fff;border:2px solid var(--card);transition:transform .2s ease}.edit-fab:hover{transform:scale(1.12)}.profile-name{display:flex;flex-direction:column;gap:.25rem;min-width:0}.profile-name h2{font-size:1.35rem;font-weight:800;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.profile-name p{font-size:.82rem;color:var(--text-soft);font-weight:600}.profile-name .dot-status{margin-top:.25rem}.contact-row{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;color:var(--muted)}.profile-meta{display:flex;flex-direction:column;gap:.5rem;margin-left:auto;padding-left:1rem;border-left:1px solid var(--border)}.profile-meta li{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.5rem;font-size:.74rem;color:var(--muted)}.profile-meta li span{min-width:4.6rem}.profile-meta li b{color:var(--text);font-weight:600;white-space:nowrap}.profile-meta li svg{color:var(--accent)}.level-block{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.1rem;border-radius:var(--radius);background:linear-gradient(140deg,var(--accent-soft),transparent 75%),var(--card-soft);border:1px solid var(--border);min-width:15rem}.level-block strong{display:block;font-size:1rem;font-weight:800}.level-block small{display:block;color:var(--muted);font-size:.7rem}.level-block>div:last-child{flex:1;min-width:0}.level-block .progress-line{margin:.45rem 0 .3rem}.rank-card{display:flex;flex-direction:column;gap:.9rem}.rank-top{display:flex;align-items:center;gap:.8rem}.rank-trophy{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.8rem;background:var(--orange-soft);color:var(--gold)}.rank-top strong{display:block;font-size:1.5rem;font-weight:800;line-height:1.1}.rank-top small{color:var(--muted);font-size:.72rem}.rank-top .muted{font-size:.74rem}.rank-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding-top:.8rem;border-top:1px solid var(--border)}.rank-stats span{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start}.rank-stats b{font-size:.98rem;font-weight:800}.rank-stats small{color:var(--muted);font-size:.64rem;line-height:1.25}.stat-ico{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.5rem;font-style:normal}.stat-ico.gold{background:var(--orange-soft);color:var(--gold)}.stat-ico.blue{background:var(--blue-soft);color:var(--blue)}.stat-ico.green{background:var(--green-soft);color:var(--green)}.stat-ico.purple{background:var(--accent-soft);color:var(--accent)}.stat-ico.cyan{background:var(--blue-soft);color:#22d3ee}.detail-grid{display:grid;grid-template-columns:1.05fr 1.35fr 1fr;gap:1.1rem;margin-bottom:1.1rem}.detail-grid.two{grid-template-columns:1.7fr 1.15fr;margin-bottom:0}.detail-side{display:flex;flex-direction:column;gap:1.1rem}.timeline{display:flex;flex-direction:column;gap:.65rem}.timeline.lg{gap:.85rem}.timeline-item{display:flex;align-items:flex-start;gap:.65rem}.timeline-ico{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;flex-shrink:0}.timeline-ico.tone-green{background:var(--green-soft);color:var(--green)}.timeline-ico.tone-orange{background:var(--orange-soft);color:var(--orange)}.timeline-ico.tone-blue{background:var(--blue-soft);color:var(--blue)}.timeline-ico.tone-purple{background:var(--accent-soft);color:var(--accent)}.timeline-ico.tone-gold{background:var(--orange-soft);color:var(--gold)}.timeline-item small{display:block;font-size:.76rem;color:var(--text-soft);line-height:1.4;font-weight:500}.timeline-item em{display:block;font-style:normal;font-size:.66rem;color:var(--muted);margin-top:.12rem}.join-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.join-stats span{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border)}.join-stats small{color:var(--muted);font-size:.64rem;font-weight:600}.join-stats b{font-size:.98rem;font-weight:800}.join-stats em{font-style:normal;color:var(--muted);font-size:.64rem}.tasks-page{display:grid;grid-template-columns:1fr 20.5rem;gap:1.1rem;align-items:start}.tasks-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.tasks-side{display:flex;flex-direction:column;gap:1.1rem;min-width:0}.status-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.status-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);transition:border-color .2s ease,background .2s ease;overflow:hidden}.status-card span{display:inline-flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:600;color:var(--muted)}.status-card span i{width:.5rem;height:.5rem;border-radius:50%}.status-card.tone-purple span i{background:var(--accent)}.status-card.tone-green span i{background:var(--green)}.status-card.tone-orange span i{background:var(--orange)}.status-card.tone-blue span i{background:var(--blue)}.status-card.tone-gray span i{background:var(--gray)}.status-card strong{font-size:1.35rem;font-weight:800}.status-card:hover{border-color:var(--border-strong)}.status-card.active{border-color:var(--accent);background:var(--accent-soft)}.status-card.active span{color:var(--text)}.status-underline{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--blue))}.tasks-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.tasks-toolbar .muted{font-size:.78rem}.toolbar-right{display:flex;align-items:center;gap:.55rem}.view-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.view-toggle button{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;color:var(--muted);transition:background .2s ease,color .2s ease}.view-toggle button.active{background:var(--accent-soft);color:var(--accent)}.task-cards{display:flex;flex-direction:column;gap:.9rem}.task-card{display:grid;grid-template-columns:13rem 1fr auto;gap:1.1rem;cursor:pointer}.task-card.selected{border-color:var(--accent)}.task-visual{position:relative;border-radius:var(--radius);overflow:hidden;min-height:8.5rem}.task-visual img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.task-card:hover .task-visual img{transform:scale(1.05)}.task-visual .chip{position:absolute;top:.55rem;left:.55rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.task-body{display:flex;flex-direction:column;gap:.45rem;min-width:0}.task-body h3{font-size:1.1rem;font-weight:800}.tag-row{display:flex;gap:.4rem;flex-wrap:wrap}.task-body p{font-size:.76rem;color:var(--muted);line-height:1.5}.task-meta{display:flex;gap:1.6rem;margin-top:auto;padding-top:.6rem;border-top:1px solid var(--border);flex-wrap:wrap}.task-meta span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.45rem;align-items:center;color:var(--accent)}.task-meta span svg{grid-row:span 2}.task-meta small{color:var(--muted);font-size:.64rem}.task-meta b{font-size:.76rem;font-weight:700;color:var(--text)}.task-aside{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.6rem}.tip-bar{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border-radius:var(--radius);background:var(--accent-soft);border:1px solid rgba(139,92,246,.3)}.tip-ico{display:inline-flex;color:var(--accent)}.tip-bar p{flex:1;font-size:.76rem;color:var(--text-soft)}.tip-bar b{color:var(--text)}.upcoming-list{display:flex;flex-direction:column;gap:.55rem}.upcoming-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .6rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border);text-align:left;transition:border-color .2s ease;width:100%}.upcoming-item:hover{border-color:var(--accent)}.upcoming-item img{width:2.7rem;height:2.7rem;border-radius:.55rem;object-fit:cover;flex-shrink:0}.upcoming-item span{flex:1;min-width:0}.upcoming-item strong{display:block;font-size:.76rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-item small{color:var(--muted);font-size:.66rem}.upcoming-item em{font-style:normal;flex-shrink:0}.ranking-page{display:grid;grid-template-columns:1fr 20.5rem;gap:1.1rem;align-items:start}.ranking-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.ranking-side{display:flex;flex-direction:column;gap:1.1rem;min-width:0}.podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:.9rem;align-items:end}.podium-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.4rem 1rem 0;text-align:center;overflow:hidden}.podium-card.place-1{border-color:#fbbf2466;background:radial-gradient(12rem 8rem at 50% 0%,rgba(251,191,36,.14),transparent 70%),var(--card);padding-top:1.9rem;padding-bottom:.4rem}.crown{font-size:1.5rem;position:absolute;top:.45rem}.medal{position:absolute;top:.7rem;left:.8rem;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;font-size:.8rem;font-weight:800;color:#1a1206}.place-1 .medal{position:relative;top:auto;left:auto;margin-bottom:.3rem}.medal.gold{background:linear-gradient(135deg,#fde68a,#f59e0b);box-shadow:0 0 16px #fbbf2480}.medal.silver{background:linear-gradient(135deg,#e5e7eb,#9ca3af)}.medal.bronze{background:linear-gradient(135deg,#fdba74,#c2660b)}.podium-avatar{position:relative;margin:.3rem 0}.mini-shield{position:absolute;bottom:-.2rem;right:-.2rem;display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-strong),var(--accent-deep));color:#fff;border:2px solid var(--card)}.podium-card h3{font-size:.95rem;font-weight:800}.podium-card p{font-size:.7rem;color:var(--muted)}.podium-xp{font-size:1.05rem;font-weight:800;margin-top:.2rem}.podium-xp.gold{color:var(--gold)}.podium-xp.silver{color:#b6bcc8}.podium-xp.bronze{color:#e19a56}.podium-bar{display:block;width:60%;height:.28rem;border-radius:999px 999px 0 0;margin-top:.7rem}.podium-bar.gold{background:linear-gradient(90deg,#fde68a,#f59e0b)}.podium-bar.silver{background:linear-gradient(90deg,#e5e7eb,#9ca3af)}.podium-bar.bronze{background:linear-gradient(90deg,#fdba74,#c2660b)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.stat-grid span{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:.75rem .85rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border)}.stat-grid small{color:var(--muted);font-size:.66rem;font-weight:600}.stat-grid b{font-size:1.1rem;font-weight:800}.stat-grid .stat-ico{position:absolute;top:.6rem;right:.6rem;width:1.5rem;height:1.5rem}.reports-page{display:grid;grid-template-columns:1fr 20.5rem;gap:1.1rem;align-items:start}.reports-main,.reports-side{display:flex;flex-direction:column;gap:1.1rem;min-width:0}.report-summary{display:flex;gap:.6rem;margin-bottom:.9rem;flex-wrap:wrap}.report-summary span{padding:.4rem .8rem;border-radius:999px;background:var(--card-soft);border:1px solid var(--border);font-size:.74rem;color:var(--muted)}.report-summary b{color:var(--text)}.report-rows{display:flex;flex-direction:column;gap:.6rem}.report-row{display:flex;align-items:center;gap:.8rem;padding:.65rem .75rem;border-radius:var(--radius-sm);background:var(--card-soft);border:1px solid var(--border)}.report-row img{width:3rem;height:3rem;border-radius:.6rem;object-fit:cover;flex-shrink:0}.report-row>div{flex:1;min-width:0}.report-row strong{font-size:.82rem}.report-row .progress-line{margin-top:.35rem;margin-bottom:.25rem}.profile-page{display:grid;grid-template-columns:1fr 20.5rem;gap:1.1rem;align-items:start}.profile-main{min-width:0}.profile-side{display:flex;flex-direction:column;gap:1.1rem;min-width:0}.profile-hero{display:grid;grid-template-columns:1fr auto;gap:1.2rem;align-items:center;overflow:hidden;background:radial-gradient(28rem 16rem at 20% -30%,rgba(124,58,237,.34),transparent 65%),radial-gradient(20rem 12rem at 90% 130%,rgba(37,99,235,.18),transparent 60%),var(--card);border-color:#8b5cf647}.hero-glow{position:absolute;inset:0;pointer-events:none}.profile-hero .contact-row{margin-top:.1rem}.stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-bottom:1.1rem}.stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.9rem 1rem}.stat-card strong{font-size:1.3rem;font-weight:800}.stat-card small{color:var(--muted);font-size:.68rem;font-weight:600}.stat-card em{font-style:normal;font-size:.64rem;color:var(--green);font-weight:700}.profile-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.1rem;margin-bottom:1.1rem}.skill-bars{display:flex;flex-direction:column;gap:.85rem}.skill span{display:flex;justify-content:space-between;font-size:.78rem;font-weight:600;color:var(--text-soft)}.skill span b{color:var(--text)}.fav-list{display:flex;flex-direction:column;gap:.65rem}.fav-item{display:flex;gap:.65rem;align-items:center}.fav-item img{width:3.1rem;height:3.1rem;border-radius:.6rem;object-fit:cover;flex-shrink:0}.fav-item>div{flex:1;min-width:0}.fav-item span{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.fav-item strong{font-size:.76rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-list{display:flex;flex-direction:column;gap:.6rem}.account-list li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.76rem}.account-list span{color:var(--muted);flex-shrink:0}.account-list b{font-weight:600;text-align:right;word-break:break-all}.modal-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#04040cad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:min(30rem,100%);max-height:min(88vh,60rem);overflow-y:auto;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.modal-card.wide{width:min(44rem,100%)}.modal-card.tour{width:min(26rem,100%);display:flex;flex-direction:column;gap:.9rem}.modal-card.tour h2{font-size:1.2rem;font-weight:800;margin-bottom:.35rem}.modal-card.tour p{color:var(--muted);font-size:.84rem;line-height:1.55}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.modal-head h3{font-size:1.15rem;font-weight:800}.modal-head p{color:var(--muted);font-size:.76rem;margin-top:.25rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1rem}.form-grid .span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.4rem}.tour-dots{display:flex;gap:.4rem}.tour-dots i{width:.5rem;height:.5rem;border-radius:999px;background:var(--track-strong);transition:all .25s ease}.tour-dots i.active{width:1.4rem;background:linear-gradient(90deg,var(--accent),var(--blue))}@media(max-width:1240px){.dash,.tasks-page,.ranking-page,.reports-page,.profile-page{grid-template-columns:1fr}.dash-side,.tasks-side,.ranking-side,.reports-side,.profile-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}.mini-charts{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid>.card:first-child{grid-column:span 2}.detail-grid.two{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(3,1fr)}body{overflow:auto}}@media(max-width:900px){.shell{grid-template-columns:4.4rem 1fr}.sidebar{padding:1rem .6rem;align-items:center}.brand-text,.sidebar-head .icon-btn,.sidebar-promo,.nav-item span,.nav-badge{display:none}.nav-item{justify-content:center;padding:.7rem}.create-btn{padding:.6rem;border-radius:.6rem}.create-btn svg+*{display:none}.dash-top,.dash-bottom,.detail-header,.profile-card,.selected-card,.profile-grid{grid-template-columns:1fr}.profile-meta{border-left:none;padding-left:0;margin-left:0;border-top:1px solid var(--border);padding-top:.8rem;width:100%}.search-box{min-width:0;width:8rem}.pill-text{display:none}.task-card{grid-template-columns:1fr}.task-visual{min-height:10rem}.task-aside{flex-direction:row;align-items:center}.status-cards{grid-template-columns:repeat(3,1fr)}.dash-side,.tasks-side,.ranking-side,.reports-side,.profile-side{grid-template-columns:1fr}.podium{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.stat-row{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.mini-student-grid{grid-template-columns:1fr}.detail-grid,.detail-grid>.card:first-child{grid-template-columns:1fr;grid-column:auto}}@media(max-width:560px){.topbar{flex-wrap:wrap}.mini-charts{grid-template-columns:1fr}.status-cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.selected-stats{gap:.9rem}.selected-stats .btn-secondary{margin-left:0;width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.brand-mark{display:flex;align-items:center;gap:.65rem;min-width:0}.brand-mark img{width:3rem;height:3rem;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 12px rgba(43,225,239,.24))}.brand-mark div{min-width:0}.brand-mark strong{display:block;font-size:.84rem;line-height:1.1;font-weight:850;letter-spacing:.055em;white-space:nowrap}.brand-mark small{display:block;margin-top:.2rem;color:var(--muted);font-size:.63rem;letter-spacing:.03em}.brand-mark.compact div{display:none}.splash-card .brand-mark{justify-content:center}.splash-card .brand-mark img{width:5.5rem;height:5.5rem}.sidebar-head .brand-mark{flex:1}.sidebar-head .brand-mark img{width:2.8rem;height:2.8rem}.nav-tag{padding:.17rem .38rem;border-radius:.45rem;background:#ffffff1f;color:#fff;font-size:.58rem}.login-stage{--login-stage-bg:radial-gradient(circle at 20% 20%,rgba(99,55,232,.22),transparent 30%),radial-gradient(circle at 88% 80%,rgba(68,61,181,.22),transparent 32%),#11122d;--login-shell-border:rgba(126,92,255,.35);--login-shell-shadow:0 35px 90px rgba(0,0,0,.46);--login-visual-bg:radial-gradient(circle at 70% 40%,rgba(71,43,229,.18),transparent 33%),linear-gradient(145deg,#070b20,#070a19);--login-visual-overlay:linear-gradient(#070a19 0%,transparent 22%,transparent 70%,#070a19 100%);--login-feature-bg:rgba(11,14,36,.7);--login-card-bg:linear-gradient(145deg,rgba(30,31,72,.96),rgba(13,16,45,.96));--login-card-border:rgba(126,92,255,.2);--login-field-bg:rgba(10,13,40,.55);--login-field-border:rgba(255,255,255,.14);--login-em:#7c5cff;--login-brand-small:#d8d9eb;background:var(--login-stage-bg)}[data-theme=light] .login-stage{--login-stage-bg:radial-gradient(circle at 18% 18%,rgba(124,58,237,.14),transparent 31%),radial-gradient(circle at 86% 82%,rgba(37,99,235,.12),transparent 34%),#eef0f7;--login-shell-border:rgba(91,33,182,.18);--login-shell-shadow:0 32px 80px rgba(40,45,90,.16);--login-visual-bg:radial-gradient(circle at 72% 40%,rgba(124,58,237,.13),transparent 34%),linear-gradient(145deg,#ffffff,#e9edf7);--login-visual-overlay:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.18) 40%,rgba(255,255,255,.92) 100%);--login-feature-bg:rgba(255,255,255,.72);--login-card-bg:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,247,251,.98));--login-card-border:rgba(91,33,182,.14);--login-field-bg:#fff;--login-field-border:rgba(21,23,48,.13);--login-em:#6d28d9;--login-brand-small:var(--muted)}.login-shell{grid-template-columns:1.1fr .95fr;gap:0;width:min(90rem,94vw);min-height:min(58rem,92vh);border:1px solid var(--login-shell-border);border-radius:1.6rem;overflow:hidden;box-shadow:var(--login-shell-shadow);background:var(--card)}.login-visual{position:relative;gap:1.4rem;padding:3.8rem 4.8rem 2.4rem;border:0;border-radius:0;background:var(--login-visual-bg)}.login-visual .brand-mark img{width:4.8rem;height:4.8rem}.login-visual .brand-mark strong{font-size:1.35rem}.login-visual .brand-mark small{letter-spacing:.35em;font-size:.72rem;color:var(--login-brand-small)}.login-copy{position:absolute;z-index:2;top:12rem;left:5rem;max-width:25rem}.login-copy h1{font-size:2.6rem;line-height:1.22}.login-copy h1 em,.login-card-head h2 em{display:block;color:var(--login-em);font-style:normal}.login-copy p{font-size:.92rem;line-height:1.7}.login-image{min-height:28rem;margin:4.4rem -4.8rem 0;border-radius:0}.login-image:after{content:"";position:absolute;inset:0;background:var(--login-visual-overlay);pointer-events:none}.login-image img{object-fit:cover;object-position:center bottom}.login-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:.9rem;border:1px solid var(--border);border-radius:1rem;background:var(--login-feature-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-feature-row span{display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;align-items:center}.login-feature-row i{grid-row:span 2;width:2.25rem;height:2.25rem;border-radius:.65rem;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.login-feature-row b{font-size:.68rem}.login-feature-row small{color:var(--muted);font-size:.57rem;line-height:1.35}.login-card{justify-content:center;gap:1.25rem;padding:5rem 4.8rem;border:0;border-left:1px solid var(--login-card-border);border-radius:0;background:var(--login-card-bg)}.login-card-head{margin-bottom:1.2rem;align-items:flex-start}.login-card-head h2{font-size:1.9rem;text-align:center}.login-card-head h2 em{display:inline}.login-card-head p{color:var(--text-soft);text-align:center;margin-top:.55rem}.field-line{display:flex;align-items:center;justify-content:space-between}.field-line button{color:var(--accent);font-size:.72rem}.login-card .field input{height:3.5rem;padding:0 1rem;background:var(--login-field-bg);border-color:var(--login-field-border);color:var(--text)}.login-card .field input::placeholder{color:var(--muted)}.remember{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.remember input{accent-color:var(--accent);width:1rem;height:1rem}.login-card .btn-primary{min-height:3.5rem;font-size:.92rem;justify-content:center;position:relative}.login-card .btn-primary svg{position:absolute;right:1.2rem}[data-theme=light] .login-copy{position:relative;top:auto;left:auto;max-width:28rem;margin-top:4.4rem}[data-theme=light] .login-copy p{color:#596077}[data-theme=light] .login-image{flex:1 1 18rem;min-height:16rem;margin:1.5rem -4.8rem 0}[data-theme=light] .login-image img{filter:saturate(.9) brightness(1.08) contrast(.9);opacity:.92}[data-theme=light] .login-feature-row{box-shadow:0 18px 40px #282d5a14}.students-page{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1rem;align-items:start}.students-main,.students-side{display:flex;flex-direction:column;gap:.85rem;min-width:0}.student-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.student-kpi{display:flex;align-items:center;gap:.7rem;min-height:6rem}.student-kpi>i{width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-style:normal}.student-kpi>i.tone-blue{background:var(--blue-soft);color:var(--blue)}.student-kpi>i.tone-green{background:var(--green-soft);color:var(--green)}.student-kpi>i.tone-orange{background:var(--orange-soft);color:var(--orange)}.student-kpi span{display:flex;flex-direction:column;gap:.15rem}.student-kpi small{color:var(--text-soft);font-size:.67rem}.student-kpi strong{font-size:1.2rem}.student-kpi em{font-style:normal;color:var(--green);font-size:.63rem}.students-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.students-controls .tabs{margin:0;flex:1}.students-controls .btn-primary{margin-bottom:.35rem}.students-page .table-card{padding:.7rem .9rem}.students-page .data-table th{text-transform:none;letter-spacing:0;font-size:.68rem}.students-page .data-table td{padding:.55rem .45rem;white-space:nowrap}.fake-check{width:1rem;height:1rem;display:inline-grid;place-items:center;border:1px solid var(--border-strong);border-radius:.25rem;color:#fff;font-size:.65rem}.fake-check.checked{background:var(--accent);border-color:var(--accent)}.activity-dot{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;margin-right:.4rem;background:var(--red)}.activity-dot.online{background:var(--green)}.activity-dot.idle{background:var(--orange)}.students-page .table-footer{justify-content:space-between;align-items:center}.pager{display:flex;gap:.2rem}.pager button{width:1.7rem;height:1.7rem;border:1px solid var(--border);border-radius:.35rem;color:var(--muted)}.pager button.active{color:#fff;background:var(--accent-soft)}.students-side .card{padding:1rem}.students-side h4{font-size:.9rem}.students-side .legend{flex:1}.activity-status-card .chart-flex{justify-content:space-around}.create-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(19rem,.95fr);gap:1rem;align-items:start}.create-main,.create-side{display:flex;flex-direction:column;gap:1rem;min-width:0}.stepper{display:grid;grid-template-columns:repeat(4,1fr);padding:1.5rem 2.5rem}.stepper div{position:relative;display:flex;flex-direction:column;align-items:center;gap:.55rem;color:var(--text-soft);font-size:.72rem}.stepper div:not(:last-child):after{content:"";position:absolute;top:1rem;left:62%;width:76%;height:1px;background:var(--border-strong)}.stepper i{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border-strong);background:var(--card-raised);font-style:normal;position:relative;z-index:1}.stepper .active i{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;box-shadow:0 0 18px #8b5cf666}.stepper .active{color:var(--text)}.stepper .active:after{background:linear-gradient(90deg,var(--accent),var(--border-strong))}.form-section{padding:1.35rem}.section-title{display:flex;align-items:center;gap:.65rem;margin-bottom:1.05rem}.section-title>i{width:2rem;height:2rem;border-radius:.55rem;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal}.section-title h3{font-size:.9rem}.section-title small{color:var(--muted);font-size:.66rem}.section-title>small:last-child{margin-left:auto}.field>b{color:var(--red);display:inline}.field>small{align-self:flex-end;color:var(--muted);font-size:.6rem;margin-top:-1.3rem;padding-right:.55rem;pointer-events:none}.rich-field{position:relative}.rich-toolbar{display:flex;gap:1.2rem;align-items:center;height:2.6rem;padding:0 .8rem;border:1px solid var(--border);border-radius:.6rem .6rem 0 0;background:var(--card-soft)}.rich-field textarea{border-radius:0 0 .6rem .6rem;border-top:0;min-height:8rem}.task-create-grid{grid-template-columns:1.15fr 1fr}.task-create-grid>:nth-child(n+4):not(.span-2){min-width:0}.upload-field{position:relative;min-height:8.8rem;border:1px dashed rgba(93,132,255,.45);border-radius:.7rem;display:grid;place-items:center;text-align:center;color:var(--text-soft);overflow:hidden}.upload-field input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-field span{display:flex;flex-direction:column;align-items:center;gap:.28rem}.upload-field svg{color:var(--blue)}.upload-field small{color:var(--muted);font-size:.62rem}.upload-field em{background:var(--accent-deep);padding:.42rem .8rem;border-radius:.4rem;font-size:.65rem;font-style:normal;color:#fff;margin-top:.35rem}.tag-editor{display:flex;flex-direction:column;gap:.45rem;font-size:.72rem;color:var(--text-soft)}.tag-editor>div,.tag-editor input{min-height:3rem;padding:.55rem;border:1px solid var(--border);border-radius:.6rem;background:var(--card-soft)}.tag-editor span{display:inline-block;padding:.35rem .55rem;background:var(--accent-soft);color:#bba7ff;border-radius:.4rem;margin-right:.35rem}.tag-editor input{color:var(--text);outline:none}.tag-editor span button{margin-left:.35rem;color:inherit;font-size:.8rem;line-height:1;opacity:.75;vertical-align:middle}.tag-editor span button:hover{opacity:1;color:#fff}.create-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.2rem}.create-actions>*{min-width:9rem}.create-actions .btn-primary{margin-left:auto;min-width:14rem}.task-preview-card h3{font-size:1rem;margin:.8rem 0 .45rem}.task-preview-card p{color:var(--text-soft);font-size:.72rem;line-height:1.55;margin-bottom:.7rem}.preview-image{position:relative;height:9.2rem;overflow:hidden;border-radius:.7rem}.preview-image img{width:100%;height:100%;object-fit:cover}.preview-image .chip{position:absolute;right:.7rem;top:.7rem}.settings-card .field{margin-bottom:.6rem}.toggle-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.58rem 0}.toggle-row>svg{color:var(--text-soft)}.toggle-row span{display:flex;flex-direction:column}.toggle-row strong{font-size:.72rem}.toggle-row small{color:var(--muted);font-size:.6rem;line-height:1.35}.switch{width:2.3rem;height:1.25rem;border-radius:999px;padding:.15rem;background:#26314e;transition:.2s}.switch i{display:block;width:.95rem;height:.95rem;border-radius:50%;background:#aab4cd;transition:.2s}.switch.on{background:linear-gradient(90deg,var(--accent-deep),var(--accent))}.switch.on i{transform:translate(1.05rem);background:#fff;box-shadow:0 0 8px #fff}.hint-card{display:flex;gap:.7rem;align-items:flex-start}.hint-card>i{color:var(--orange)}.hint-card span{display:flex;flex-direction:column;gap:.25rem}.hint-card small{color:var(--muted);font-size:.65rem;line-height:1.5}.summary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.summary-metrics span{min-height:4.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border:1px solid var(--border);border-radius:.65rem;background:var(--card-soft);text-align:center}.summary-metrics b{font-size:1rem}.summary-metrics small{color:var(--muted);font-size:.6rem}.edit-summary-card p,.student-preview-card p{margin-top:.75rem;color:var(--muted);font-size:.66rem;line-height:1.5}.student-create-layout{grid-template-columns:minmax(0,1.65fr) 22rem}.student-form-grid{display:grid;grid-template-columns:12rem 1fr;gap:1.3rem}.student-photo-upload{border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;position:relative}.student-photo-upload>span{position:relative;width:5.2rem;height:5.2rem;display:grid;place-items:center;border:1px dashed var(--border-strong);border-radius:.7rem;color:var(--accent-deep)}.student-photo-upload>span i{position:absolute;right:-.55rem;bottom:-.25rem;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-style:normal;font-size:1.2rem}.student-photo-upload small{color:var(--muted);font-size:.62rem;text-align:center;line-height:1.5}.student-photo-upload em{padding:.45rem .85rem;background:var(--card-raised);border-radius:.45rem;font-style:normal;font-size:.67rem}.student-photo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.student-fields{grid-template-columns:1fr 1fr}.student-performance-grid{grid-template-columns:repeat(4,1fr)}.form-divider{height:1px;background:var(--border);margin:1.3rem 0}.compact-title{margin-bottom:.75rem}.student-preview-card{display:flex;flex-direction:column;gap:.75rem}.student-preview-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center}.student-preview-head span{min-width:0}.student-preview-head h3{font-size:.94rem;margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-preview-head small{display:block;color:var(--muted);font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-preview-metrics{grid-template-columns:repeat(3,1fr)}.student-sidecards h3{font-size:.92rem;margin-bottom:1rem}.quota-card .select-field{margin-bottom:1.2rem}.quota-card .legend li{flex-direction:column;align-items:flex-start;padding-left:1rem;position:relative}.quota-card .legend li i{position:absolute;left:0;top:.2rem}.quota-card .legend b{color:var(--muted);font-size:.63rem;margin-left:0}.quick-card button{width:100%;display:flex;align-items:center;gap:.7rem;padding:.8rem 0;border-bottom:1px solid var(--border);text-align:left}.quick-card button:last-child{border:0}.quick-card button>i{width:2.5rem;height:2.5rem;border-radius:.65rem;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-style:normal}.quick-card button span{display:flex;flex-direction:column;gap:.2rem;flex:1}.quick-card button b{font-size:.72rem}.quick-card button small{color:var(--muted);font-size:.63rem;line-height:1.4}.info-card{display:flex;gap:.8rem;color:var(--accent)}.info-card span{color:var(--text)}.info-card h3{margin:0 0 .6rem}.info-card p{color:var(--muted);font-size:.67rem;line-height:1.55;margin-bottom:.75rem}.task-detail-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.task-detail-head>div:first-child{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.task-detail-head h1{font-size:1.5rem}.task-detail-head p{width:100%;display:flex;gap:1.5rem;color:var(--muted);font-size:.67rem}.task-detail-head>div:last-child{display:flex;gap:.6rem;align-items:flex-start}.task-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 23rem;gap:1rem}.task-detail-main,.task-detail-side{display:flex;flex-direction:column;gap:.8rem;min-width:0}.detail-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;align-items:center}.detail-hero img{height:11rem;width:100%;object-fit:cover;border-radius:.7rem}.detail-hero p{color:var(--text-soft);font-size:.78rem;line-height:1.65;margin-bottom:1rem}.detail-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.detail-metrics article{display:flex;flex-direction:column;gap:.35rem;align-items:center;text-align:center}.detail-metrics span,.detail-metrics small{color:var(--muted);font-size:.64rem}.detail-metrics b{display:flex;gap:.4rem;align-items:center;font-size:.85rem}.detail-metrics b svg{color:var(--orange)}.task-detail-tabs{margin:0}.stages-card{display:grid;grid-template-columns:1.6fr .9fr;gap:1rem}.stage-list{border-right:1px solid var(--border);padding-right:1rem}.stage-list h3,.stage-side h3,.task-detail-side h3{font-size:.82rem;margin-bottom:.8rem}.stage{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.7rem .5rem;border:1px solid var(--border);border-radius:.65rem;margin-bottom:.55rem}.stage>i{width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:#c5b5ff;font-style:normal}.stage span{display:flex;flex-direction:column;gap:.2rem}.stage b{font-size:.72rem}.stage small{color:var(--muted);font-size:.62rem}.stage em{color:var(--text-soft);font-size:.65rem;font-style:normal}.stage-side{display:flex;flex-direction:column;gap:1rem}.stage-side>div{padding:.9rem;border-radius:.65rem;background:linear-gradient(135deg,var(--accent-soft),transparent),var(--card-soft)}.stage-side>div>span:not(.criteria){display:flex;align-items:center;gap:.55rem;padding:.45rem 0}.stage-side>div>span:not(.criteria)>i{width:2rem;height:2rem;display:grid;place-items:center;background:var(--accent-soft);border-radius:.5rem;font-style:normal}.stage-side>div>span:not(.criteria)>b{display:flex;flex-direction:column;font-size:.65rem;flex:1}.stage-side>div>span:not(.criteria) small{color:var(--muted);font-size:.58rem}.criteria{display:block;margin:.55rem 0}.criteria b{display:flex;justify-content:space-between;font-size:.62rem}.criteria em{color:#b998ff;font-style:normal}.criteria>i{display:block;height:3px;background:var(--track);margin-top:.3rem}.criteria u{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#a855f7);text-decoration:none}.task-detail-side .card{padding:1rem}.class-progress{display:grid;grid-template-columns:6rem 1fr 2.5rem;gap:.5rem;align-items:center;margin:.65rem 0;font-size:.66rem}.class-progress>i{height:.3rem;background:var(--track);border-radius:99px;overflow:hidden}.class-progress u{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#c084fc)}.class-progress em{color:var(--muted);font-style:normal}.task-status-box>div{display:flex;gap:.7rem;align-items:center;margin-bottom:.8rem}.task-status-box>div>i{width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green);font-style:normal}.task-status-box span{display:flex;flex-direction:column;gap:.3rem}.task-status-box small{color:var(--muted);font-size:.62rem;line-height:1.4}.launcher-actions{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1rem;gap:1rem}.launcher-actions .tabs{margin:0;flex:1}.launcher-actions>div:last-child{display:flex;gap:.6rem}.launcher-grid{display:grid;grid-template-columns:minmax(29rem,.95fr) minmax(35rem,1.2fr);gap:1rem}.launcher-settings{display:flex;flex-direction:column;gap:.8rem}.download-card .section-title>div,.social-card .section-title>div{display:flex;flex-direction:column;gap:.15rem}.download-row{display:grid;grid-template-columns:auto 6.5rem 1fr auto;align-items:center;gap:.65rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.download-row:last-child{border:0}.download-row>i{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:.55rem;background:var(--accent-soft);color:#fff;font-style:normal;font-size:1.2rem}.download-row>span{display:flex;flex-direction:column}.download-row b{font-size:.7rem}.download-row small{color:var(--muted);font-size:.58rem}.download-row input{min-width:0;background:var(--card-soft);border:1px solid var(--border);border-radius:.45rem;color:var(--text-soft);padding:.55rem;font-size:.58rem}.social-card>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.social-card>div:last-child>span{display:flex;align-items:center;gap:.5rem;padding:.65rem;border:1px solid var(--border);background:var(--card-soft);border-radius:.55rem}.social-card>div:last-child i{font-style:normal;color:var(--accent);font-size:1.1rem}.social-card>div:last-child b{display:flex;flex-direction:column;font-size:.63rem}.social-card>div:last-child small{color:var(--green);font-size:.52rem}.launcher-preview{min-width:0}.launcher-browser{overflow:hidden;border:1px solid rgba(139,92,246,.4);border-radius:.75rem;background:#050616}.launcher-browser>header{display:flex;align-items:center;gap:.8rem;padding:.65rem 1rem;background:#0e0e26eb}.launcher-browser header .brand-mark{margin-right:auto}.launcher-browser header .brand-mark img{width:2rem;height:2rem}.launcher-browser header .brand-mark strong{font-size:.55rem}.launcher-browser header .brand-mark small{font-size:.43rem}.launcher-browser nav{color:#d5d2e8;font-size:.55rem;white-space:nowrap}.launcher-browser header button{background:var(--accent);color:#fff;border-radius:.4rem;padding:.45rem .8rem;font-size:.55rem}.launcher-hero{position:relative;min-height:21rem;overflow:hidden}.launcher-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48;filter:saturate(.9) hue-rotate(30deg)}.launcher-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030411f2,#0c042380,#0304111f)}.launcher-hero>div{position:relative;z-index:1;width:72%;padding:2.4rem 2rem}.launcher-hero h1{font-size:2rem;line-height:1.05}.launcher-hero h1 em{color:#8b20ff;font-style:normal}.launcher-hero p{color:#c4c1d4;font-size:.65rem;line-height:1.6;margin:.8rem 0 1.1rem}.launcher-benefits{display:flex;gap:1.4rem;color:#9d31ff}.launcher-benefits span{display:flex;flex-direction:column;gap:.25rem;font-size:1.2rem}.launcher-benefits small{color:#c4c1d4;font-size:.5rem;white-space:nowrap}.launcher-downloads{display:flex;gap:.7rem;margin-top:1.25rem}.launcher-downloads button{display:flex;align-items:center;gap:.65rem;min-width:11rem;padding:.8rem;border-radius:.55rem;background:linear-gradient(135deg,#7c21e8,#4515d3);color:#fff;font-size:1.2rem;text-align:left}.launcher-downloads button:last-child{background:#1f2346eb}.launcher-downloads b{display:flex;flex-direction:column;font-size:.65rem}.launcher-downloads small{font-size:.5rem;color:#c8c6d6}.launcher-numbers{display:grid;grid-template-columns:repeat(4,1fr);margin:1rem;border:1px solid var(--border);border-radius:.6rem}.launcher-numbers span{display:flex;flex-direction:column;align-items:center;padding:.65rem;border-right:1px solid var(--border)}.launcher-numbers span:last-child{border:0}.launcher-numbers b{font-size:.85rem}.launcher-numbers small{color:var(--muted);font-size:.5rem}.launcher-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:0 1rem 1rem}.launcher-gallery img{height:5.2rem;width:100%;object-fit:cover;border:1px solid rgba(139,92,246,.35);border-radius:.45rem}@media(max-width:1240px){.students-page,.create-layout,.student-create-layout,.task-detail-layout,.launcher-grid{grid-template-columns:1fr}.students-side,.create-side,.task-detail-side{display:grid;grid-template-columns:repeat(2,1fr)}.student-kpis,.student-performance-grid{grid-template-columns:repeat(2,1fr)}.launcher-grid{min-width:0}.launcher-preview{order:-1}}@media(max-width:900px){.sidebar-head .brand-mark div,.nav-tag{display:none}.sidebar-head .brand-mark{flex:0}.students-side,.create-side,.task-detail-side{grid-template-columns:1fr}.stepper{padding:1rem}.stepper span{display:none}.student-form-grid,.detail-hero,.stages-card{grid-template-columns:1fr}.student-photo-upload{border:0;border-bottom:1px solid var(--border);padding-bottom:1rem}.detail-metrics{grid-template-columns:repeat(2,1fr)}.stage-list{border:0;padding:0}.launcher-grid{display:block}.launcher-settings{margin-bottom:1rem}.launcher-actions{align-items:stretch;flex-direction:column}.launcher-actions>div:last-child{justify-content:flex-end}.login-stage{align-items:flex-start;overflow:auto;padding:1rem}.login-shell{grid-template-columns:1fr;width:min(32rem,100%);min-height:auto;margin:auto 0}.login-visual{display:none}.login-card{border-left:0;padding:3rem 2.4rem}}@media(max-width:560px){.student-kpis,.task-create-grid,.student-fields,.student-performance-grid,.social-card>div:last-child{grid-template-columns:1fr}.students-controls{align-items:stretch;flex-direction:column}.students-controls .btn-primary{align-self:flex-end}.login-card{padding:2rem}.task-detail-head{flex-direction:column}.task-detail-head p{flex-direction:column;gap:.25rem}.launcher-browser nav{display:none}.launcher-hero>div{width:100%}.launcher-benefits{gap:.6rem;flex-wrap:wrap}.launcher-downloads{flex-direction:column}}.task-tab-content{min-height:22rem}.task-tab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.task-tab-grid .span-2{grid-column:1 / -1}.tab-panel-card{min-width:0}.tab-panel-card h3{font-size:.84rem}.tab-panel-card .card-head h3{margin-bottom:.2rem}.tab-panel-card .card-head p,.tab-panel-card>p{color:var(--muted);font-size:.64rem;line-height:1.5}.target-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.target-class-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.65rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:.7rem;background:var(--card-soft);text-align:left;transition:.2s}.target-class-card:hover{border-color:var(--accent);transform:translateY(-2px)}.target-class-card>span{display:flex;flex-direction:column;gap:.2rem}.target-class-card b{font-size:.74rem}.target-class-card small{color:var(--muted);font-size:.61rem}.target-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1rem}.target-summary span{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.8rem .4rem;background:var(--card-soft);border:1px solid var(--border);border-radius:.6rem;text-align:center}.target-summary svg{color:var(--accent)}.target-summary b{font-size:1.05rem}.target-summary small{color:var(--muted);font-size:.58rem}.progress-overview{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1.2fr;gap:1.2rem;align-items:center}.progress-overview>div:first-child p{color:var(--muted);font-size:.65rem;margin-top:.35rem}.progress-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.progress-kpis span{display:flex;flex-direction:column;gap:.2rem;padding:.75rem;border:1px solid var(--border);border-radius:.6rem;background:var(--card-soft)}.progress-kpis b{font-size:1rem}.progress-kpis small{color:var(--muted);font-size:.58rem}.live-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .55rem;border-radius:99px;color:var(--green);background:var(--green-soft);font-size:.62rem;font-weight:700}.live-pill i{width:.42rem;height:.42rem;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:livePulse 1.5s infinite}@keyframes livePulse{50%{opacity:.45;transform:scale(.82)}}.activity-feed-large{display:grid;grid-template-columns:1fr 1fr;gap:.15rem .9rem}.activity-feed-large>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.65rem .15rem;border-bottom:1px solid var(--border)}.activity-feed-large>div>div{display:flex;flex-direction:column;gap:.16rem}.activity-feed-large b{font-size:.68rem;font-weight:600}.activity-feed-large small,.activity-feed-large em{color:var(--muted);font-size:.58rem;font-style:normal}.activity-type-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.7rem}.activity-type-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.55rem;border-radius:.55rem;background:var(--card-soft);font-size:.66rem}.activity-type-list li>i{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:.45rem;background:var(--accent-soft);color:var(--accent);font-style:normal}.activity-type-list li>i.tone-green{background:var(--green-soft);color:var(--green)}.activity-type-list li>i.tone-blue{background:var(--blue-soft);color:var(--blue)}.activity-type-list li>i.tone-orange{background:var(--orange-soft);color:var(--orange)}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.resource-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.75rem;border:1px solid var(--border);border-radius:.65rem;background:var(--card-soft);text-align:left}.resource-card>i{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:.55rem;background:var(--accent-soft);color:var(--accent);font-style:normal}.resource-card span{display:flex;flex-direction:column;gap:.18rem}.resource-card b{font-size:.68rem}.resource-card small{color:var(--muted);font-size:.58rem}.resource-card em{color:var(--accent);font-style:normal}.resource-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-style:dashed;min-height:10rem}.resource-upload>svg{color:var(--accent);margin-bottom:.55rem}.resource-upload p{margin:.35rem 0 .7rem}.resource-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:.8rem 0}.resource-stats span{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .4rem;background:var(--card-soft);border-radius:.55rem;text-align:center}.resource-stats b{font-size:.85rem}.resource-stats small{color:var(--muted);font-size:.55rem}.report-score{display:flex;align-items:center;gap:1rem;margin:.8rem 0}.report-score>span{display:flex;flex-direction:column;gap:.25rem}.report-score b{font-size:1rem}.report-score small{color:var(--muted);font-size:.62rem}.report-score em{color:var(--green);font-size:.58rem;font-style:normal}.report-metrics{display:flex;flex-direction:column;gap:.35rem}.report-metrics li{display:flex;justify-content:space-between;padding:.55rem;border-radius:.5rem;background:var(--card-soft);color:var(--text-soft);font-size:.62rem}.report-metrics b{color:var(--text)}.report-downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.report-downloads button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.75rem;border:1px solid var(--border);border-radius:.65rem;background:var(--card-soft);text-align:left}.report-downloads button>i{width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:.5rem;background:var(--accent-soft);color:var(--accent);font-style:normal}.report-downloads span{display:flex;flex-direction:column;gap:.18rem}.report-downloads b{font-size:.64rem}.report-downloads small{color:var(--muted);font-size:.55rem}.launcher-page{--launcher-accent:#7c3aed}.launcher-page .tab-line{background:linear-gradient(90deg,var(--launcher-accent),#60a5fa)}.launcher-settings-inner{display:flex;flex-direction:column;gap:.8rem}.launcher-settings-inner .section-title>div{display:flex;flex-direction:column;gap:.15rem}.launcher-nav-card .section-title,.feature-editor .section-title,.visual-picker .section-title,.color-panel .section-title,.layout-panel .section-title,.analytics-card .section-title{margin-bottom:.8rem}.launcher-nav-row{display:grid;grid-template-columns:auto 1fr 8rem auto;align-items:center;gap:.55rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.launcher-nav-row>i{color:var(--muted);font-style:normal}.launcher-nav-row input{min-width:0;padding:.55rem .65rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card-soft);color:var(--text);font-size:.65rem}.launcher-nav-row>span{color:var(--muted);font-size:.6rem;overflow:hidden;text-overflow:ellipsis}.launcher-nav-card>.btn-ghost{margin-top:.65rem;justify-content:center}.feature-editor>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.feature-editor label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.6rem;border:1px solid var(--border);border-radius:.55rem;background:var(--card-soft)}.feature-editor label>i{color:var(--launcher-accent);font-style:normal;font-size:1.1rem}.feature-editor input{min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:.63rem}.visual-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.visual-options button{position:relative;overflow:hidden;border:2px solid transparent;border-radius:.6rem;background:var(--card-soft);text-align:left}.visual-options button.active{border-color:var(--launcher-accent);box-shadow:0 0 16px color-mix(in srgb,var(--launcher-accent) 35%,transparent)}.visual-options img{width:100%;height:5.3rem;object-fit:cover}.visual-options span{display:block;padding:.45rem .55rem;font-size:.6rem}.visual-options button>i{position:absolute;top:.35rem;right:.35rem;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;background:var(--launcher-accent);color:#fff;font-style:normal}.upload-visual-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:.7rem;padding:.8rem;border:1px dashed var(--border-strong);border-radius:.6rem;color:var(--launcher-accent)}.upload-visual-btn span{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;color:var(--text)}.upload-visual-btn b{font-size:.66rem}.upload-visual-btn small{color:var(--muted);font-size:.55rem}.color-swatches{display:flex;gap:.65rem;margin-bottom:.85rem}.color-swatches button{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;color:#fff;border:3px solid var(--card);box-shadow:0 0 0 1px var(--border-strong)}.color-swatches button.active{box-shadow:0 0 0 2px #fff,0 0 16px currentColor;transform:scale(1.08)}.layout-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:.65rem}.layout-options button{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.65rem;border:1px solid var(--border);border-radius:.55rem;color:var(--muted);font-size:.61rem}.layout-options button.active{border-color:var(--launcher-accent);color:var(--text);background:var(--accent-soft)}.align-demo{width:100%;height:2.7rem;display:flex;flex-direction:column;justify-content:center;gap:.25rem;padding:.4rem;border-radius:.35rem;background:var(--card-soft)}.align-demo i{display:block;width:65%;height:3px;border-radius:99px;background:var(--track-strong)}.align-demo.center{align-items:center}.align-demo.right{align-items:flex-end}.seo-preview{display:flex;flex-direction:column;gap:.25rem;margin-top:.8rem;padding:.8rem;border:1px solid var(--border);border-radius:.6rem;background:var(--card-soft)}.seo-preview small{color:var(--green);font-size:.56rem}.seo-preview b{color:#7fb0ff;font-size:.76rem}.seo-preview p{color:var(--muted);font-size:.59rem;line-height:1.45}.analytics-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.analytics-row:last-child{border:0}.analytics-row>i{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:.5rem;background:var(--blue-soft);color:var(--blue);font-style:normal}.analytics-row span{display:flex;flex-direction:column;gap:.15rem}.analytics-row b{font-size:.66rem}.analytics-row small{color:var(--muted);font-size:.56rem}.analytics-summary .card-head p{color:var(--muted);font-size:.6rem;margin-top:.2rem}.analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.7rem 0}.analytics-kpis span{display:flex;flex-direction:column;gap:.18rem;padding:.65rem;border-radius:.55rem;background:var(--card-soft)}.analytics-kpis b{font-size:.85rem}.analytics-kpis small{color:var(--muted);font-size:.55rem}.launcher-page .launcher-browser header button,.launcher-page .launcher-downloads button:first-child{background:var(--launcher-accent)}.launcher-page .launcher-hero h1 em,.launcher-page .launcher-benefits{color:var(--launcher-accent)}.launcher-hero.align-center>div{width:76%;margin:0 auto;text-align:center}.launcher-hero.align-center .launcher-benefits,.launcher-hero.align-center .launcher-downloads{justify-content:center}.launcher-hero.align-right>div{margin-left:auto;text-align:right}.launcher-hero.align-right .launcher-benefits,.launcher-hero.align-right .launcher-downloads{justify-content:flex-end}.launcher-gallery button{overflow:hidden;border:2px solid transparent;border-radius:.45rem}.launcher-gallery button.active{border-color:var(--launcher-accent)}.launcher-gallery button img{border:0;border-radius:.3rem}@media(max-width:900px){.task-tab-grid{grid-template-columns:1fr}.task-tab-grid .span-2,.progress-overview{grid-column:auto}.progress-overview,.activity-feed-large,.resource-grid,.report-downloads,.target-class-grid{grid-template-columns:1fr}.launcher-nav-row{grid-template-columns:auto 1fr auto}.launcher-nav-row>span{display:none}}@media(max-width:560px){.target-summary,.progress-kpis,.resource-stats,.analytics-kpis{grid-template-columns:1fr}.feature-editor>div:last-child,.visual-options{grid-template-columns:1fr}.layout-options{grid-template-columns:repeat(3,1fr)}}.module-page{display:flex;flex-direction:column;gap:1rem;min-width:0}.module-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:.35rem}.module-tabs{margin:0;flex:1;overflow:auto;scrollbar-width:none}.module-tabs::-webkit-scrollbar{display:none}.module-tabs .tab{white-space:nowrap}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;align-items:start}.module-grid .span-2{grid-column:span 2}.module-grid .span-3{grid-column:1/-1}.module-side{display:flex;flex-direction:column;gap:.9rem;min-width:0}.module-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.module-stat{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;min-height:5.5rem;overflow:hidden;position:relative}.module-stat:after{content:"";position:absolute;inset:auto -2rem -2.5rem auto;width:6rem;height:6rem;border-radius:50%;background:var(--accent-soft);filter:blur(16px);opacity:.8;pointer-events:none}.module-stat span{display:flex;flex-direction:column;gap:.22rem;min-width:0;position:relative;z-index:1}.module-stat small{color:var(--text-soft);font-size:.68rem}.module-stat b{font-size:1.05rem;line-height:1.1}.module-stat em{color:var(--green);font-style:normal;font-size:.58rem}.stat-ico.orange{background:var(--orange-soft);color:var(--orange)}.stat-ico.pink{background:#e879f921;color:var(--pink)}.stat-ico.red{background:#f8717121;color:var(--red)}.legend.inline{flex-direction:row;align-items:center;gap:.8rem;flex:0}.legend.inline span{display:flex;align-items:center;gap:.35rem;color:var(--text-soft);font-size:.63rem}.legend.inline i{width:.45rem;height:.45rem;border-radius:50%}.mini-trend{min-height:15rem}.module-table-list{display:flex;flex-direction:column;gap:.5rem}.module-list-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(7rem,.8fr) auto auto;align-items:center;gap:.7rem;padding:.65rem;border:1px solid var(--border);border-radius:.7rem;background:linear-gradient(135deg,rgba(139,92,246,.05),transparent),var(--card-soft)}.module-list-row>img{width:4.2rem;height:2.7rem;object-fit:cover;border-radius:.5rem}.module-list-row>span{display:flex;flex-direction:column;gap:.15rem;min-width:0}.module-list-row b{font-size:.7rem}.module-list-row small{color:var(--muted);font-size:.58rem}.module-list-row strong{font-size:.7rem;white-space:nowrap}.module-note-list{display:flex;flex-direction:column;gap:.45rem}.module-note-list span{display:flex;align-items:center;gap:.55rem;padding:.62rem;border:1px solid var(--border);border-radius:.6rem;background:var(--card-soft);color:var(--text-soft);font-size:.66rem}.module-note-list i{width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:.42rem;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:800}.reports-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.reports-layout-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.85fr) minmax(19rem,.9fr);gap:.9rem;align-items:stretch}.reports-layout-grid .span-2{grid-column:span 2}.reports-chart-card{min-height:23rem}.report-list-card{grid-row:span 2}.report-file-list{display:flex;flex-direction:column;gap:.45rem}.report-file-list button{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.65rem;padding:.58rem 0;border-bottom:1px solid var(--border);text-align:left}.report-file-list button:last-child{border-bottom:0}.report-file-list i{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.55rem;color:#fff;font-style:normal}.file-tone-0{background:linear-gradient(135deg,var(--accent),var(--accent-deep))}.file-tone-1{background:linear-gradient(135deg,var(--blue),#1d4ed8)}.file-tone-2{background:linear-gradient(135deg,var(--green),#047857)}.file-tone-3{background:linear-gradient(135deg,var(--orange),#b45309)}.file-tone-4{background:linear-gradient(135deg,#22d3ee,#0e7490)}.report-file-list span{display:flex;flex-direction:column;gap:.15rem}.report-file-list b{font-size:.68rem}.report-file-list small{color:var(--muted);font-size:.57rem}.report-file-list em{padding:.28rem .5rem;border-radius:.42rem;background:var(--accent-soft);color:#c7b7ff;font-style:normal;font-size:.58rem}.top-player-list{display:flex;flex-direction:column;gap:.42rem}.top-player-list>div,.leaderboard-mini>div:not(.card-head),.leaderboard-full>div:not(.card-head){display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto auto;align-items:center;gap:.6rem;padding:.5rem .45rem;border-radius:.65rem}.top-player-list>div:hover,.leaderboard-mini>div.active,.leaderboard-full>div.active{background:linear-gradient(90deg,var(--accent-soft),transparent);box-shadow:inset 0 0 0 1px #8b5cf63d}.rank-pill{width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:50%;background:var(--gray-soft);color:var(--text);font-size:.62rem;font-weight:800}.rank-1{background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff}.rank-2{background:linear-gradient(135deg,#a78bfa,#6d28d9);color:#fff}.rank-3{background:linear-gradient(135deg,#fb923c,#b45309);color:#fff}.top-player-list span,.leaderboard-mini span,.leaderboard-full span{display:flex;flex-direction:column;gap:.1rem;min-width:0;font-size:.67rem;font-weight:700}.top-player-list small,.leaderboard-mini small,.leaderboard-full small{color:var(--muted);font-size:.56rem}.top-player-list em{color:var(--text-soft);font-style:normal;font-size:.62rem}.summary-stack{display:flex;flex-direction:column;gap:.55rem}.summary-stack>span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.65rem;border-radius:.65rem;background:linear-gradient(90deg,var(--accent-soft),transparent),var(--card-soft)}.summary-stack svg{color:var(--accent)}.summary-stack b{display:flex;flex-direction:column;gap:.16rem;font-size:.58rem;color:var(--text-soft)}.summary-stack strong{color:var(--text);font-size:.85rem}.summary-stack em{color:var(--green);font-style:normal;font-size:.58rem}.summary-tone-1{background:linear-gradient(90deg,var(--blue-soft),transparent),var(--card-soft)!important}.summary-tone-2{background:linear-gradient(90deg,var(--green-soft),transparent),var(--card-soft)!important}.summary-tone-3{background:linear-gradient(90deg,var(--orange-soft),transparent),var(--card-soft)!important}.system-card footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.8rem;color:var(--muted);font-size:.6rem}.system-row{display:grid;grid-template-columns:auto minmax(6rem,.8fr) 1fr 3rem;align-items:center;gap:.65rem;padding:.5rem 0;font-size:.66rem}.system-row svg{color:var(--text-soft)}.system-row b{text-align:right;font-size:.62rem}.heat-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem;margin-top:1rem}.heat-grid i{aspect-ratio:1;border-radius:.45rem;background:color-mix(in srgb,var(--accent) var(--heat),var(--card-soft));border:1px solid var(--border);box-shadow:0 0 16px color-mix(in srgb,var(--accent) calc(var(--heat) / 4),transparent)}.reports-analytics-grid,.reports-task-grid,.reports-event-grid,.reports-finance-grid,.reports-system-grid{min-height:24rem}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1rem;align-items:start}.calendar-main{display:flex;flex-direction:column;gap:.9rem;min-width:0}.calendar-controls{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap}.date-range-btn,.calendar-view-switch{min-height:2.35rem;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.55rem .9rem;border:1px solid var(--border);border-radius:.55rem;background:var(--card-soft);font-weight:700;font-size:.75rem}.calendar-view-switch{padding:.2rem;gap:.1rem}.calendar-view-switch button{min-width:2.4rem;height:1.9rem;border-radius:.42rem;color:var(--text-soft);font-size:.62rem}.calendar-view-switch button.active{background:var(--accent-soft);color:var(--text)}.calendar-card{padding:.8rem .8rem .7rem;overflow:auto}.calendar-grid{position:relative;display:grid;grid-template-columns:3.9rem repeat(7,minmax(7rem,1fr));grid-template-rows:3rem repeat(11,3.15rem);min-width:58rem;border:1px solid var(--border);border-radius:.8rem;overflow:hidden;background:linear-gradient(180deg,rgba(139,92,246,.04),transparent)}.calendar-grid>div:first-child{grid-column:1;grid-row:1;background:var(--card-soft);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.calendar-day-head{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem;border-bottom:1px solid var(--border);border-right:1px solid var(--border);color:var(--text-soft);font-size:.63rem;white-space:pre-line;text-align:center;background:var(--card-soft)}.calendar-day-head.today{color:#fff;background:linear-gradient(180deg,var(--accent-deep),var(--accent));border-color:#ffffff29}.calendar-hour{grid-column:1;display:flex;align-items:start;justify-content:center;padding-top:.35rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-soft);font-size:.62rem;background:var(--card-soft)}.calendar-grid:after{content:"";position:absolute;inset:3rem 0 0 3.9rem;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:100% 3.15rem,calc((100%)/7) 100%;pointer-events:none}.calendar-event{position:relative;z-index:2;margin:.28rem;padding:.45rem .5rem;border:1px solid rgba(255,255,255,.16);border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;gap:.15rem;box-shadow:var(--shadow-soft);color:#fff}.calendar-event b{font-size:.62rem;line-height:1.25}.calendar-event small,.calendar-event em{font-size:.52rem;color:#ffffffd1;font-style:normal}.calendar-event>i{position:absolute;right:.45rem;top:.45rem;color:var(--orange);font-style:normal}.event-purple{background:linear-gradient(135deg,#7c3aedeb,#31126feb)}.event-blue{background:linear-gradient(135deg,#2563ebeb,#0e3784eb)}.event-green{background:linear-gradient(135deg,#10a36fe6,#05593eeb)}.event-orange{background:linear-gradient(135deg,#d97706eb,#6b410ceb)}.event-red{background:linear-gradient(135deg,#dc2626eb,#641926eb)}.time-now{position:absolute;z-index:3;left:3.9rem;right:0;top:calc(3rem + 5.25 * 3.15rem);height:1px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.time-now:before{content:"13:30";position:absolute;left:-3.3rem;top:-.55rem;padding:.15rem .3rem;border-radius:.35rem;background:var(--accent);color:#fff;font-size:.55rem;font-weight:800}.calendar-legend{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:.7rem;color:var(--text-soft);font-size:.62rem}.calendar-legend span{display:flex;align-items:center;gap:.35rem}.calendar-legend i{width:.58rem;height:.58rem;border-radius:50%}.event-dot-purple{background:var(--accent)}.event-dot-blue{background:var(--blue)}.event-dot-orange{background:var(--orange)}.event-dot-green{background:var(--green)}.event-dot-red{background:var(--red)}.calendar-bottom-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:.9rem}.summary-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.summary-mini-grid span{display:flex;flex-direction:column;gap:.25rem;padding:.8rem;border-radius:.65rem;background:var(--card-soft)}.summary-mini-grid svg{color:var(--accent)}.summary-mini-grid b{font-size:.68rem}.summary-mini-grid small{color:var(--muted);font-size:.58rem}.note-card{display:flex;align-items:center;gap:.7rem;padding:.8rem;border:1px solid var(--border);border-radius:.7rem;background:var(--card-soft)}.note-card>svg:first-child{color:var(--accent)}.note-card span{flex:1;display:flex;flex-direction:column;gap:.2rem}.note-card b{font-size:.68rem}.note-card small{color:var(--muted);font-size:.58rem}.event-list,.reminder-list{display:flex;flex-direction:column;gap:.55rem}.event-list button,.reminder-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.55rem;border-radius:.65rem;text-align:left;transition:.2s}.event-list button:hover,.reminder-list button:hover{background:var(--card-soft);transform:translate(3px)}.event-list i{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:.6rem;color:#fff;font-style:normal}.event-list-0,.event-list-3{background:var(--accent-soft);color:var(--accent)!important}.event-list-1{background:#f8717126;color:var(--red)!important}.event-list-2{background:var(--orange-soft);color:var(--orange)!important}.event-list-4{background:var(--green-soft);color:var(--green)!important}.event-list span,.reminder-list span{display:flex;flex-direction:column;gap:.15rem;min-width:0}.event-list b,.reminder-list b{font-size:.68rem}.event-list small,.reminder-list small{color:var(--muted);font-size:.58rem}.event-list em,.reminder-list em{padding:.26rem .45rem;border-radius:.35rem;background:var(--accent-soft);color:#c7b7ff;font-size:.54rem;font-style:normal;white-space:nowrap}.reminder-list i{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--track-strong)}.achievements-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(18rem,.95fr);gap:.9rem;align-items:stretch}.achievements-grid .span-2{grid-column:span 1}.achievement-hero-card{display:grid;grid-template-columns:1fr auto;gap:1rem;position:relative;overflow:hidden}.achievement-hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(28rem 16rem at 20% 0%,rgba(124,58,237,.18),transparent 65%);pointer-events:none}.achievement-profile{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.1rem;position:relative;z-index:1}.student-3d-avatar{width:6.5rem;height:6.5rem;display:grid;place-items:center;border-radius:50%;font-size:3.3rem;background:radial-gradient(circle at 30% 20%,#a78bfa,#3b0f86 62%,#11142b);box-shadow:0 0 0 .4rem #8b5cf638,0 20px 45px #5b21b659}.achievement-profile h2{font-size:1.25rem;margin-bottom:.55rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.achievement-profile>div:last-child>span{color:var(--text-soft);font-size:.72rem}.achievement-profile small{color:var(--muted);font-size:.62rem}.achievement-medal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-width:12rem;position:relative;z-index:1;background:linear-gradient(135deg,rgba(139,92,246,.1),transparent);border-radius:.9rem;padding:.8rem}.achievement-medal b{font-size:.9rem}.achievement-medal small{color:var(--muted);font-size:.62rem}.achievement-quick-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;position:relative;z-index:1;padding-top:.9rem;border-top:1px solid var(--border)}.achievement-quick-stats span{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.45rem}.achievement-quick-stats svg{color:var(--accent)}.achievement-quick-stats b{font-size:.92rem}.achievement-quick-stats small{color:var(--muted);font-size:.58rem}.achievement-badge-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;align-items:start}.achievement-activity-list{display:flex;flex-direction:column;gap:.35rem}.achievement-activity-list>div{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;padding:.65rem .35rem;border-bottom:1px solid var(--border)}.achievement-activity-list span{font-size:.72rem}.achievement-activity-list b{color:var(--green);font-size:.66rem}.achievement-activity-list small{color:var(--muted);font-size:.58rem}.link-btn.centered{margin:.8rem auto 0;display:flex;align-items:center;justify-content:center}.leaderboard-mini{display:flex;flex-direction:column}.leaderboard-mini>div:not(.card-head){grid-template-columns:auto auto 1fr auto}.badges-dashboard{display:flex;flex-direction:column;gap:.9rem}.badge-stat-grid{grid-template-columns:repeat(4,1fr)}.badges-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 24rem;gap:.9rem;align-items:start}.badges-main{display:flex;flex-direction:column;gap:.9rem;min-width:0}.badge-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.badge-category{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:1rem .75rem;border:1px solid var(--border);border-radius:.8rem;background:linear-gradient(180deg,rgba(139,92,246,.06),transparent),var(--card-soft);text-align:center}.badge-category b{font-size:.72rem}.badge-category span{color:var(--text-soft);font-size:.62rem}.badge-category .progress-line{width:100%}.badge-category small{color:var(--muted);font-size:.58rem;line-height:1.45}.rare-badges>div:last-child{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem}.rare-badges span{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;color:var(--text-soft)}.rare-badges b{font-size:.64rem}.rare-badges small{color:var(--muted);font-size:.58rem}.rare-badges i{position:absolute;right:22%;top:2.6rem;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;background:var(--card-raised);border:1px solid var(--border);color:var(--text-soft);font-style:normal}.latest-badge-card>div{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin-top:1rem}.latest-badge-card span{display:flex;flex-direction:column;gap:.45rem}.latest-badge-card b{font-size:1rem}.latest-badge-card small{color:var(--text-soft);line-height:1.45}.latest-badge-card strong{color:var(--green)}.close-badges>div{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;padding:.65rem 0}.close-badges span{min-width:0}.close-badges b{display:block;font-size:.68rem}.close-badges small{color:var(--muted);font-size:.58rem}.close-badges strong{font-size:.64rem}.level-grid{align-items:stretch}.level-path{display:grid;grid-template-columns:repeat(8,1fr);gap:.6rem;margin-top:1rem}.level-path span{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.8rem .35rem;border:1px solid var(--border);border-radius:.75rem;background:var(--card-soft);text-align:center;color:var(--muted)}.level-path i{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;background:var(--gray-soft);font-style:normal;font-weight:800}.level-path .done i{background:var(--green-soft);color:var(--green)}.level-path .current{border-color:var(--accent);color:var(--text);box-shadow:0 0 20px #8b5cf629}.level-path .current i{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff}.level-path b{font-size:.62rem}.leaderboard-full>div:not(.card-head){grid-template-columns:auto auto 1fr auto auto}.knowledge-search-row{display:grid;grid-template-columns:minmax(0,1fr) 12rem;gap:.9rem;align-items:center}.search-box.wide{max-width:none;width:100%}.knowledge-layout{display:grid;grid-template-columns:minmax(0,1fr) 25rem;gap:1rem;align-items:start}.knowledge-main{display:flex;flex-direction:column;gap:.9rem;min-width:0}.knowledge-stat-grid{grid-template-columns:repeat(4,1fr)}.popular-topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.popular-topic-grid button{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:.7rem;min-height:12.2rem;background:var(--card-soft);text-align:left}.popular-topic-grid img{height:6.8rem;width:100%;object-fit:cover;filter:saturate(.9)}.popular-topic-grid span{display:flex;flex-direction:column;gap:.25rem;padding:.65rem}.popular-topic-grid b{font-size:.64rem}.popular-topic-grid small{color:var(--text-soft);font-size:.57rem;line-height:1.35}.popular-topic-grid em{color:var(--muted);font-style:normal;font-size:.54rem;margin-top:.35rem}.popular-topic-grid svg{position:absolute;right:.55rem;top:.55rem;color:#fff;filter:drop-shadow(0 2px 6px #000)}.knowledge-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.knowledge-category-grid button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;padding:.75rem;border:1px solid var(--border);border-radius:.7rem;background:var(--card-soft);text-align:left}.knowledge-category-grid span{display:flex;flex-direction:column;gap:.12rem}.knowledge-category-grid b{font-size:.68rem}.knowledge-category-grid small{color:var(--muted);font-size:.57rem}.knowledge-latest-list{display:flex;flex-direction:column}.knowledge-latest-list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto 8rem 5rem auto;align-items:center;gap:.7rem;padding:.65rem 0;border-bottom:1px solid var(--border);text-align:left}.knowledge-latest-list button:last-child{border:0}.knowledge-latest-list>button>svg:first-child{color:var(--accent)}.knowledge-latest-list b{font-size:.68rem}.knowledge-latest-list small{color:var(--text-soft);font-size:.58rem}.learning-path-card{position:relative;overflow:hidden}.learning-path-card:before{content:"";position:absolute;left:2.05rem;top:5.8rem;bottom:2.4rem;width:2px;background:linear-gradient(var(--green),var(--accent),var(--track-strong));opacity:.8}.learning-path-card button{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;width:100%;padding:.75rem;border-radius:.65rem;text-align:left}.learning-path-card button.active{border:1px solid var(--accent);background:linear-gradient(90deg,var(--accent-soft),transparent)}.learning-path-card i{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:var(--card-raised);color:var(--muted);font-style:normal}.learning-path-card .done i{background:var(--green-soft);color:var(--green)}.learning-path-card .active i{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff}.learning-path-card span{display:flex;flex-direction:column;gap:.15rem}.learning-path-card b{font-size:.68rem}.learning-path-card small{color:var(--muted);font-size:.58rem}.learning-path-card em{background:var(--accent);color:#fff;padding:.38rem .6rem;border-radius:.4rem;font-style:normal;font-size:.58rem}.learn-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;flex:1}.learn-stats span{display:flex;flex-direction:column;gap:.2rem;text-align:center}.learn-stats b{font-size:.9rem}.learn-stats small{color:var(--muted);font-size:.56rem}.help-card p{color:var(--muted);font-size:.64rem;margin:.35rem 0 .9rem}.help-card button{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;margin-top:.55rem;padding:.8rem;border:1px solid rgba(139,92,246,.25);border-radius:.65rem;background:linear-gradient(90deg,var(--accent-soft),transparent);text-align:left}.help-card button>svg{color:var(--accent)}.help-card span{display:flex;flex-direction:column;gap:.16rem}.help-card b{font-size:.68rem}.help-card small{color:var(--muted);font-size:.58rem}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1rem;align-items:start}.settings-main{display:flex;flex-direction:column;gap:.9rem;min-width:0}.settings-top-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(22rem,.85fr);gap:.9rem}.settings-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;align-items:start}.settings-content-grid .span-2{grid-column:span 2}.settings-content-grid .span-3{grid-column:1/-1}.org-form{display:grid;grid-template-columns:8rem 1fr;gap:1rem;align-items:start}.org-logo{position:relative;min-height:7rem;display:grid;place-items:center;border:1px solid var(--border);border-radius:.75rem;background:var(--card-soft)}.org-logo img{width:5.2rem;height:5.2rem;object-fit:contain}.org-logo button{position:absolute;right:.65rem;bottom:.65rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:.45rem;background:var(--card-raised);border:1px solid var(--border)}.save-settings{float:right;margin-top:.7rem}.theme-card{display:flex;flex-direction:column;gap:.85rem}.theme-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.theme-choice-grid button{position:relative;display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.9rem .6rem;border:1px solid var(--border);border-radius:.7rem;background:var(--card-soft);color:var(--text-soft)}.theme-choice-grid button.active{color:var(--text);border-color:var(--accent);background:linear-gradient(180deg,var(--accent-soft),transparent)}.theme-choice-grid b{font-size:.66rem}.theme-choice-grid i{width:.65rem;height:.65rem;border-radius:50%;background:var(--track-strong)}.theme-choice-grid .active i{background:var(--accent);box-shadow:0 0 12px var(--accent)}.settings-color-row{display:flex;gap:.8rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.settings-color-row button{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;color:#fff;box-shadow:0 0 0 3px var(--card),0 0 0 4px var(--border)}.settings-color-row button.active{transform:scale(1.08);box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--accent)}.settings-list-button{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.65rem;padding:.65rem 0;border-bottom:1px solid var(--border);text-align:left}.settings-list-button:last-child{border:0}.settings-list-button>svg{color:var(--text-soft)}.settings-list-button span{display:flex;flex-direction:column;gap:.12rem}.settings-list-button b{font-size:.68rem}.settings-list-button small{color:var(--muted);font-size:.56rem}.backup-cards{display:flex;flex-direction:column;gap:.55rem}.backup-cards button,.quick-settings-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.75rem;border:1px solid var(--border);border-radius:.65rem;background:var(--card-soft);text-align:left}.backup-cards.compact button{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:.65rem 0}.backup-cards button>svg:first-child,.quick-settings-list svg:first-child{color:var(--blue)}.backup-cards button.danger,.quick-settings-list button.danger{color:var(--red)}.backup-cards button.danger>svg:first-child,.quick-settings-list button.danger svg:first-child{color:var(--red)}.backup-cards span{display:flex;flex-direction:column;gap:.15rem}.backup-cards b,.quick-settings-list{font-size:.68rem}.backup-cards small{color:var(--muted);font-size:.56rem}.security-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;border-color:#8b5cf659;background:linear-gradient(90deg,var(--accent-soft),transparent),var(--card)}.security-banner span{display:flex;flex-direction:column;gap:.25rem}.security-banner b{font-size:.9rem}.security-banner small{color:var(--muted);font-size:.62rem}.system-info-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.65rem}.system-info-row:last-child{border:0}.system-info-row svg{color:var(--accent)}.system-info-row b{font-size:.62rem;font-weight:700}.system-info-row b.green{color:var(--green)}.system-info-row .progress-line{grid-column:2/4;margin-top:0}.quick-settings-list{display:flex;flex-direction:column;gap:.45rem}.quick-settings-list button{grid-template-columns:auto 1fr auto;padding:.65rem}.permission-grid{display:flex;flex-direction:column;gap:.45rem;margin-top:.8rem}.permission-grid div{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:.75rem;padding:.65rem;border:1px solid var(--border);border-radius:.65rem;background:var(--card-soft);font-size:.67rem}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.8rem}.integration-grid button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.8rem;border:1px solid var(--border);border-radius:.7rem;background:var(--card-soft);text-align:left}.integration-grid span{display:flex;flex-direction:column;gap:.15rem}.integration-grid b{font-size:.67rem}.integration-grid small{color:var(--muted);font-size:.56rem}.hero-visual img,.selected-visual img,.task-visual img,.preview-image img,.detail-hero img,.popular-topic-grid img,.module-list-row>img,.report-row img,.fav-item img,.upcoming-item img{filter:saturate(1.12) contrast(1.04)}.hero-visual,.selected-visual,.task-visual,.preview-image,.detail-hero,.popular-topic-grid button{box-shadow:0 14px 34px #00000047,inset 0 0 0 1px #8b5cf624}.hero-visual:after,.selected-visual:after,.task-visual:after,.preview-image:after{content:"";position:absolute;inset:0;background:radial-gradient(18rem 9rem at 75% 15%,rgba(139,92,246,.18),transparent 60%),linear-gradient(180deg,transparent 48%,rgba(4,5,18,.34));pointer-events:none}.hero-visual,.detail-hero{position:relative}.launcher-hero>img{opacity:.72;filter:saturate(1.18) contrast(1.08)}.launcher-hero:after{background:radial-gradient(26rem 18rem at 68% 36%,rgba(139,92,246,.18),transparent 60%),linear-gradient(90deg,#030411f0,#0c04238c,#03041133)}.launcher-gallery,.visual-options{grid-template-columns:repeat(4,1fr)}.popular-topic-grid button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(4,5,18,.2));pointer-events:none}.popular-topic-grid button>*{position:relative;z-index:1}.task-card:hover,.popular-topic-grid button:hover,.launcher-gallery button:hover,.visual-options button:hover{border-color:#8b5cf68c;box-shadow:0 18px 45px #00000052,0 0 0 1px #8b5cf638}@media(max-width:1240px){.reports-stat-grid,.badge-stat-grid,.knowledge-stat-grid{grid-template-columns:repeat(2,1fr)}.reports-layout-grid,.calendar-layout,.badges-main-layout,.knowledge-layout,.settings-layout{grid-template-columns:1fr}.module-side,.settings-side{display:grid;grid-template-columns:repeat(2,1fr)}.reports-layout-grid .span-2{grid-column:auto}.report-list-card{grid-row:auto}.achievement-badge-row,.rare-badges>div:last-child{grid-template-columns:repeat(3,1fr)}.badge-category-grid,.popular-topic-grid,.knowledge-category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.module-toolbar{align-items:stretch;flex-direction:column}.module-grid,.settings-content-grid,.settings-top-grid,.achievements-grid{grid-template-columns:1fr}.module-grid .span-2,.module-grid .span-3,.settings-content-grid .span-2,.settings-content-grid .span-3{grid-column:auto}.module-stat-grid,.reports-stat-grid,.badge-stat-grid,.knowledge-stat-grid{grid-template-columns:1fr 1fr}.module-side,.settings-side{grid-template-columns:1fr}.module-list-row{grid-template-columns:auto 1fr auto}.module-list-row .progress-line,.module-list-row .chip{grid-column:2/-1}.calendar-bottom-grid,.org-form,.security-banner,.latest-badge-card>div,.knowledge-search-row{grid-template-columns:1fr}.achievement-hero-card{grid-template-columns:1fr}.achievement-medal{align-items:flex-start}.achievement-quick-stats,.summary-mini-grid,.theme-choice-grid,.integration-grid,.visual-options,.launcher-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.module-stat-grid,.reports-stat-grid,.badge-stat-grid,.knowledge-stat-grid,.achievement-quick-stats,.summary-mini-grid,.theme-choice-grid,.integration-grid,.achievement-badge-row,.rare-badges>div:last-child,.badge-category-grid,.popular-topic-grid,.knowledge-category-grid{grid-template-columns:1fr}.reports-layout-grid{grid-template-columns:1fr}.chart-flex,.chart-flex.lg{flex-direction:column;align-items:flex-start}.knowledge-latest-list button,.top-player-list>div,.leaderboard-full>div:not(.card-head),.leaderboard-mini>div:not(.card-head){grid-template-columns:auto 1fr}.knowledge-latest-list button>*:nth-child(n+3),.top-player-list>div>*:nth-child(n+4),.leaderboard-full>div:not(.card-head)>*:nth-child(n+4),.leaderboard-mini>div:not(.card-head)>*:nth-child(n+4){grid-column:2}.level-path{grid-template-columns:repeat(2,1fr)}.visual-options,.launcher-gallery{grid-template-columns:1fr}}