/* Educational atmosphere; all motion is decorative and can be disabled. */
:root{--edu-accent:#6355d9;--edu-teal:#087e84;--edu-glow:rgba(99,85,217,.12)}
body{background-image:radial-gradient(ellipse at 8% 0%,var(--edu-glow),transparent 48%)}
.main-content{min-width:0}.workspace{min-width:0}.panel,.stat{border-radius:20px}.panel{border:1px solid var(--line)}
.learning-path{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#182f60,#303879 60%,#374280);color:#fff;border:1px solid #7887ca55;border-radius:24px;padding:28px;margin-bottom:26px;box-shadow:0 16px 44px #172d5b20}
.learning-path:before{content:'';position:absolute;z-index:-1;width:260px;height:260px;border:1px solid #a9afff44;border-radius:50%;inset-inline-end:-85px;top:-140px;box-shadow:0 0 0 38px #aaaaff09,0 0 0 76px #aaaaff08}
.learning-path:after{content:'✦';position:absolute;inset-inline-end:35px;top:20px;font-size:42px;color:#c0bcff;opacity:.8;pointer-events:none}
.learning-path h2{font-size:27px;margin:5px 0}.learning-path p{color:#dce1f7}.learning-path .eyebrow{color:#bfc9ff}
.learning-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.learning-steps a{display:grid;grid-template-columns:40px 1fr;align-items:center;column-gap:12px;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:15px;padding:15px;transition:background .2s,transform .2s}.learning-steps a:hover{background:#ffffff19;transform:translateY(-3px)}.learning-steps span{grid-row:span 2;background:#ffffff15;border-radius:11px;width:40px;height:40px;display:grid;place-items:center}.learning-steps small{color:#ccd5ef}
.primary{position:relative;isolation:isolate;overflow:hidden}.primary:after{content:'';position:absolute;z-index:-1;inset:-90%;background:linear-gradient(105deg,transparent 42%,#fff3 49%,transparent 57%);transform:translateX(-65%);pointer-events:none}.primary:hover:after,.primary:focus-visible:after{animation:edu-shine .8s ease-out 1}
.stat{transition:box-shadow .2s,border-color .2s}.stat:hover{border-color:#a9a4e7;box-shadow:0 10px 30px var(--edu-glow)}
.sidebar nav a.active{box-shadow:inset -3px 0 #a299ff,0 6px 20px #172d5b0b}.soft-icon.purple{background:#f0ecff;color:#6253cb}
.form-note{line-height:1.9}.table-wrap table{min-width:650px}td .form-grid{min-width:140px}td .form-grid select{min-width:120px}.inline-actions{flex-wrap:wrap;gap:10px}.stats-grid strong{font-variant-numeric:tabular-nums}.no-print input[type=date]{min-width:150px}
.motion-toggle{font-size:18px}.motion-toggle[aria-pressed=true]{color:var(--edu-teal)}
.certificate-sheet{padding:35px 20px;text-align:center;border:3px double #8b79bd;border-radius:14px;background:radial-gradient(ellipse at top,#f0ecff,white 65%);color:#243253}.certificate-sheet h1{margin:20px 0}.certificate-sheet h2{color:#6452a1}.certificate-sheet p{white-space:normal;line-height:2}
@keyframes edu-shine{to{transform:translateX(65%)}}
@keyframes edu-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes edu-float{50%{transform:translateY(-7px) rotate(3deg)}}
@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]) .main-content>.panel,html:not([data-motion=off]) .learning-path,html:not([data-motion=off]) .page-heading{animation:edu-rise .4s ease both}html:not([data-motion=off]) .banner-art .art-book,html:not([data-motion=off]) .hero-visual .floating-note{animation:edu-float 5s ease-in-out 2}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
html[data-theme=dark] .learning-path{background:linear-gradient(115deg,#172643,#26264b)}html[data-theme=dark] .soft-icon.purple{background:#302949;color:#c4b5ff}
html[data-theme=dark] .sidebar nav>a{background:#1b2940;border-color:#30415d;color:#d8e2f3}html[data-theme=dark] .sidebar nav>a.active{background:linear-gradient(100deg,#35315d,#292f4c);border-color:#8f83dc;color:#eee9ff}html[data-theme=dark] .sidebar nav>a:hover{background:#303657;color:#fff}
html[data-theme=dark] .learning-path p,html[data-theme=dark] .learning-steps small{color:#d3daf0}
@media(max-width:900px){.learning-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-path{padding:22px}.learning-path h2{font-size:24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.learning-path{padding:18px}.learning-steps{gap:8px}.learning-steps a{padding:10px;grid-template-columns:1fr}.learning-steps span{margin-bottom:8px}.learning-path:after{font-size:25px;inset-inline-end:16px}.stats-grid{grid-template-columns:1fr}.panel-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}}
@media print{.learning-path,.motion-toggle,.no-print,.form-actions{display:none!important}body{background:white!important}.stat,.panel{box-shadow:none!important}.table-wrap{overflow:visible}.table-wrap table{min-width:0}.stats-grid{grid-template-columns:repeat(3,1fr)}a{color:inherit}}
@media print{.certificate-print .main-content>*:not(dialog[open]),.certificate-print .toast{display:none!important}.certificate-print dialog[open]{position:static;max-width:none;width:100%;max-height:none;border:0;box-shadow:none;margin:0;padding:0;overflow:visible}.certificate-print dialog::backdrop{display:none}.certificate-print .dialog-title{display:none}.certificate-print .certificate-sheet{min-height:150mm;padding:25mm 10mm}}